css4新特性

2017-08-23

1	E:not(s1, s2, ...) {}

在css3中仅能匹配一个选择器,css4中可以匹配多个;

:not([data-xxx=”xx”],[data-xxx=”xxx”]);

可以用:not()来提高优先级 e.g .negation:not(p){ color:blue; } .negation { color: black; }

仅支持safari

1
2
3

E:matches(s1, s2) {}
E:-webkit-any(s1, s2, ...) {}
E:-moz-any(s1, s2, ...) {}

意义与:not()相反,匹配对应选择器,简化重复的规则

:matches(span, div) :matches(span, div) {}

支持大部分主流浏览器,不支持ie和Edge(win10内置浏览器)

1	E:has(rs1, rs2, ...)

包含伪类选择器,匹配选择器

暂时没有浏览器支持

hexo--d部署失败

2017-08-10

遇到这个错误首先可以先尝试重新安装hexo-deployer-git依赖

npm install hexo-deployer-git –save

如果还是无法部署，可以尝试将.deploy_git文件夹删除，重新hexo g hexo d

2017-08-01

前段时间,在写一个积分规则的静态页面时(如图),想了一下便用了最容易想到的方法实现了…之后code review的时候便被指了出来= = 因为前面有一个点,然后下面一行需要和第一行的文字对齐,便选择用白点占位…

效果图:

代码:

显然这么写是不行的,增加了许多没意义的标签,可维护性也不好!整个文本就应该用一个标签包起来,这样也方便维护,所以就了解到了BFC(块级格式化上下文)

2017-07-16

meijiang

[图1]湄江水库大坝

展开全文 >>

2017-06-15

webpack是一个模块打包工具，其可以兼容多种js书写规范，且可以处理模块间的依赖关系，具有更强大的js模块化的功能。

将复杂的程序细分成小模块,通过可以将其他资源转换成 JavaScript 的加载器，实现一切皆模块
对 CommonJS 、 AMD 、ES6的语法做了兼容，以及特殊模块的 Shim 处理(shim:为那些没有使用define()来声明依赖关系、设置模块的”浏览器全局变量注入”型脚本做依赖和导出配置。)
CommonJS模块必须通过 module.exports 导出对外的变量或接口，通过 require() 来导入其他模块的输出到当前模块作用域中
异步加载,模块通过 define 函数定义在闭包中,return返回