艺术诗人 - 博客园

2021年6月

摘要：首先，我们先来看看 👀 雅虎军规的 35 条。尽量减少 HTTP 请求个数——须权衡使用 CDN（内容分发网络）为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。避免空的 src 和 href 使用 gzip 压缩内容把 CSS 放到顶部把 JS 放到阅读全文

posted @ 2021-06-02 15:34 艺术诗人阅读(52) 评论(0) 推荐(0) 编辑

Gulp、Webpack 有什么区别

摘要： Gulp和Webpack对比在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5 阅读全文

posted @ 2021-06-02 15:22 艺术诗人阅读(224) 评论(0) 推荐(0) 编辑

2021年5月

react 源码解析（上）

摘要：我们知道react的jsx语法最终会被babel转译成 React.createElement语法，通过这个语法，react节点就会被编译成一棵vdom树结构，我们看一个例子 let ele1 = <h1 id="title"> <span>hello</span> <span>world</spa 阅读全文

posted @ 2021-05-27 10:40 艺术诗人阅读(116) 评论(0) 推荐(0) 编辑

使用原生js + css + jquery 实现一个文字轮播效果（二）

摘要：直接粘代码，如果发现Jquery引入出错了，更新一下Jquery CDN链接。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; pa 阅读全文

posted @ 2021-05-26 09:37 艺术诗人阅读(151) 评论(0) 推荐(0) 编辑

使用原生js + css 实现一个文字轮播效果（一）

摘要： 1、思路：因为offsetTop、scrollTop等不属于css属性，所以这些无法用css动画或过度来实现。首先想到的是使用position + top 定位结合 transition 来实现。 2、效果： 3、原生代码： <!DOCTYPE html> <html lang="zh"> <he 阅读全文

posted @ 2021-05-25 12:20 艺术诗人阅读(1317) 评论(0) 推荐(0) 编辑

useCallback 和 useMeme 具体使用场景介绍

摘要：一、先说一下react react是基于数据是不可变的（每次setState都会返回一个新数据），这也是为什么需要setState()来更新数据而不能使用像vue的this.state = newState的形式更新数据的原因，其实你用this.state=newState确实可以改数据，但是rea 阅读全文

posted @ 2021-05-18 17:00 艺术诗人阅读(6746) 评论(0) 推荐(0) 编辑

使用requestIdleCallback实现一帧执行多任务，

摘要：概念：为什么是16.67毫秒：这个根据浏览器刷新帧率来定，大多数浏览器的刷新帧率是60Hz，所以1/60 = 0.0166666... (秒)= 16.67(毫秒) 如果一个任务耗时很长，那么时间用完后会中断该任务吗？不会中断该任务，一直到执行完毕为止，所以如果单个任务耗时很长，那么也会造成卡阅读全文

posted @ 2021-05-14 16:31 艺术诗人阅读(241) 评论(0) 推荐(0) 编辑

整理一下javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX的具体含义

摘要： offsetWidth：返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） offsetHeight ：返回元素的高度（包括元素高度、内边距和边框，不包括外边距） clientWidth ：返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距） clientHeight：返回元素的高度（阅读全文

posted @ 2021-05-14 14:49 艺术诗人阅读(331) 评论(0) 推荐(0) 编辑

requestAnimationFram 的优势及使用场景

摘要：利用seTimeout实现的动画在某些低端机上会出现卡顿、抖动的现象。这种现象的产生有两个原因： setTimeout的执行时间并不是确定的。在Javascript中， setTimeout 任务被放进了异步队列中，只有当主线程上的任务执行完以后，才会去检查该队列里的任务是否需要开始执行，因此 s 阅读全文

posted @ 2021-05-14 14:17 艺术诗人阅读(465) 评论(0) 推荐(0) 编辑

js 隐式数据转换带来的BUG

摘要：条件语句如'if'语句使用强制`ToBoolean'抽象方法来评估它们的表达式，并且始终遵循以下简单规则： Objects 计算成 true Undefined 计算成 false Null 计算成 false Booleans 计算成 the value of the boolean Number 阅读全文

posted @ 2021-05-12 17:17 艺术诗人阅读(81) 评论(0) 推荐(0) 编辑

公告