实现元素拖拽的两种方式
为将要拖拽的元素设置允许拖拽，并赋予dragstart事件将其id转换成数据保存；为容器添加dragover属性添加事件阻止浏览器默认事件,允许元素放置，并赋予drop事件进行元素的放置。
瀑布流的实现
现在很多网站都会使用瀑布流的一个效果，什么是瀑布流呢，用在哪些地方呢？大概就是这样的一个效果，一般用于无法保证图片大小的网站。先看下布局+css
创建一个自己的Vue UI组件库，并将它发布在npm上
本文仅限于入门级，没有成规模制作，希望能对你有所帮助。因为在开发多个项目中可能会用到同一个组件，那么我们通过复制粘贴的形式更新，无异于是笨拙的，我们可以通过上传到npm后，不断迭代npm包来实现更新。
js 压缩图片（只缩小体积，不更改图片尺寸）
我们知道现在，手机拍照在10MB左右，体积太大，在上传到服务器前，能不能只缩小图片的体积，而不改变图片尺寸？ 这里我们可以通过canvas实现对图片的重新绘制，已便达到图片压缩的效果。
js光标定位操作
打开网页后将光标定位到某个Text文本框中 ；打开网页后Text文本框内已经有了从数据库里读出来的内容，需要将光标定位到这个Text某个字符后面,要将光标定位到冒号后面（不分中文或英文输入法），如果内容中没有冒号就就光标定位到最前面
jQuery属性操作
jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作:html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr()
文件上传File格式转为Blob格式
最近项目开发中涉及到文件上传功能，使用的是七牛的服务。查看七牛文档发现文件上传格式为blob，而本地添加上传文件时获取到的是file格式，因此需要将file转换为blob，具体转换方法如下：
前端开发岗位面试中常考的源代码实现
手动撸个call/apply/bind,实现call来看下call的原生表现形式：如果一个函数作为一个对象的属性，那么通过对象的.运算符调用此函数，this就是此对象;apply和call实现类似，只是传入的参数形式是数组形式
CSS实现宽高等比自适应容器
在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。