nina阿瑶 - 博客园

2018年4月1日

摘要：一个来自面试的坑。面试的时候考官先问了行内元素和块级元素的区别，这个不难理解。然后一脚就踩进了，置换元素的坑。例如img就是行内置换元素，这种行内元素是可以设置宽高的。什么是置换元素一个内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，而且元素本身一般拥有固定的尺寸（宽度阅读全文

posted @ 2018-04-01 01:46 nina阿瑶阅读(344) 评论(0) 推荐(0) 编辑

移动端Web页面适配方案

摘要：概念理解 viewport视口 visual viewport 可见视口，设备屏幕的宽度 windw.innerWidth/Height layout viewport 布局视口，DOM宽度 document.documentElement.cliendWidth/Heig ideal viewpo 阅读全文

posted @ 2018-04-01 01:25 nina阿瑶阅读(552) 评论(0) 推荐(0) 编辑

2018年3月27日

JS继承

摘要：一. 原型链继承优点：instanceof 实例既是父类的实例，又是子类的实例缺点：无法实现多重继承二. 构造函数继承可以实现多重继承，把子类特有的属性设置放在构造器的内部使用instanceof发现，对象不是父类的实例阅读全文

posted @ 2018-03-27 09:51 nina阿瑶阅读(74) 评论(0) 推荐(0) 编辑

Object的create、assign、getPrototypeOf与拷贝

摘要：一. 深拷贝与浅拷贝与原型拷贝浅拷贝：指向同一个内存地址深拷贝：指向不同的内存地址 1.0 浅拷贝 1.1 深拷贝 1.1.1 JSON化 let bar = JSON.parse(JSON.stringify(foo)); 1.1.2 递归函数 1.2 原型拷贝 let protoObject 阅读全文

posted @ 2018-03-27 09:24 nina阿瑶阅读(799) 评论(0) 推荐(0) 编辑

JS对像和数组的遍历

摘要：零. 通用遍历方法 0.1 for...in... 0.2 for...of... 一. JS遍历对象 1.1 Object.keys()遍历 1.2 Object.values()遍历 1.3 Object.entries()遍历 1.4 Object.getOwnPropertyNames() 阅读全文

posted @ 2018-03-27 05:04 nina阿瑶阅读(206) 评论(0) 推荐(0) 编辑

Node总结

摘要：一. 基本概念 1.1 DOM DOM(Document Object Model), 把网页转换成JS对象，可以用脚本进行各种操作。浏览器将结构化文档（HTML/XML）解析成一系列的节点形成DOM tree。所有的节点和最终的树状结构都有API。 1.2 节点类型文档节点（document）：阅读全文

posted @ 2018-03-27 03:39 nina阿瑶阅读(155) 评论(0) 推荐(0) 编辑

2018年3月24日

JS事件循环，MACRO TASK，MICRO TASK

摘要：事件循环的基本概念 JS执行的过程中，由JS引擎控制的函数调用栈来控制时间循环定时器线程，事件触发线程，异步http请求线程控制异步的任务队列任务分为macro task，micro task 对应都有不同的任务队列 macro task：script正常代码，setTimeout，setInt 阅读全文

posted @ 2018-03-24 11:10 nina阿瑶阅读(681) 评论(0) 推荐(0) 编辑

CSS选择器，优先级的总结

摘要： CSS选择器 css选择器种类基本选择器：通配符选择器 * id选择器 #id 类选择器 .className 元素选择器 E 元素后代选择器 E F 子元素选择器 E > F 相邻兄弟元素选择器 E + F 群组选择器 A，B，C 属性选择器： E[attr] :只使用属性名，没有确定任何属性阅读全文

posted @ 2018-03-24 03:42 nina阿瑶阅读(177) 评论(0) 推荐(0) 编辑

2017年12月8日

LeetCode10 Indexed tree

摘要： Binary Indexed Tree（Fenwick tree）：是一个查询和修改复杂度都为log(n)的数据结构。主要用于查询任意两位之间的所有元素之和，但是每次只能修改一个元素的值；经过简单修改可以在log(n)的复杂度下进行范围修改，但是这时只能查询其中一个元素的值(如果加入多个辅助数组则阅读全文

posted @ 2017-12-08 23:47 nina阿瑶阅读(245) 评论(0) 推荐(0) 编辑

LeetCode 8

摘要： ArraySort ArraySort java.util.Arrays.sort(T[] a, Comparator<? super T> c) method sorts the specified array of objects according to the order induced b 阅读全文

posted @ 2017-12-08 01:07 nina阿瑶阅读(238) 评论(0) 推荐(0) 编辑