01 2019 档案

文本折行
摘要：文字折行跟滚动相似的地方就是显示不下。 overflow-wrap(word-wrap) 通用换行控制，以前用的是word-wrap，但是跟word-break太相似了，所以在新的规范中进行了修改 －是否保留单词 word-break 针对多字节文字 －中文句子也是单词 white-space 空白 阅读全文
posted @ 2019-01-29 07:02 wzndkj 阅读(468) 评论(0) 推荐(0) 编辑
滚动
摘要：滚动行为和滚动条 visible 滚动条隐藏 （内容显示出来，撑出容器） hidden 滚动条隐藏 （超出容器的部分进行隐藏） scroll 滚动条显示（超出容器后，可以允许用户进行滚动） auto 滚动条自动显示（也是超出容器后，可以进行滚动，scroll是滚动条始终存在，auto是需要滚动的时候 阅读全文
posted @ 2019-01-29 06:35 wzndkj 阅读(242) 评论(0) 推荐(0) 编辑
边框
摘要：一、为何border-width不支持百分比值 个人理解，border-width是根据 语义和使用场景决定的。 不会因为设备大就按比例变大的。 border-width还支持关键字：thin 1px,medium(默认值) 3px,think 5px 为何border-width默认值是mediu 阅读全文
posted @ 2019-01-28 06:59 wzndkj 阅读(226) 评论(0) 推荐(0) 编辑
背景
摘要：1、背景颜色 2、渐变色背景 3、多背景叠加 4、背景图片和属性（雪碧图） 5、base64和性能优化 6、多分辨率适配 1、背景颜色 1）直接用颜色名或颜色值 background: red; 2）hsl(色相，饱和度，亮度) 色相是0到360的角度。饱和度是0到100%。亮度100%是白色，0是 阅读全文
posted @ 2019-01-24 11:06 wzndkj 阅读(239) 评论(0) 推荐(0) 编辑
行高 line-height
摘要：一、行高的定义 line-height(行高)：两行文字基线之间的距离 1、什么是基线？ 2、为何是基线？ 3、需要两行吗？ 1、什么是基线？ 我们上学的时候都用过，抄写英文字母的时候。其中有一条红线，这个红线就是基线，是为了写英文的时候对齐用的。 2、为何是基线？ 为什么不是底线，不是中线呢？因为 阅读全文
posted @ 2019-01-21 06:56 wzndkj 阅读(583) 评论(0) 推荐(0) 编辑
css 字体
摘要：1、字体族 字体是一推的东西，字体族就是一堆的字体，具体可以分为5个字体族 － serif sans-serif monospace cursive fantasy serif 衬线字体，就是字体周围会一些装饰性，像衬衫一样，顶部或底部会有多出来的短线，比如宋体 sans-serif 非衬线字体，它 阅读全文
posted @ 2019-01-17 07:04 wzndkj 阅读(260) 评论(0) 推荐(0) 编辑
css选择器
摘要：CSS ( Cascading Style Sheet 层叠样式表) 什么叫层叠呢？比如 { padding: 10px; font-size: 14px; background: red; } { font-size: 20px; background: red; } { background: 阅读全文
posted @ 2019-01-16 06:59 wzndkj 阅读(130) 评论(0) 推荐(0) 编辑
html题型
摘要：1、doctype的意义是什么 这个是有历史背景的，在很久以前，IE有一些自己的渲染模式，最典型的就是盒子模型，包括边距。这就造成了不兼容模式，所以他的意义 1）让浏览器以标准模式渲染 2）让浏览器知道元素的合法性 2、html,xhtml,html5的关系 1）html属于SGML 2）xhtml 阅读全文
posted @ 2019-01-15 07:11 wzndkj 阅读(205) 评论(0) 推荐(0) 编辑
html默认样式重置
摘要：几个著名的重置css goal https://meyerweb.com/eric/tools/css/reset/ 雅虎 https://yuilibrary.com/yui/docs/cssreset/ normalize https://necolas.github.io/normalize. 阅读全文
posted @ 2019-01-15 06:52 wzndkj 阅读(353) 评论(0) 推荐(0) 编辑
html嵌套关系
摘要：哪些元素可以出现在什么地方，哪一个元素可以被包涵在另一个元素里面，这个都是有规则的 1、块级元素可以包涵行内元素 2、块级元素不一定包涵块级元素 p包涵div是不合法的，在浏览器里面会自动在p里面遇到div前自动合并p 3、行内元素一般不能包涵块级元素 什么叫一般，因为里面有个特例，a元素可以包涵d 阅读全文
posted @ 2019-01-15 06:37 wzndkj 阅读(500) 评论(0) 推荐(0) 编辑
html版本
摘要：1、html4/4.01 (SGML) 非常通用的语言，少写闭合，大小写混合了，浏览器都会去容错，就是html怎么写都不会导致浏览器挂掉，大家都觉得这种方式是不科学的 2、XHTML(XML) 基于xml，出现了xhtml，xhtml是要求非常严格，所有标签必须是小写，所有属性必须是小写的，所有的属 阅读全文
posted @ 2019-01-14 06:45 wzndkj 阅读(338) 评论(0) 推荐(0) 编辑
html常见元素和理解
摘要：html常见元素分为两类，一类是header区的元素，一类是body区的元素 header区元素： meta title style link scipt base 里面包括像meta,title,style,link,scipt,base这些元素。这些元素之所以在header中，是因为不会在页面上 阅读全文
posted @ 2019-01-12 07:51 wzndkj 阅读(663) 评论(0) 推荐(0) 编辑
MVVM框架
摘要：1、了解MVVM框架吗？ 2、谈谈你对MVVM的认识？ 3、双向绑定是什么原理，可以写出来吗？ 4、使用了什么设计模式？ 5、生命周期是什么？ 6、有看过源码吗？ 1、了解MVVM框架吗？ vue,react,angular都是用的MVVM框架，vue开源协议是MIT,react闹过一出，所以用vu 阅读全文
posted @ 2019-01-08 07:02 wzndkj 阅读(268) 评论(0) 推荐(0) 编辑
错误监控
摘要：错误的捕获方式： 即时运行错误的捕获方式 1）try...catch 2) window.onerror 资源加载错误 1) object.onerror 2) performance.getEntries() 控制台运行： performance.getEntries().forEach(item 阅读全文
posted @ 2019-01-07 06:51 wzndkj 阅读(202) 评论(0) 推荐(0) 编辑
页面性能
摘要：1、提升页面性能都方法有哪些 1）资源压缩合并，减少http请求 2）非核心代码异步加载 － 异步加载的方式 － 异步加载的区别 3）利用浏览器缓存 － 缓存的分类 － 缓存的原理 4）使用CDN 5）预解析 <meta http-equiv="x-dns-prefetch-control" con 阅读全文
posted @ 2019-01-05 07:36 wzndkj 阅读(186) 评论(0) 推荐(0) 编辑
js运行机制
摘要：1、 console.log(1); setTimeout(function(){ console.log(2); },0) console.log(3) 打印顺序：132 为什么是1，3，2 js是单线程，同一时间只能做一件事，setTimeout是个异步任务，异步任务要挂起，放到任务队列，不立即 阅读全文
posted @ 2019-01-04 07:00 wzndkj 阅读(157) 评论(0) 推荐(0) 编辑
渲染机制
摘要：1、什么是DOCTYPE及作用 2、浏览器渲染过程 3、重排Reflow 4、重绘Repaint 5、布局Layout 1、什么是DOCTYPE及作用 DTD：告诉浏览器我是什么文档类型，浏览器根据这个来判断用什么引擎来解析和渲染 DOCTYPE：直接告诉浏览器当前是哪个文档类型 html5 <!D 阅读全文
posted @ 2019-01-03 07:03 wzndkj 阅读(166) 评论(0) 推荐(0) 编辑