摘要:
Document 块级元素和行内元素 行内元素会撑开盒子 span 块级元素会溢出盒子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device 阅读全文
摘要:
Title <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .loading { display: inline-block; wi 阅读全文
摘要:
问题 对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效 根据W3C的说法,对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效,也就是说,overflow-x和overflow-y的计算值跟给定的值相同,除了 阅读全文
摘要:
```html Document 500 积分 ``` <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="divport" content="width=device-width, initial-sc 阅读全文
摘要:
```html Document ``` ```html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s 阅读全文
摘要:
1 2 3 4 5 6 7 8 9 10 11 ```html<body> <style> #container { width: 100%; max-width: 700px; margin: 2em auto; } .cols { -moz-column-count: 3; -moz-colum 阅读全文
摘要:
前端业务开发的通用经验(二) 参考资料 接口复用导致的问题 有三个层面的复用,会面临不同的问题,分别是:跨项目复用、跨页面复用、跨端复用。 1. 跨项目复用 通常是因为新开项目需要紧急上线,为了求快,直接在新项目里复用老接口,说是后面要拆,但大概率没时间拆,后续新项目的需求迭代会前赴后继的加入老接口 阅读全文
摘要:
js优化 当 HTML 解析器遇到一个 script 标记时,它会暂停构建 DOM,将控制权移交给 JavaScript 引擎;等 JavaScript 引擎运行完毕,浏览器会从中断的地方恢复 DOM 构建。 这也就是为什么我们需要将script tag放在页面的底部。 /React APP一般会如 阅读全文
摘要:
css优化 根据上面的内容我们知道了,想要渲染页面必须有render tree,而render tree是由DOM tree以及CSSOM tree组成的。 默认下,CSS会阻塞渲染页面 我们通过@media等,可以让CSS标记为不阻塞渲染 不论是否阻塞渲染,浏览器都会将CSS资源下载到客户端 所以 阅读全文
摘要:
性能优化 1.css优化 前端优化的目的是什么 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利 阅读全文
摘要:
生成随机UID console.group('生成随机UID:') const genUid = (length = 20) => { var soupLength = genUid.soup_.length var id = [] for (var i = 0; i < length; i++) 阅读全文
![js-utils](https://images.cnblogs.com/cnblogs_com/zc-lee/1901579/o_201216094643c4_img6.png)
摘要:
好的注释可以提高代码的可读性和可维护性,从而提高代码质量。 注释的目的和原则 注释的目的: 提高代码的可读性,从而提高代码的可维护性 注释的原则: 如无必要,勿增注释 ( As short as possible ) 如有必要,尽量详尽 ( As long as necessary ) 我们写注释, 阅读全文
摘要:
js-面向对象
1. 对象是什么
2. 构造函数
3. new 命令 阅读全文
![](https://images.cnblogs.com/cnblogs_com/zc-lee/1901579/o_201216094636c4_img2.png)
摘要:
JS的防抖与节流 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖(debounce) 阅读全文
![js-utils-防抖与节流](https://images.cnblogs.com/cnblogs_com/zc-lee/1901579/t_201216094630c4_img1.png)