前言webpack 功能打包:将不同类型资源按模块处理打包 静态:打包最终产出静态资源 模块:webpack 支持不同规范的模块开发 需要 webpack 的场景当使用模块化开发时,尽管我们可以通过 type=module 的方式来使...
Postcss及其使用
前言postcss 是一个通过 JavaScript 来转换样式的工具。它在使用上与 less 和 node-sass 类似,可直接对 css 进行添加浏览器前缀等处理,将其转为可兼容的 css 代码。 它工作时将根据 browser...
browserslist及其使用
前言在 webpack 中,我们可以通过配置 babel、postcss 等工具来将 js、css 的高级语法兼容低版本浏览器。但为了让这些工具知道该将代码最低兼容到什么程度,我们需要来指定一个范围:应该兼容哪些平台。 在项目根目录下...
overflow-hidden裁切绝对定位子元素问题
问题出现写项目中会有一些需求,例如弹窗。弹窗首先是一个绝对定位,而我们希望它相对父盒子定位,因此父盒子也需要设置一个定位。并且由于overflow:hidden几乎无副作用的将盒子转为BFC模式的特点,使得其非常泛用。 然而当这两个需...
工作两年的摸鱼佬的H5C3查缺补漏
框架用多了,css写顺手了,写html只会div了(悲),css也由于公司只搞死板的WMS系统,对一些新兴的样式属性一窍不通。原生是根啊,不能只会框架,那样人是飘在天上的。虽说近期也有意识到这个问题,时常抱着mdn了解h5语义化与cs...
Typescript学习笔记
在 TypeScript 中,可以把类型理解成一系列值的集合,例如: number:所有数字的集合对象类型:内部所有属性的集合 顶层类型与底层类型TypeScript 有两个顶层类型(any 和 unknown),一个底层类型(nev...
TypeScript开发记录
ts-node使用 ts-node 来无需编译直接启动 ts 文件 使用方式(仅给项目单独使用的话不需要装在全局) 1npm i ts-node typescript -g 问题当在 typescript.json 中配置 alia...
Docker安装Nginx
由于实在看不下去以前到处扔垃圾一样装的杂七杂八环境,前两天心血来潮还原了下服务器,改用 docker 安装一些必备的应用,虽然也踩了不少坑,但不得不说 docker 还是蛮香的 获取配置文件先在想要安装 nginx 的目录下创建几个文...
CentOS7源码安装Git环境
获取 git12345678# 卸载已安装低版本 gityum remove git# 下载 gitwget https://www.kernel.org/pub/software/scm/git/git-2.31.1.tar.gz#...
Git不同系统换行符问题
近期公司由于业务原因开始使用 mac 开发,但当上班摸鱼开发朋友的项目时却遇到了诡异的问题。 只改了两行代码,提交时却整个文件都发生了改动。 那还了得,刷代码提交量也没有这么刷的。于是着手寻找原因。 问题查找不同操作系统的换行符是不...