摘要: 发现问题 项目上线 经过了一段时间的打包(即熟悉的npm run build)、压缩(通过压缩工具压成.zip包)、上线(把压缩包发给上线人员),终于,发现了有优化的空间,哈哈。 什么?项目上线还属于人工操作?利用压缩包的方式?还没用到自动化部署? 打扰了,打扰了。 主角登场 找了一下,发现了一个好 阅读全文
posted @ 2019-06-04 14:20 蟹行者 阅读(6092) 评论(0) 推荐(0) 编辑
摘要: 头疼:重复引用第三方库 在多入口文件打包的时候,出现了重复引入第三方库的问题,如下: 怎么办:怎么抽取公共模块 在 webpack4 之前,都是利用 CommonsChunkPlugin 插件来进行公共模块抽取。 到了 webpack4 之后,利用了 SplitChunksPlugin 插件来进行公 阅读全文
posted @ 2019-06-04 13:39 蟹行者 阅读(9563) 评论(0) 推荐(0) 编辑
摘要: 1、一般情况下 在移动端,点击input框之后,会弹出输入键盘。而内容input的内容也会自动滚动到可视区域内。 2、当父元素设置了overflow属性之后 在设置了overflow属性之后,点击input框之后,input却无法滚动到可视区域内,在此情况下,我们应该怎么做呢。 3、解决方案 1、父 阅读全文
posted @ 2019-03-12 16:39 蟹行者 阅读(2284) 评论(0) 推荐(0) 编辑
摘要: 想实现这样的一个功能,点击子元素,让元素滚动至指定位置,怎么实现呢? 在代码实现之前,先了解下相关关键点。 1、scrollHeight 属性 通过 scrollHeight 属性可获得子元素的滚动高度,因此,子元素的总滚动高度等于每个子元素的 scrollHeight 之和。 2、scrollTo 阅读全文
posted @ 2019-02-18 17:04 蟹行者 阅读(3759) 评论(0) 推荐(1) 编辑
摘要: 一、前言 我们在使用webpack构建工具的时候,通过style-loader,可以把解析出来的css通过js插入内部样式表的方式到页面中,插入的结果如下: <style> .wrapper { width:100%; height:50px; } .container { width:1200px 阅读全文
posted @ 2018-12-29 17:01 蟹行者 阅读(6755) 评论(0) 推荐(0) 编辑
摘要: 一、前言 我们每天都在书写着有关于this的javascript代码,似懂非懂地在用着。前阵子在看了《你不知道的JavaScript上卷》之后,也算是被扫盲了一边关于this绑定的四种方式。 二、绑定规则 关于this应用的是哪条规则,得先找到调用的位置,再判断应用了哪条规则。 1、默认绑定 先上代 阅读全文
posted @ 2018-12-06 22:58 蟹行者 阅读(1651) 评论(0) 推荐(0) 编辑
摘要: 一、.editorconfig文件是什么? 在项目里,大多时候都能看到.editorconfig文件,刚开始总是忽视掉它,认为它不太重要。但是,它的存在,必定有它的理由,于是,抽空来研究一下,它是什么,能做什么。 官网是这么介绍EditorConfig的,“EditorConfig帮助开发人员在不同 阅读全文
posted @ 2018-12-01 00:59 蟹行者 阅读(30071) 评论(2) 推荐(8) 编辑
摘要: 一、前言 最近有这样的一个需求,需要把两个同名的.mtl文件和.obj文件打包成一个同名的.zip压缩包。刚开始文件不多的时候,只有几个,或者十几个,甚至二三十个的时候,还能勉强接受手动修改,但是随着项目的进展,手动压缩是没有效率且浪费时间的,于是就有了想用程序实现自动打包的想法。 二、使用jszi 阅读全文
posted @ 2018-11-26 22:10 蟹行者 阅读(12773) 评论(0) 推荐(1) 编辑
摘要: 一、先放上项目目录结构 二、问题总结 1、关于process.env.NODE_ENV问题 刚开始的时候,我想在配置文件中使用到这个环境变量,却发现一直获取不到值,晕晕晕,查了资料才知道,这个环境变量是给除配置文件之外的文件使用的。 因为我需要在webpack.base.conf.js配置文件中区分 阅读全文
posted @ 2018-10-07 12:31 蟹行者 阅读(2346) 评论(0) 推荐(2) 编辑