随笔分类 - 组件/类库
摘要：在webpack4中使用splitChunkPlugin时,根据需要将公共代码拆分为多个依赖后,需要在创建htmlWebpackPlugin时候按需引入对应入口文件依赖的chunk。但是html-webpack-plugin的chunk配置项只能手动添加，在没有得知拆分后的chunk情况下，无法得知
阅读全文
摘要：全新升级后的FE工作流为：使用FE命令包进行项目的初始化，其中包括项目初始化、拉取脚手架、私库拉取模块包或后期扩展的CI/CD等与本公司工作流相关的操作。 出现的问题如下： 脚手架工具的包依赖信息存放在根目录的package.json中，若业务项目仍存放在package.json中，那么后期再更新脚
阅读全文
摘要：首先此函数是基于大家都知道的Tween动画算法的，在此基础上使用了三中讲到的兼容版动画贞，可以使动画变得更流畅。 1. 首先要记得引入Tween.js 2. 引入mTween.js 3. 调用 * mTwee.js文件如下: （这里的m意为mobile） 调用方法：
阅读全文
摘要：移动端滑屏封装注意事项： 1.touchMove时候方向判断（可以控制在 以x轴位中心正负15度之内为横向滑屏，纵向滑屏同理） 2.上下滑屏与左右滑屏的冲突(判断用户滑动方向后，只做单方向的处理) 3.安卓触摸(例如某个人手指很粗)触发touchMove（记录上一次的手指坐标，每一次move的时候判
阅读全文
摘要：新年第一天首先祝大家新年快乐，心想事成！ 1.利用根实例构造函数的原型 通过原型链添加方法，同理 2.通过Vue的插件机制 （常用方法） （1） 以util.js为插件文件，则需在项目入口文件main.js中引入： （2）插件暴露 （3）调用插件
阅读全文
摘要：一、基本事件介绍： gesture相关事件只有IOS下存在，安卓需自己封装！ css()函数等详细信息需有前几篇随笔的基础！ 事件1：gesturestart 触发条件：当手指触摸元素 且 当前屏幕上有两根或者两根以上的手指 事件2：gesturechange 触发条件：当已经触发了gestures
阅读全文
摘要：个人github地址（不定期更新更多实用组件）：https://github.com/pomelott 博客园地址：http://www.cnblogs.com/pomelott 几天在项目中遇到一个效果，需要将某结点拖拽后实时放置在离自己位置最近的栅格中。这么好的案例，不封装还是人吗？好了，不扯了
阅读全文
摘要：github地址：https://github.com/pomelott/jquery-plug-in 组件库（componentGallery） 使用方法 1.引入css文件（建议复制粘贴至项目css文件中） 2.引入pomelo.js文件（需要引入jquery） 3.创建相应的对象，并传入参数。
阅读全文
摘要：先上效果图： 最小的ul就是一个最小的树枝，空间允许时可无限扩展。html如下： css如下： js如下：
阅读全文
摘要：多功能回到顶部(backTop) 组件下载地址：https://github.com/pomelott/jquery-plug-in速度可调控，带隐藏效果，返回过程中可回滚。参数说明： var test=new backTop({ btn:"backTop", 回到顶部按钮的ID（此处无#） spe
阅读全文
摘要：附github地址 https://github.com/pomelott/jquery-plug-in 模态框（modelBox） 使用方法 1.引入css文件（建议复制粘贴至项目css文件中） 2.引入js文件（建议使用发布的压缩版，需引入jquery） 3.创建模态框对象，并传入参数。 1.引
阅读全文
摘要：插件github地址：https://github.com/pomelott/slider-plug_in 使用方式： slider plug-in 左右滑动的自适应、多样式全能插件。多次调用时只需传入最外层盒子ID即可。 1.根据html中的Dom结构引入图片。 2.引入css和js文件 3.调用
阅读全文
摘要：【持续更新中...跪求点击右上角星星，好人一生平安！】 API详见github，链接如下： https://github.com/pomelott/pomelo-plug-in
阅读全文
摘要：1.获取和修改垂直滚动条的滚动距离 2.倒计时函数，需要创建一个id为countdown的div； 持续更新中......
阅读全文
