
HTML
文章平均质量分 67
fanhaozhi
这个作者很懒,什么都没留下…
展开
-
JavaScript 的 "export"和"import"
抛出具名模块:// people.jsexport const people1 = { name: 'zhangsan', age: 30}// 也以可以先定义后exportconst people2 = { name: 'lisi', age: 60}export people2// 导出其他类型数据的格式亦然抛出匿名模块:// people_def...原创 2018-11-08 20:26:21 · 510 阅读 · 0 评论 -
其他 - 总结
目录Vue1. 子组件"mounted"钩子函数要早于父组件:2. 不能被检测更新的数据 及 "强制更新"办法:3. 使用Element框架,获取子组件的"实际高度":JavaScript1. JS获取/修改DOM元素的style:2. console.time和console.timeEnd用法CSS1. "padding" 和 "margin" 的百分...原创 2018-11-26 22:24:54 · 267 阅读 · 0 评论 -
前端的本地存储 --- cookie/session/localStorage/sessionStorage
1、cookie:本身用于客户端和服务端通信,每次http请求都会携带cookie。但具有本地存储的功能。缺点是容量少(4kb);安全性低;浪费带宽资源(每次请求携带)。Cookie中存放的信息包含cookie本身属性和用户自定义属性,cookie的信息由键/值对组成,但一个cookie只能包含一个自定义键/值对。Cookie本身属性有”Comment” 、”Domain”、”Max-Ag...原创 2018-11-29 23:04:35 · 365 阅读 · 0 评论 -
关于 响应式布局 [ 转 ]
原文地址 前言:响应式,即设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。 视口:电脑端的视口宽度等于分辨率,而移动端的视口宽度跟分辨率没有关系,宽度默认值是设备厂家指定的。iOS, Android基本都将这个视口分辨率设置为 980px。 约束视口:<meta n...原创 2019-01-05 22:34:46 · 133 阅读 · 0 评论 -
回流( reflow ) 与 重绘( repaint )
了解页面渲染过程:渲染过程如下:解析 HTML 生成 DOM Tree;解析 CSS 生成 Style Rules; 两者合并生成 Render Tree; 根据几何信息(位置、大小等),生成页面布局 (Layout); 根据特征信息(颜色、透明度等),绘制页面 (Painting); 显示 (Display) ,将像素发送给GPU,展示在页面上。 注意,渲染(render)...原创 2019-01-19 23:09:22 · 253 阅读 · 0 评论