05 2018 档案

Angular Vue React 框架中的 CSS
摘要：框架中的 CSS Angular Vue React 三大框架 Angular Vue 内置样式集成 React 一些业界实践 Angular Angular . js (1.x)：没有样式集成能力 Angular （2+）：提供了样式封装能力 2.与组件深度集成 ShadowDOM（谈一谈神奇的S 阅读全文
posted @ 2018-05-24 11:42 姜皓 阅读(199) 评论(0) 推荐(0)
CSS 工程化 小结
摘要：CSS 工程化 组成：1.组织 （代码目录）2.优化（那种实现方式更好） 3.构建（代码完成后需要经过哪些处理步骤） 4.维护 常见问题 1.如何解决 CSS 模块化问题 1.Less Sass 等CSS 预处理器 2.PostCSS 插件 （postcss-import / precss 等） 3 阅读全文
posted @ 2018-05-23 23:19 姜皓 阅读(263) 评论(0) 推荐(0)
Bootstrap 小结
摘要：Bootstrap 小结 Bootstrap4特点：1.兼容IE10+ 2.使用flexbox 布局 3.抛弃Nomalize.css 4.提供布局和 reboot 版本 Bootstrap组成：1.基础样式 2.常用组件 3.JS插件 常见问题： 1.Bootstrap 的优缺点 优点：CSS 代 阅读全文
posted @ 2018-05-23 20:27 姜皓 阅读(631) 评论(0) 推荐(0)
CSS 预处理器框架
摘要：CSS 预处理器框架 可以按照需求来使用别人的代码 1.sass (compass) 2.less (lesshat/EST) 3.提供现成的 mixin 4.类似 JS 类库 ，封装常用功能 css 预处理器常见问题（详细讲解见上篇博客） 1.常见的 css 预处理器 1.Less(Node.js 阅读全文
posted @ 2018-05-23 10:00 姜皓 阅读(283) 评论(0) 推荐(0)
CSS预处理器(less 和 sass)
摘要：CSS预处理器 1.基于CSS的另一种语言 2.通过工具编译成CSS 3.添加了很多CSS不具备的特性 4.能提升CSS文件的组织 提供功能：1.嵌套 反映层级和约束 2.变量和计算，减少重复戴拿 3.Extend 和 Mixin 代码片段 4.循环 适用于复杂有规律的样式 5.import CSS 阅读全文
posted @ 2018-05-23 09:31 姜皓 阅读(2181) 评论(0) 推荐(0)
CSS动画小结
摘要：CSS动画 原理：1.画面之间变化 2.视觉暂留作用 常见问题 1.CSS 动画的实现方式有几种 1.transition 2. keyframes(animation) 2.过渡动画和关键帧动画的区别 1.过渡动画需要状态变化 2.关键帧动画不需要状态变化 3.关键帧动画能控制更精细 3.如何使用 阅读全文
posted @ 2018-05-21 17:39 姜皓 阅读(206) 评论(0) 推荐(0)
CSS效果常见问题
摘要：详细解答参见上篇博客 问题1.如何用 div 画一个 xxx box-shadow 无限投影 (堆叠成复杂图案） ::before ::after 问题2.如何产生不占空间的边框 1.box-shadow 2.outline 问题3.如何实现圆形元素（头像） border-radius:50% 问题 阅读全文
posted @ 2018-05-21 09:31 姜皓 阅读(138) 评论(0) 推荐(0)
CSS效果小结
摘要：效果属性 1.box-shadow（盒子阴影） 示例 加上 box-shadow 内阴影 复杂例子 阴影的形状跟原来的形状是一样的 结果： box-shadow 作用：1.营造层次感（立体感）2.充当没有宽度的边框（没有大小，不会占据位置）3.特殊效果 2.text-shadow（文本阴影） 作用： 阅读全文
posted @ 2018-05-20 23:22 姜皓 阅读(151) 评论(0) 推荐(0)
CSS（非布局样式）
摘要：CSS（非布局样式） 问题1.CSS样式（选择器）的优先级 1.计算权重 2.！important 3.内联样式比外嵌样式高 4.后写的优先级高 问题2.雪碧图的作用 1.减少 HTTP 请求数，提高加载性能 2.有一些情况下可以减小图片大小 问题3.base64 的使用 1.用于减少 HTTP 请 阅读全文
posted @ 2018-05-13 17:50 姜皓 阅读(168) 评论(0) 推荐(0)
CSS（选择器）
摘要：CSS（选择器） 作用：用于匹配 HTML 元素 选择器分类： 1.元素选择器 a{} 2.伪元素选择器 ::before{} （真实存在的元素） 3.类选择器 .link{} 4.属性选择器[type=radio]{} 5.伪类选择器 :hover （一种状态，不是真实存在的） 6.ID选择器 # 阅读全文
posted @ 2018-05-13 16:43 姜皓 阅读(147) 评论(0) 推荐(0)
HTML 知识点总结
摘要：问题1.Doctype 的意义是什么 1.让浏览器以标准模式渲染 2.让浏览器知道元素的合法性 问题2. HTML XHTML HTML5的关系 1.HTML 属于 SGML 2.XHTML属于XML,是 HTML 进行 XML 严格化的结果 3.HTML5 不属于 SGML 或 XML, 比 XH 阅读全文
posted @ 2018-05-10 23:25 姜皓 阅读(193) 评论(0) 推荐(0)
JS(DOM 和 BOM)
摘要：JS(DOM 和 BOM) 常说的JS（浏览器执行的JS）包含两部分：1.JS基础知识（语法）（ECMA262标准）2.JS-Web-API(W3C标准） W3C 标准中关于 JS 的规定有：（只管定义用于浏览器中 JS 操作页面的API 和全局变量，没有任何JS语法） 1.DOM 操作（Docum 阅读全文
posted @ 2018-05-05 22:55 姜皓 阅读(434) 评论(0) 推荐(0)
JS(API-日期和math)
摘要：JS(日期和math) 问题1.获取 2017-06-10 结果: 1.dt.getMonth() + 1 是真实的月份 2.month = '0' + month 中，month 是数字（number）类型，+ ‘0’ 则会变为字符串类型 问题2.获取随机数，要求是长度一致的字符串格式 结果： 1 阅读全文
posted @ 2018-05-05 20:48 姜皓 阅读(1252) 评论(0) 推荐(0)
JS(异步与单线程）
摘要：JS(异步与单线程） 题目1.同步和异步的区别是什么，试举例（例子见知识点） 区别： 1.同步会阻塞代码执行，而异步不会 2.alert 是同步，setTimeout 是异步 题目2.关于 setTimeout 结果：1 3 5 2 4 题目3.前端使用异步的场景有哪些 1.定时任务：setTime 阅读全文
posted @ 2018-05-04 23:13 姜皓 阅读(230) 评论(0) 推荐(0)
JS（作用域和闭包）
摘要：1.对变量提升的理解 1.变量定义（上下文） 2.函数声明 2.说明 this 几种不同的使用场景 常见用法 1.作为构造函数执行 2.作为对象属性执行 3.作为普通函数执行(this window) 4.call apply bind 3.创建10个 <a>标签，点击的时候弹出来对应的序号 结果： 阅读全文
posted @ 2018-05-04 19:45 姜皓 阅读(663) 评论(0) 推荐(0)
JS （全局作用域）
摘要：一、全局函数作用域（把变量的声明和函数的声明放在前面） 作用域(scope)：一条数据可以在哪个范围中使用。 通常来说，一段程序代码中所用到的数据并不总是有效/可用的，而限定这个数据的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强程序的可靠性，减少名字冲突。 变量(数 阅读全文
posted @ 2018-05-04 11:21 姜皓 阅读(914) 评论(0) 推荐(1)
JS(原型和原型链）
摘要：(学习自慕课网《前端JavaScript 面试技巧》 JS(原型和原型链） 题目1.如何准确判断一个变量是数组类型 使用 instanceof 方法 题目2.写一个原型链继承的例子 实例：封装 DOM 查询 定义构造函数 Elem,属性封装成 id 打印出所有的 html 将所有的 html 变为 阅读全文
posted @ 2018-05-02 23:26 姜皓 阅读(61664) 评论(6) 推荐(2)
JS（面试中的变量类型和计算问题）
摘要：JS（变量类型和计算） 题目1.JS 中使用 typeof 能得到那些类型？ 题目2.何时使用 何时使用==？ 题目3.JS 中有哪些内置函数？ 题目4.JS 变量按照存储方式区分为那些类型，描述其特点？ 题目5.如何理解 JSON 一、变量类型（存储方式） 1.值类型 值类型是把值存储在具体的位置 阅读全文
posted @ 2018-05-02 20:48 姜皓 阅读(987) 评论(0) 推荐(0)
ES6(Module模块化）
摘要：模块化 ES6的模块化的基本规则或特点： 1：每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取。 一个模块就是一个单例，或者说就是一个对象； 2：每一个模块内声明的变量都是局部变量， 不会污染全局作用域； 3：模块内部的变量或者函数可以通过export 阅读全文
posted @ 2018-05-01 10:26 姜皓 阅读(6245) 评论(0) 推荐(0)
ES6(Decorator(修饰器）)
摘要：Decorator(修饰器） 1.基本概念 函数用来修改 类 的行为 1.Decorator 是一个函数 2.通过Decorator(修饰器）能修改 类 的行为（扩展 类 的功能）3.Decorator(修饰器）只在类的范围有用 2.基本用法 见代码 一、Decorator(修饰器）定义 结果 修改 阅读全文
posted @ 2018-05-01 10:09 姜皓 阅读(1260) 评论(0) 推荐(0)