haileyLing

公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

1. touchstart：当手指触摸屏幕时，获取初始坐标，lastPos.x，lastPos.y。 2. touchmove: 当手指在屏幕上滑动的时，获取当前坐标，curLoc.x,curLoc.y。 如果直接用鼠标点击的坐标在canvas上绘图的话，会发现，画出来的线，坐…

别走，别走，别走啊😭.............................................

上一篇文章案例｜原生手写一个轮播图——渐隐渐显版还有很多不足，这里要非常感谢大佬csdoker给出的宝贵意见和指导🙏，所以笔者决定重新完善一下轮播图的案例，打算做一个简易版的左右轮播图插件的封装；一、

FormItem 是一个包裹，主要用来包装一些表单控件、提示消息、还有校验规则等内容。 感兴趣小伙伴可以在这个基础上通过源码的学习深入研究iview组件库的form表单校验的具体实现。

所以接下来的问题就变成了如何解决watch 新老值一样的问题。 为了避免每次watch值的时候都去发起请求，我们得考虑去优化api接口的请求频次，这里采用防抖方案是最佳了。

本文详细介绍了如何在H5中实现长按保存图片的功能。 1. html2canvas截屏 2. canvas2Image转化为图片 一般情况下转为jpeg格式就很不错了。 3. 长按保存图片 先实现一个长按的方法，长按之后把生成的图片append到body，透明浮在屏幕上。 4. …

现在有一个小商城，从首页（Index）可以进入商品列表页面（List），这个List是一个无限列表，现在用户往下翻，看到某一个商品似乎比较喜欢，于是点击进入到商品详情页面（Info），看完后觉得比较满意。恩，但是货比三家嘛，于是用户返回商品列表页面，准备继续往下浏览，这时如果你…