bunny_Lover-CSDN博客

原创 JSDoc入门使用指南 -- 手摸手教你用JSDoc（超好用的js文档生成工具）

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

2019-08-15 11:39:51 15795 3

原创使用CSS3的unicode-range实现页面字体混搭

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

2019-07-02 15:46:43 1645

原创 JS Number

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

2018-10-09 11:28:17 761

原创 JS变量与数据类型

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

2018-10-08 23:10:30 181

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

2018-04-23 21:51:56 483

原创 Less的使用

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

2018-04-15 23:26:11 1250

原创 CSS布局模型

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

2017-07-04 16:18:47 198

原创 CSS样式的权值——确定最终起作用的CSS样式

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

2017-07-03 17:56:56 672

原创 JSON.parse(JSON.stringify())

也算是刚开始学JS，刚看到这个写法甚是疑惑，经一位博主文章点拨醍醐灌顶，感谢互联网的分享精神。这涉及到对对象的深拷贝的概念。让我们用栗子来简单明了的看这个问题：var before = {"name": "bunny", "age": 18, "boyfriend": "bunnylover"};var after = before;before.name = "BUNNY

2017-06-15 16:49:39 326

原创 JSON.stringify()详解

首先，一句话概括重点：JSON.stringify()就是将js对象转换为JSON字符串。语法：JSON.stringify(value[, replacer[, space]]);参数说明：value：必须字段，一个有效的JSON字符串，可以是对象、数组等。举个栗子：var before = {"name": "bunny", "a

2017-06-15 15:16:47 1255

原创好吧，第一篇博文，盖个章，留个印

从毕业忽忽悠悠也两年了，头一年做Java，后一年考研。Java没做出头绪，自然是每天复制粘贴，if else for循环。考研大意失荆州，载在了复试。一直以为自己是个程序员了，可直到最近才似乎有了点感悟，窥到了点IT大门中漏出了的一丝光亮，顿觉自己以前过的是什么混蛋日子，挥霍青春，浪费生命。但我不后悔，我是个没心没肺的人，坚定地认为后悔是世上最无用的行为。人经历的每一天，走的每一步，造

2017-06-15 14:55:26 202

bunnyLover