本篇文章是一篇 Vue.js 的教程，目标在于用一种常见的业务场景—分页 / 无限加载，帮助读者更好的理解 Vue.js 中的一些设计思想。

web 前端图片懒加载实现原理

在这个前端用户体验越来越重要的时代，你的页面稍微有点卡顿，都难以挽留用户。而作为一名有追求的前端，势必要力所能及地优化我们前端页面的性能。今天，就来谈一谈那些前端性能优化的加载技术，利用这些技术可以很好地提高网站的响应速度和用户体验。 页面渲染 在理解真正的优化技术之前，我们需要…

过多的图片会严重影响网页的加载速度，移动网络下的流量消耗巨大，延迟加载几乎是标配

在当下的的前端项目中，图片功能可以说是非常常见的，图片的展示、图片的裁剪编辑、图片的上传等，那么我们的项目便来了个需求。 当下我们项目中需要一个可自由编辑图片的功能，当图片可能出现需要频繁编辑，同时能满足发现裁剪不满意想要微调的时候，会发现如果我们处理图片按照平常的习惯，如裁剪…

1、根据input获取用户选取的图片文件let_file=this.$refs.input.files[0]2、将_file文件流通过FileReader转化成base643、处理base64数据通过

可能在看到这个问题的第一眼，我们可能会想到这样的解决办法：获取 ul 元素，然后新建 li 元素，并设置好 li 的文本内容和监听器绑定，然后在循环里对 ul 进行 append 操作，即可能想到的是以下代码实现。 实践上述代码，我们发现界面体验很不友好，卡顿感严重。出现卡顿感…

Chrome 72 已经进入了 beta 阶段。新增：公有类成员的声明和初始化、一些 DevTools 新功能（可视化性能指标、高亮 text nodes、复制节点的 JS 访问路径）等；废弃：页面 unload 的时候将不能使用 window.open() 打开一个新页面了，…

之前一直用jquery的form插件自带的方法ajaxSubmit提交表单。 这种方法太依赖库，在移动端会产生多大的资源消耗，于是还是用FormData提交比较合适。FormData也是H5新增 二、通过Html Form元素创建FormData对象，用ajax提交。