摘要：最近项目有个需求：需要移动端浏览器下的橡皮筋效果，但是页面内部的存在`div`框需要存在滚动。由此，遇到的问题与解决过程，记录如下。 阅读全文

摘要：最近由于项目需求，选择使用vue框架，webpack打包直接使用的vue-cli，因为需要多页面而vue-cli只有单页面，所以就决定修改vue-cli的配置文件来满足开发需求。 阅读全文

摘要：近期有个项目需求，需要用到拖动事件。由于不需要考虑IE8等低端浏览器的兼容性， 所以想到HTML5中的`drag`事件， 但是发现移动端 `android & IOS` 并不支持 `drag` 事件。所有新事物的产生都不是偶然， 所以决定自己去实现一个页面元素的拖动。 实现页面元素的主要思路，是通过监听事件（`touchstart`）判断要拖动的元素并定位该元素； 然后监听移动事件（`touchmove`）判断手指移动的方向距离并将这些参数转换为元素的移动方向距离，通过 `transform` （当然也可以通过定位`top&left`等）移动元素； 当然有开始就有停下来，所以还要监听结束（`touchend`）事件，在结束的时候进行相应的处理，返回初始位置，或者停在结束的位置。 阅读全文

摘要：this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；构造函数下，this与被创建的新对象绑定；DOM事件，this指向触发事件的元素；内联事件分两种情况，bind绑定， call & apply 方法等， 容以下一步一步讨论。箭头函数也会穿插其中进行讨论。 阅读全文

摘要：今天给客户做一个微信端的HTML5的动画页面，页面内有一个视频文件，今天上线，这是前提。刚上线不久，客户的服务器便不堪重负，为了解决问题，我们将该页面的媒体文件放在自己的服务器上。问题来了，转移媒体文件之后，发现在安卓机上视频报出解析错误 阅读全文

摘要：更好阅读体验可移步我的博客：[Blog][14] 导读 传递信息到服务器，从服务器获取信息，是前端发展的重中之重，尤其是现在前后端分离的大前提下，前后端的数据交互是前端的必修科目了。从很久之前到现在，ajax都是每个前端入行者必须技能。当然为了便于开发者， 各种三方工具将ajax包装，然后给开发者使 阅读全文

摘要：javascript 常用获取页面宽高信息 API 阅读全文

摘要：由知乎日报API 获取信息 遇到的图片盗链问题 （403错误） 的解决 阅读全文

摘要：在Vue组件化开法中， 对于组件间数据传递大致分为三类： 1、父组件 -> 子组件 2、子组件 -> 父组件 3、非父子组件间 vuex 有很好的状态管理， 对于大型单页项目 非常有用。但对于小型项目，vuex却显得赘余 在不使用vuex 的情况下实现数据状态管理时， 对于第1类，vue提供prop 阅读全文

摘要：在使用 ueditor 开发时， 作为一个web文本编辑器使用时。 当点击上传图片时， 文件夹要延迟好久才能打开。 解决： 针对多图片上传， 将/ueditor/dialogs/image/image.js 文件下的以下代码 改为 针对单图片上传， 将/ueditor/ueditor.all.js 阅读全文

摘要：前边都是废话，直接从第四段开始看 对于一些html的动画页面，canvas动画页面，会需要大量的图片文件。一张一张的从服务器获取图片，会影响页面的显示。 怎样提高动画的效果，可以写一个load页面，然后通过js把图片先从服务器加载下来，避免在动画的时候，保证动画的流畅性。但是问题来了，在有大量图片的 阅读全文

摘要：深拷贝&浅拷贝，说起来都明白，但是说不出所以然。今天就系统的整理下思绪，一点点的将其分析出所以然 废话不多说 浅拷贝 简单的说就是一个值引用，~~学生时代接触过编程的人都应该了解过指针~~，浅拷贝可以说就是变量拷贝的是数据的地址而不是数据本身，所以从直观上看来，好像是一个数据改变了， 所有数据都改变 阅读全文

摘要：对于移动端的触摸事件，我们通过touchstart、touchmove、touchend实现，PC端一般使用mousedown、mousemove、mouseup实现。 我们获取事件坐标，原生js获取方式 jQuery获取方式 其中关于touch触摸事件的触摸列表： touches ：当前位于屏幕上 阅读全文

摘要：Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XMLHttpRequest对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。 XMLHttpRequest是一 阅读全文

摘要：事件的发生顺序 假设在一个元素中又嵌套了另一个元素并且两者都有一个onClick事件处理函数(event handler)。如果用户单击元素2，则元素1和元素2的单击事件都会被触发。但是哪一个事件先被触发？哪一个事件处理函数会被首先执行？换句话说，事件的发生顺序到底如何？如下图是当点击span元素区 阅读全文