Fork me on GitHub
摘要: 在进行正文之前先简单介绍下 命令 git reset 命令用于改变当前的仓库状态,简单的场景用例:假设一次修改了两个文件,然而需要对这两个文件分别进行两次提交,在进行缓存操作时( ),不小心将两个文件都进行了缓存,此时我们需要对其中一个文件取消缓存,此时就需要 操作来实现,如下图 然后,对 进行 操 阅读全文
posted @ 2019-07-10 10:26 Chris-dc 阅读(46968) 评论(2) 推荐(3) 编辑
摘要: 最近项目有个需求:需要移动端浏览器下的橡皮筋效果,但是页面内部的存在`div`框需要存在滚动。由此,遇到的问题与解决过程,记录如下。 阅读全文
posted @ 2018-04-25 18:40 Chris-dc 阅读(2823) 评论(0) 推荐(0) 编辑
摘要: 最近由于项目需求,选择使用vue框架,webpack打包直接使用的vue-cli,因为需要多页面而vue-cli只有单页面,所以就决定修改vue-cli的配置文件来满足开发需求。 阅读全文
posted @ 2018-04-13 15:58 Chris-dc 阅读(4210) 评论(0) 推荐(0) 编辑
摘要: 移动端页面输入底部被软键盘遮挡问题。近期有个移动端页面的项目,存在需要用户输入的表单信息。因为页面不存在滑动(通过overflow设为hidden的方式),所以在点击input标签输入信息时,在安卓机下键盘会遮挡页面底部内容,当点击键盘时,焦点所在的 input标签才会显示在视区里。在IOS不存在此问题(在软键盘弹出时,页面会自动顶上去),存在滑动的页面里也不存在该问题。 阅读全文
posted @ 2017-08-17 18:15 Chris-dc 阅读(9073) 评论(1) 推荐(1) 编辑
摘要: 近期有个项目需求,需要用到拖动事件。由于不需要考虑IE8等低端浏览器的兼容性, 所以想到HTML5中的`drag`事件, 但是发现移动端 `android & IOS` 并不支持 `drag` 事件。所有新事物的产生都不是偶然, 所以决定自己去实现一个页面元素的拖动。 实现页面元素的主要思路,是通过监听事件(`touchstart`)判断要拖动的元素并定位该元素; 然后监听移动事件(`touchmove`)判断手指移动的方向距离并将这些参数转换为元素的移动方向距离,通过 `transform` (当然也可以通过定位`top&left`等)移动元素; 当然有开始就有停下来,所以还要监听结束(`touchend`)事件,在结束的时候进行相应的处理,返回初始位置,或者停在结束的位置。 阅读全文
posted @ 2017-08-08 15:24 Chris-dc 阅读(6927) 评论(2) 推荐(0) 编辑
摘要: this 指向问题是入坑前端必须了解知识点,现在迎来了ES6时代,因为箭头函数的出现,所以感觉有必要对 this 问题梳理一下,遂有此文 在非箭头函数下, this 指向调用其所在函数的对象,而且是离谁近就是指向谁(此对于常规对象,原型链, getter & setter等都适用);构造函数下,this与被创建的新对象绑定;DOM事件,this指向触发事件的元素;内联事件分两种情况,bind绑定, call & apply 方法等, 容以下一步一步讨论。箭头函数也会穿插其中进行讨论。 阅读全文
posted @ 2017-06-20 14:43 Chris-dc 阅读(102678) 评论(7) 推荐(29) 编辑
摘要: 今天给客户做一个微信端的HTML5的动画页面,页面内有一个视频文件,今天上线,这是前提。刚上线不久,客户的服务器便不堪重负,为了解决问题,我们将该页面的媒体文件放在自己的服务器上。问题来了,转移媒体文件之后,发现在安卓机上视频报出解析错误 阅读全文
posted @ 2017-05-11 11:38 Chris-dc 阅读(6542) 评论(1) 推荐(1) 编辑
摘要: 更好阅读体验可移步我的博客:[Blog][14] 导读 传递信息到服务器,从服务器获取信息,是前端发展的重中之重,尤其是现在前后端分离的大前提下,前后端的数据交互是前端的必修科目了。从很久之前到现在,ajax都是每个前端入行者必须技能。当然为了便于开发者, 各种三方工具将ajax包装,然后给开发者使 阅读全文
posted @ 2017-04-26 18:35 Chris-dc 阅读(7480) 评论(0) 推荐(1) 编辑
摘要: javascript 常用获取页面宽高信息 API 阅读全文
posted @ 2017-04-06 11:42 Chris-dc 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 由知乎日报API 获取信息 遇到的图片盗链问题 (403错误) 的解决 阅读全文
posted @ 2017-04-01 11:03 Chris-dc 阅读(2157) 评论(2) 推荐(1) 编辑