前端开发

通过JS来管理样式CSS Modules及React实践

2020-10-1545次阅读javascriptReact
CSS Modules加入了局部作用域、依赖管理。可以有效避免全局污染和样式冲突,能最大化地结合现有CSS生态和JS模块化能力。
前端开发

JavaScript滚动到顶部

2020-10-0966次阅读javascript
当页面上有很多内容时需要一个返回页面顶部的按钮使用户可以快速返回页面顶部。让我们看一下可以做到返回页面顶部的几种方法,从简单开始,然后逐步改进。
前端开发

immer.js实现不可变数据结构

2020-09-27112次阅读javascript
Immer是mobx的作者写的一个immutable库,核心实现是利用ES6的proxy,几乎以最小的成本实现了js的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对JS不可变数据结构的需求。
前端开发

ECMAScript 2020(ES2020)空值合并操作符、可选链操作符

2020-09-14159次阅读javascript
空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。可选链操作符( ?. )允许读取位于连接对象链深处属性的值,在引用为 (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。
前端开发

document.currentScript和import.meta

2020-08-27209次阅读javascript
Document.currentScript属性返回当前正在运行的脚本所属的元素。调用此属性的脚本不能是JavaScript模块,模块应当使用import.meta对象。
前端开发

setTimeout和setInterval方法皆有可选的第三参数

2020-07-20219次阅读javascript
setTimeout和setInterval方法皆有可选的第三参数,一旦定时器到期,第三参数会作为参数传递给function。
前端开发

使用Proxy实现观察者模式

2020-07-20211次阅读javascript
观察者模式(Observer mode)指的是函数自动观察数据对象,一旦对象有变化,函数就会自动执行。
前端开发

使用Web动画API播放粒子动画

2020-06-18251次阅读javascript
主要的浏览器(Safari和Internet Explorer除外)至少部分支持Web动画API。
前端开发

FormData与Content-Type类型关系

2020-06-16257次阅读HTMLjavascript原生Js
FormData对象用来将数据编译成键值对,以便用XMLHttpRequest来发送数据。它使用的格式与表单将Content-Type类型设置为"multipart/form-data"时使用的格式相同。直白点说当使用FormData对象时请将Content-Type类型设置为"multipart/form-data"。
前端开发

如何将搜索表单重定向到站点范围的Google搜索

2020-06-15201次阅读javascript
这只是一个很小的技巧,在一个你没有时间或者不想构建一个真正好的网站搜索解决方案的网站上,这可能会有帮助。Google.com网站它本身可以执行范围为一个特定站点的搜索。