react 项目中有时会需要用到ref去获取节点的真实dom对象，在函数组件中官方推荐使用useRef 我在渲染列表时想获取所有li的dom元素，根据官方文档中的demo，我写出了下面的代码，点击button时打印ref的值 import ...

下面是总结的css技巧，建议大家收藏，以后用的时候就不用到处查资料了。当然这些也不是所有的，大家如果有什么好的css有趣样式技巧也可以发出来哦 三角形 最常见的一种形状了。切图，不存在的。 /** 正三角 */ .triangle { ...

现在，Safari（技术预览版106）和Firefox（版本78）的预览版均支持新的CSS :is() 和 :where() 伪类。 Chrome的实施仍然落后。 使用 :is() 减少重复 你可以使用 :is() 伪类来删除选择器列表中的 ...

前言 为了吸引大家点进来，起了一个刚（sao）气的标题。其实我觉得我这个文章挺值得看看的，看看又不长肉呀?。我是上周开始投简历，一周结束面试，在家等offer啦。坐标杭州，杭州的公司其实投来投去都是那几家，小厂不想去，大厂进不去[抠鼻ing ...

前言 对于单线程来说，事件循环可以说是重中之重了，它为任务分配不同的优先级，井然有序的调度。让js解析，用户交互，页面渲染等互不冲突，各司其职。 我们书写的代码无时无刻都在和事件循环打交道，要想写出更流畅，我们就必须深入了解事件循环，下面我 ...

前端新闻 Chrome 浏览器造成大规模用户安全信息泄露近日，Awake Security 的研究人员表示，他们在谷歌 Chrome 浏览器的扩展程序中发现一个间谍软件，含有这个间谍软件的扩展程序已经被下载了 3200 万次。这一事件凸显出 ...

第一部分：编辑器层面的准备工作一、vscode1、插件安装（3个）eslint：让代码不符合约定规范时，能有红线提示prettier：使得开发者使用快捷键（mac: shift+option+f，windows: shift+alt+f）格 ...

CSS 幻术 - 抗锯齿 传统网页的呈现是基于像素单位的，所以图片不能和 SVG 一样进行任意尺寸缩放后还保持边缘平整。也就是说，放大像素逻辑的图片，必然导致可视质量下降（信息失真）。所以我们往往会使用技术手段去规避失真 用一句话描述 JS ...

上期讲了promise基本概念和用法，今天结合上期的内容，讲解几道经典的相关面试题。 promise基本规则： 1. 首先Promise构造函数会立即执行，而Promise.then()内部的代码在当次事件循环的结尾立即执行(微任务)。 2 ...

web前端分为网页设计师、网页美工、web前端开发工程师。　　首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责。　　网页美工只针对UI这块儿的东西，比如网站是否做的漂亮。　　web前端开发工程师是负责交互设计的，需要和程序猿进 ...