2021年12月17日
background-attach：fixed在安卓手机上不生效的解决办法
摘要： background-attach：fixed在安卓手机上不生效的解决办法 .cover-img height 100% background-size 0 &:after content '' position fixed background-image inherit background-s 阅读全文
posted @ 2021-12-17 18:39 行果 阅读(154) 评论(0) 推荐(0) 编辑
解决label点击事件触发两次问题
摘要： 问题描述： 通常，为了用户体验，我们点击单选框或者复选框后面文字，即可选中当前项。代码如下： <label> <input type="radio" name="sex" />男 </label> <label> <input type="radio" name="sex" />女 </label> 阅读全文
posted @ 2021-12-17 17:48 行果 阅读(950) 评论(0) 推荐(0) 编辑
first-child与last-child不生效
摘要： first-child与last-child不生效可以尝试使用first-of-type与last-of-type 阅读全文
posted @ 2021-12-17 17:46 行果 阅读(82) 评论(0) 推荐(0) 编辑
2021年5月8日
浅谈控制反转与依赖注入
摘要： 第一章：小明和他的手机 从前有个人叫小明 小明有三大爱好，抽烟，喝酒…… 咳咳，不好意思，走错片场了。应该是逛知乎、玩王者农药和抢微信红包 我们用一段简单的伪代码，来制造一个这样的小明 class Ming extends Person { private $_name; private $_age 阅读全文
posted @ 2021-05-08 11:54 行果 阅读(167) 评论(0) 推荐(0) 编辑
2019年12月6日
案例实战之如何写一个webpack plugin
摘要： 案例实战之如何写一个webpack plugin 1.写一个生成打包文件目录的file.md文件 javascript // 生成一个目录项目目录的文件夹 class FileListPlugin { constructor(options) { this.options = options } a 阅读全文
posted @ 2019-12-06 18:17 行果 阅读(552) 评论(0) 推荐(0) 编辑
案例实战之如何写一个webpack loader
摘要： 通过以下几个实例掌握webpack loader的写法 1.写一个多语言替换的loader 在index.js在页面上插入了一个{{title}}文本，我们需要在打包的时候将其替换成对应的多语言 loader的写法 使用自己定义的loader 设置环境变量 执行npm run dev 2.写一个转换 阅读全文
posted @ 2019-12-06 18:16 行果 阅读(707) 评论(0) 推荐(0) 编辑
最全 webpak4.0 打包性能优化清单
摘要： 最全 webpak4.0 打包性能优化清单 webpack4.0如何进行打包优化？ 无非是从两个角度进行优化，其一：优化打包速度，其二：优化打包体积，送你一份打包性能优化清单 1.使用loader的时候尽量指定exclude和inlucde来提高文件查找效率，避免不必要的查找，设置noParse参数 阅读全文
posted @ 2019-12-06 18:15 行果 阅读(585) 评论(0) 推荐(0) 编辑
2019年11月11日
史上最完整promise源码手写实现
摘要： 史上最完整的promise源码实现，哈哈，之所以用这个标题，是因为开始用的标题《手写promise源码》不被收录 promise自我介绍 promise : "君子一诺千金，承诺的事情一定会去执行" promise的使用场景 使用promise能够有效的解决js异步回调地狱问题 能够将业务逻辑与数据 阅读全文
posted @ 2019-11-11 16:14 行果 阅读(10827) 评论(3) 推荐(4) 编辑
2019年11月4日
大道至简——一个例子讲清楚观察者模式
摘要： 熊宝宝需要一刻不停的看护，饿了要喂奶，湿了要换尿布，熊妈熊爸就是一个观察者，需要时刻不停的观察宝宝的状态，宝宝的状态一旦发生变化，熊爸熊妈就要开始”揍孩子“。 javascript class Baby { constructor(os) { this.state = '开心' this.obser 阅读全文
posted @ 2019-11-04 12:12 行果 阅读(360) 评论(0) 推荐(0) 编辑
2019年10月18日
博客园界面代码风格自定义设置
摘要： 博客园设置界面风格 如何添加一个侧边栏导航 1.在自定义脚本里面添加如下js 2.在自定义css里面添加如下css 如何使用highliht的样式 1.在 "highlight.js demo" 选一个你自己喜欢的代码风格 我用的是vscode编辑器，因此我比较喜欢monokai这款风格 2.在 " 阅读全文
posted @ 2019-10-18 15:21 行果 阅读(736) 评论(0) 推荐(1) 编辑