bunnyLover

对于初学者来说，稍复杂点的CSS样式就很容易把人搞得一脸懵逼。比如莫名得到了一个没有去特意设置的字体颜色，又或者费了老半天劲却得不到想要的背景样式。这篇文章就来彻底撕掉CSS神秘的外衣，看看到底样式的优先级是怎么定的。啥都不管，先上个栗子：html： 我到底该是什么颜色css:p>span{ color:blue;}span{ color:green;

在刚接触CSS的时候觉得CSS的各种浮动和定位好烦啊，搞得头昏脑涨，一堆块块满屏乱跑就是不去我想让他待着的地方，直到最终搞明白了CSS的布局模型才摆脱了一通乱调的情况。这篇文章就梳理一下CSS到底是怎样建立模型，怎样浮动调整位置的。CSS布局模型是建立在盒模型基础之上的，CSS盒模型就不在这里细说了，没有什么难点。CSS布局模型分为三大类：流动模型，浮动模型，层模型。1

最近在研究Less，分享一些Less的知识与栗子，参考资料是Less官网，因为基本是全英文，所以看不惯英文的童鞋可以参考这篇文章，希望能有帮助。LESS变量：变量声明（最基础的应用—用于css样式）：使用“@”前缀标记变量；@link-color: #428bca; // sea blueLess变量用于选择器、URL、属性：// Variables@my-selector: banner;/...

直观上语意性更强，增加可读性（不用去辨别显示的是谁的属性，以及省去了$parent的访问方式，更清晰）功能上由于$scope的作用域问题（$scope基于原型进行继承，子scope会继承父scope的属性），所以容易出现变量名污染，特别是项目越来越大之后。controllerAs可以完美解决这个问题。然后就可以使用this让父子scope摆脱瓜葛（但是$scope与this完全不一样！）上一点说到...

目录JS是弱类型语言，意义相同的另一种说法是：ESMAScript的变量是松散类型的。ECMAScript有5种简单数据类型 + 1种复杂数据类型typeof 检测数据类型UndefinedNullBooleanNumber  JS是弱类型语言，意义相同的另一种说法是：ESMAScript的变量是松散类型的。 弱类型语言是相对于强类型语言而言的（比如J...

目录整数与浮点数NaN其他类型转换为数值类型References 整数与浮点数 Number类型的值包括整数与浮点数两种； 整数又可以根据进制分为十进制、八进制、十六进制整数，八和十六进制整数在参与算数运算时都会被自动转换成十进制整数，在此对八和十六进制不做深究； Number的数值范围介于-Infinity（负无穷）和Infinity（正无穷）之...

遇到需求如下：提供了两种字体文件，要求页面中中文使用方正兰亭黑体，英文使用BlaBlaSans，从而实现中英文使用不同字体。首先能想到最常见的解决方案实现两个class，分别设置font-family为这两个字体，再将这两个类分别应用于中文与英文元素上此方案存在的问题： 工作量大，繁琐 无法判断元素内容为中英文时无法满足要求，比如由接口返回的内容 由re...

安装准备Node.js 8.15.0+通过npm安装 全局安装：npm install -g jsdoc 若出现权限问题，如 EACCES报错，最佳实践为用node版本管理器（nvm等）重装npm 本地安装：npm --save-dev jsdoc 命令行工具目录：./node_modules/.bin/jsdoc 鉴于JSDoc的文档生成工具的本质，建议使用 --...