cssnext

Rollup+Ts构建前端应用 前言 最近接手一个新的需求，纯html模版开发，对于已经习惯前端工程化开发的我来说，再回到 html+css+js 的时代，着实有点苦难，于是利用 Rollup+Ts+Scss 来进行开发。 项目搭建 # 项目初始化 npm init # 安装需要的依赖 yarn add rollup typescript rollup-plugin-postcss rollup-plugin-typescript tslib -D 复制代码 rollup-plugin-typescript 插件依赖 tslib ,需要提前安装好，不然运行的时候会出现找不到 tslib 依赖的错误。 配置tsconfig.json // tsconfig.json { "compilerOptions" : { "outDir" : "es" , "target" : "ESNext" , "declaration" : true , "noImplicitAny" : true , "removeComments" : true , "noUnusedLocals" : true }, "include" : [ "src/**/*" , "./declaration.d.ts" ], "exclude" : [ "node_modules/**/*" ] } 复制代码

# 1.CSS3简介 - 前缀 google/safari : -webkit- ie : -ms- firefox : -moz- opera : -o- - 前缀官方网址 参考手册：http://css.doyoe.com 权威网站：http://www.caniuse.com - 预处理器:pre-processor less/sass cssNext插件 cssNext:用来实现一些未来的标准（未完全在各大浏览器实现的功能） - 后处理器:post-processor 后处理器插件 autoprefixer : 可以帮助我们自动添加前缀 - postCss + 插件 （充分体现了扩展性） 用JS实现的css抽象的语法树 AST(Abstract Syntax Tree) 剩下的是留给了后人来做 来源： oschina 链接： https://my.oschina.net/u/4413947/blog/4282731

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我试图选择除 radio 和 checkbox 之外的所有 type s的 input 元素。 许多人表明，您可以在 :not 多个参数，但是无论如何我尝试都不能使用 type 。 form input:not([type="radio"], [type="checkbox"]) { /* css here */ } 有任何想法吗？ #1楼 我对此有些麻烦，并且“ X：not（）：not（）”方法对我不起作用。 我最终采取了这种策略： INPUT { /* styles */ } INPUT[type="radio"], INPUT[type="checkbox"] { /* styles that reset previous styles */ } 它几乎没有那么有趣，但是当：not（）好战时，它对我有用。 这不是理想的，但很可靠。 #2楼 如果您在项目中使用SASS，则我已经构建了这个mixin以使其按照我们都希望的方式工作： @mixin not($ignorList...) { //if only a single value given @if (length($ignorList) == 1){ //it is probably a list variable so set ignore list