摘要: 据说webpack4同比webpack旧版本构建速度提示至少一倍,于是开始webpack升级的尝试。 webpack4已经出来很长时间了,手头有一个基于webpack3的微信公众号项目,在项目的空档期自己在一个开发分支上做了webpack3向4的迁移。 首先将webpack升级到了4.28.2版本, 阅读全文
posted @ 2019-01-08 14:13 kimsaerono 阅读(3757) 评论(0) 推荐(0) 编辑
摘要: makeSVG(tag, attrs) { var el= document.createElementNS('http://www.w3.org/2000/svg', tag); for (var k in attrs) el.setAttribute(k, attrs[k]); return e 阅读全文
posted @ 2018-12-12 10:07 kimsaerono 阅读(374) 评论(0) 推荐(0) 编辑
摘要: 实现了多选,关键字搜索,选中的项目体现在上方的input里面,整体的ui效果和原来的页面也是一致的,后续要实现的功能是二级联动,多选和关键字搜索的功能的实现已经帮了大忙了。 layui还是一个可扩展性很强大的插件,但是在应用是应该考虑到其渲染的效率,毕竟是将所要渲染的html元素进行重写,并且绑定事 阅读全文
posted @ 2018-11-13 16:52 kimsaerono 阅读(2793) 评论(0) 推荐(0) 编辑
摘要: 邮箱正则: var regex = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g; * 移动号码段:139、138、137、136、135、134、150、151、152、157、158、159、182、183、187、1 阅读全文
posted @ 2018-10-02 15:09 kimsaerono 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 前阶段做app H5页面 有一个列表页需要下拉刷新上拉加载更多的需求,找到了Iscroll组件。看了相应的js,其实现这个功能的原理是监听滚动事件,利用滚动的方向,滚动的距离实现功能。之前用过的iscroll的逻辑大致是监听滚动的距离和5px做了一个比较,然后给固定的头部(内容为向下刷新)活底部(内 阅读全文
posted @ 2018-09-25 11:14 kimsaerono 阅读(710) 评论(0) 推荐(0) 编辑
摘要: 这篇是关于题目的报错。 那么什么情况下回遇到这个错误呢。 由于浏览器必须要在执行事件处理函数之后,才能知道有没有掉用过 preventDefault() ,这就导致了浏览器不能及时响应滚动,略有延迟。 所以为了让页面滚动的效果如丝般顺滑,从 chrome56 开始,在 window、document 阅读全文
posted @ 2018-09-05 14:05 kimsaerono 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 49版本以后的chrome跨域问题(已解决): 因为谷歌把file://这种作为跨域拦截了,所以这种情况存在跨域问题 一般是自己在没有得到后台接口的时候,自己本地伪造一个json数据,这时候如果用谷歌请求这个json数据的话就会遇到跨域的问题。 1,在随意位置建一个文件夹 2,打开终端输入以下命令: 阅读全文
posted @ 2018-09-03 15:23 kimsaerono 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 最近做前后端分离的项目,用nginx代理后台服务。 一下是nginx服务例子: server { listen 8800; server_name _; location ~* \.(gif|jpg|jpeg|png|css|js|ico|html|eot|ttf|otf|woff|woff2|sv 阅读全文
posted @ 2018-09-03 14:16 kimsaerono 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 近期遇到了模拟可编辑div输入域同时输入文字表情的需求,本来还觉得很好做,但是在具体实施的过程中遇到了一点问题。 第一个比较简单的问题是表情和对应字符的映射关系,这部分比较好做,没有用富文本框也没有用编辑器,做了表情和相应字符的对应关系只有就可以实现这个需求。 第二个问题在解决过程中就比较棘手了,因 阅读全文
posted @ 2018-08-30 18:25 kimsaerono 阅读(650) 评论(0) 推荐(0) 编辑
摘要: 其实css预编译很简单,而且可以做到动态传参,使用变量等,超级方便,但是不经常使用,是会生疏的,所以一下就来撸一下@mixin,%,@function及他们的用法: 名称 传参 调用方式 产生样式的存在方式 @mixin YES @include 以复制拷贝的方式 % NO @extend 以组合申 阅读全文
posted @ 2018-08-01 17:37 kimsaerono 阅读(324) 评论(0) 推荐(0) 编辑