摘要: 一款拥有历史搜索记录的微信小程序搜索框--wx-search-have-history 阅读全文
posted @ 2018-03-07 11:57 Westbrook维 阅读(3678) 评论(0) 推荐(0) 编辑
摘要: 问题描述:当页面突然出现滚动条的时候,页面会突然被挤压,因为滚动条也是需要占位的呀。 解决思路:现在目标就是滚动条出现,但是内容位置不变,依然不动。 1、新属性overlay chrome下overflow有个新的属性值overlay,这个属性简直就是为了这个问题而生,他和auto有点像,但是区别就 阅读全文
posted @ 2019-10-15 23:15 Westbrook维 阅读(7021) 评论(0) 推荐(2) 编辑
摘要: 1、初始化项目 在项目根目录下使用一下命令 这时终端会提示你输入诸如包名,版本号等信息,如下: 2、新建src文件夹 新建src文件夹之后,把微信小程序自定义组件的index.js、index.wxss、index.json、index.wxml四个文件都拉到src文件夹里面即可。文件目录如下图: 阅读全文
posted @ 2019-01-30 21:55 Westbrook维 阅读(2173) 评论(0) 推荐(0) 编辑
摘要: 使用commonChunkPlugin的都是基于webpack3.10.0,在webpack4中直接配置optimization就可以了。 一:什么是长缓存? 浏览器在用户访问页面的时候,为了加快加载速度,对用户请求的静态资源都会进行存储,但是每次代码更新或者升级的时候,我们都需要浏览器去加载新的代 阅读全文
posted @ 2018-09-13 21:36 Westbrook维 阅读(810) 评论(0) 推荐(0) 编辑
摘要: 一:基本概念 1、字面意思是摇树,一句话:项目中没有使用的代码会在打包时候丢掉。分为css的tree shaking和js的tree shaking。 2、使用场景:1)常规优化。2)使用第三方库,但是只使用了部分功能。 二:JS tree shaking 在webpack4中已经移除了Uglify 阅读全文
posted @ 2018-09-13 21:36 Westbrook维 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 一:目录结构 二:webpack.config.js的配置 三:其他文件配置 到这里,一个正常的打包css过程就完成了。下面介绍一个这些loader的属性,让我们的使用更灵活。 四:style-loader/useable 五:style-loader的实现原理 六:css-loader的实现原理( 阅读全文
posted @ 2018-09-13 21:36 Westbrook维 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 学习之路基于webpack3.10.0,webpack4.0之后更新。 一:开始前的配置 1、初始化项目,其实就是新建一个package.json文件,后面的命令依赖里面的配置项。 2、修改npm script定义的任务,新增一项。 3、安装webpack 注:--save --dev 和 --sa 阅读全文
posted @ 2018-09-13 21:35 Westbrook维 阅读(1565) 评论(0) 推荐(0) 编辑
摘要: 学习之路基于webpack3.10.0,webpack4.0之后更新。 多页面提取公共代码!!! 一:文件关系 pageA --> subA、subB --> moduleA pageB --> subA、subB --> moduleA 那么pageA、pageB 的公共代码就是subA、subB 阅读全文
posted @ 2018-09-13 21:35 Westbrook维 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 代码分割:对于一个大型的web项目来说,如果为了减少http请求,只打包出一个bundle.js文件,那么只要我们的需求修改了一点点,整个bundle.js都需要重新加载,得不偿失。所以我们不妨把代码分割成一块一块的,按需加载,而且还能利用浏览器缓存机制,如果文件没有修改,直接从缓存读取。也就是说, 阅读全文
posted @ 2018-09-13 21:35 Westbrook维 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 浏览器IE9+才支持 map、foreach、reduce、filter、indexOf、some、every这些数组方法,那么当浏览器不支持时,我们该如何兼容? 1、forEach 2、map 3、reduce 4、filter 5、indexOf 6、some 7、every 仅供个人记录和学习 阅读全文
posted @ 2018-08-29 14:49 Westbrook维 阅读(499) 评论(0) 推荐(0) 编辑
摘要: ## 使用策略模式进行表单效验### 实习做微信小程序项目的时候曾经做过表单验证,多个页面共用一套校验规则,当时能力不够,不会封装。最近看了设计模式,就写了这个。 ### 第一步:封装策略对象 ### 第二步:声明验证函数Validator ### 第三步:给Validator函数添加add和sta 阅读全文
posted @ 2018-08-25 21:20 Westbrook维 阅读(1000) 评论(0) 推荐(0) 编辑