Chris

摘要： 在进行正文之前先简单介绍下 命令 git reset 命令用于改变当前的仓库状态，简单的场景用例：假设一次修改了两个文件，然而需要对这两个文件分别进行两次提交，在进行缓存操作时（ ），不小心将两个文件都进行了缓存，此时我们需要对其中一个文件取消缓存，此时就需要 操作来实现，如下图 然后，对 进行 操 阅读全文

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

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

摘要： 移动端页面输入底部被软键盘遮挡问题。近期有个移动端页面的项目，存在需要用户输入的表单信息。因为页面不存在滑动（通过overflow设为hidden的方式），所以在点击input标签输入信息时，在安卓机下键盘会遮挡页面底部内容，当点击键盘时，焦点所在的 input标签才会显示在视区里。在IOS不存在此问题（在软键盘弹出时，页面会自动顶上去），存在滑动的页面里也不存在该问题。 阅读全文

摘要： 近期有个项目需求，需要用到拖动事件。由于不需要考虑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错误） 的解决 阅读全文