前端
文章平均质量分 88
创战记
初出茅庐
展开
-
React-Router4.0多级配置&自定义跳转
本着用新不用旧的理念尝试了Router4.0,踩了不少坑。看了很多大神的讲解,为便于个人理解和本着分享精神,有了这个文章。原创 2017-11-15 16:17:28 · 2063 阅读 · 1 评论 -
webpack入门
本文大多整理于入门Webpack,看这篇就够了以及webpack源码分析,本文以两篇文章为基础,做了一定整理什么是webpack?如果你看到这篇文章,那你八成知道了它的主要功能——打包器但是为什么要打包呢?压缩,打包后,文件会明细的减少体积模块整合,把你五花八门的应用整合为依赖关系图不止打包除了打包这一主要功能,webpack还衍生出了其他功能,比如原创 2018-01-11 09:56:25 · 264 阅读 · 0 评论 -
微信服务号对接流程记录
项目背景以web为主,以微信服务号为媒介,进行用户绑定。并通过菜单进入相应页面进行操作技术栈React进行微信对接,页面展示Java负责数据获取开始RTFM,不过看微信的文档确实头疼,感觉这个文档像是给老板看的,既冗余又晦涩。微信公众平台文档微信相关配置微信申请以及认证较为简单,虽然很麻烦,但是基本无坑。请参照官方说明进行一、整体机制服务号分为三种开发级别1.个人服务号基本什么功能都没有,只能发布...原创 2018-03-14 18:41:31 · 1388 阅读 · 1 评论 -
JavaScript机制:变量&函数声明提升的那些事
ES5如果你还在使用ES5,JavaScript有时候会产生一些令人摸不到头脑的Bug这是因为ES5有些机制与我们敲代码的思考逻辑并不吻合,最为显著的就是变量提升变量console.log(tmp);if (false){ var tmp = "hello world";}这个代码段能输出什么?按照正常“人类”逻辑,我们理解的语义,这段代码应该报错。但是在ES5中,会输出undefined...原创 2018-03-27 16:33:43 · 328 阅读 · 0 评论 -
React的setState机制
React中最常用,控制状态的API,要属setState但是,有些时候,setState有时会产生意料之外的结果,让人摸不到头脑。这不得不说setState的一些秘密。为什么要有setState首先,this.state.demo = 1,也是可以修改state的,但是,为什么要用setState呢?这和生命周期有关,也就是说,setState会重新触发render渲染,直接赋值则不会。也就是,...原创 2018-05-07 17:21:34 · 514 阅读 · 0 评论 -
如何解决遮罩层下的内容滚动问题
推荐方法给body fixed定位,即可屏蔽滚动,仍保留滚动条,页面不会变形 stopBodyScroll = (isFixed) => { let bodyEl = document.body let top = 0 if (isFixed) { top = window.scrollY bodyEl.style.position = 'f...原创 2018-05-23 13:52:58 · 1890 阅读 · 0 评论 -
2D碰撞算法初解
背景判断,bird与pencil的碰撞,单个遍历判断表现,与视觉所见保持一致概念,这更像一个“内含”比较,即毕竟有无交集函数static isStrike(birdBorder, pencilBorder) { let result = false; if(birdBorder.top < pencilBorder.bottom &a...原创 2018-08-19 21:53:30 · 1921 阅读 · 2 评论 -
2D碰撞算法再解
之前通过实例验证了一个2D碰撞算法后面思前想后,总觉得通过观察法验证算法并不准确。并且碰撞算法其实是有着较为明显的规律的。我认为碰撞算法其实就是包含验证算法是在内含均匀的前提下,验证二者有无交集并且此算法可以按维度拆分首先看一个维度,看一方下限是否大于另一方上限,以及此方上限是否小于另一方下限。如果都满足,则在此维度,二者重合。如果是二维,则判断两个维度都满足,则重...原创 2018-08-23 15:05:16 · 839 阅读 · 0 评论 -
js换肤(自定义颜色)实现
先说已排除的方法1.修改less/scss由于原理,js修改less/scss/css是难以实现的,只能通过生成文件->引入->重新打包这一几乎不可能存在的方式来进行,所以不要继续寻找此类方法了。2.行内样式vue/react都支持在行内样式中嵌入变量,但是行内样式不能使用css选择器,难以批量进行,如果应用此法,代码必将非常麻烦不优雅,会给开发提供非常大的阻力。我...原创 2018-11-08 18:07:18 · 1731 阅读 · 0 评论