随笔分类 -  HTML

html、html5
网页移动端适配方案分析
摘要：一、手机的分辨率和手机浏览器的分辨率 首先我们得清楚，手机的分辨率和手机浏览器分辨率不是一个东西。 一般来说，我们使用的手机的分辨率远大于手机浏览器的分辨率。因为手机分辨率大会让手机显示的内容更细腻，比如消除图片的颗粒感；而手机浏览器分辨率小则是为了让用户对某些内容更好辨认，比如更大的文字，同时，这 阅读全文
posted @ 2021-07-06 14:15 潘正 阅读(478) 评论(0) 推荐(0)
script标签中，async和defer的区别？
摘要：一图解千愁： 先来试个一句话解释仨，当浏览器碰到 script 脚本的时候： <script src="外部.js"></script> 没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素 阅读全文
posted @ 2021-01-25 09:36 潘正 阅读(244) 评论(0) 推荐(0)
灵魂拷问第2篇：能不能说一说浏览器的本地存储？各自优劣如何？
摘要：浏览器的本地存储主要分为Cookie、WebStorage和IndexedDB, 其中WebStorage又可以分为localStorage和sessionStorage。接下来我们就来一一分析这些本地存储方案。 Cookie Cookie 最开始被设计出来其实并不是来做本地存储的，而是为了弥补HT 阅读全文
posted @ 2020-01-07 11:40 潘正 阅读(307) 评论(0) 推荐(0)
前端代码书写规范
摘要：前端普适性规范 黄金定律 不论有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 永远一致同一套编码规范，可以是这里列出的，也可以是你自己总结的。如果您发现本规范中有任何错误，敬请在问题中指正。 前端普适性规范 项目命名 项目名全部采用小写方式，以中划线分隔，禁止驼峰式命名。例如： 阅读全文
posted @ 2020-01-02 11:08 潘正 阅读(750) 评论(0) 推荐(0)
浏览器渲染原理与过程
摘要：一、浏览器如何渲染网页 要了解浏览器渲染页面的过程，首先得知道一个名词——关键路径渲染。关键渲染路径（Critical Rendering Path）是指与当前用户操作有关的内容。例如用户在浏览器中打开一个页面，其中页面所显示的东西就是当前用户操作相关的内容，也就是浏览器从服务器那收到的HTML,C 阅读全文
posted @ 2019-04-23 13:52 潘正 阅读(216) 评论(0) 推荐(0)
Canvas动画基础之碰撞检测
摘要：在Canvas中进行碰撞检测，大家往往直接采用游戏引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)内置的碰撞检测功能，好奇的你有思考过它们的内部运行机制吗？下面将针对基本的碰撞检测技术进行讲解： 1、基于矩形的碰撞检测 所谓碰撞检测就是判断物体间是否发生重叠，这里我们假设讨论的碰撞体 阅读全文
posted @ 2019-03-16 12:44 潘正 阅读(1788) 评论(6) 推荐(0)
关于学好前端的 6 点建议！
摘要：最近接触了很多前端的小伙伴，和他们谈了很多职业发展的问题。他们大部分是做了一到三年的前端新手。 在交流中我发现了一个很有意思的现象，大家同样是入门不足三年，一部分感觉前端是一个很有前途的职业，甚至一部分两年经验的前端同学透露年薪已经30W以上了，而另一部分则表示前端薪资水平不高，技术体系庞杂，迭代速 阅读全文
posted @ 2019-03-03 13:28 潘正 阅读(401) 评论(0) 推荐(1)
前端必须会的基本知识技巧！
摘要：1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以 阅读全文
posted @ 2019-03-02 14:27 潘正 阅读(219) 评论(0) 推荐(0)
页面重绘(repaint)和回流(reflow)
摘要：前言 页面显示到浏览器上的过程： 1.1、生成一个DOM树。 浏览器将获取到的HTML代码解析成1个DOM树，包含了所有标签，包括display:none和动态添加的节点。 1.2、生成样式结构体。 浏览器将所有样式解析成样式结构体，解析过程中会去掉浏览器不能识别的。 2、DOM树和样式结构体结合生 阅读全文
posted @ 2018-11-01 21:20 潘正 阅读(1823) 评论(0) 推荐(0)
三种常见字符编码：ASCII、Unicode和UTF-8
摘要：什么是字符编码？ 计算机只能处理数字，如果要处理文本，就必须先把文本转换为数字才能处理。最早的计算机在设计时采用8个比特（bit）作为一个字节（byte），所以，一个字节能表示的最大的整数就是255（二进制11111111=十进制255），如果要表示更大的整数，就必须用更多的字节。比如两个字节可以表 阅读全文
posted @ 2018-10-19 21:47 潘正 阅读(1041) 评论(1) 推荐(1)
前端常用动画库
摘要：在开发中，好的动画效果会让软件使用起来更有吸引力，震撼力。所以我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。另外不要重复造轮子，把精力放在业务逻辑上！ 下面这些是我在工作中积累的一些常用的开源动画库，我只是简单罗列出来，详细的介绍和用法可以去官网或者github。根据自己具体的需求 阅读全文
posted @ 2018-10-08 14:31 潘正 阅读(7700) 评论(0) 推荐(2)