前端

HTML 视图动效

View Transition API - 实现HTML视图的过渡动画

无需使用CSS精确指定动效”元素“、实现MPA跳转页面动效

scarsu

7天前 -

-

z-index & stacking context

Stacking Context - DOM元素的层级关系

理解DOM元素在网页z轴上的“竞争”

scarsu

22天前 -

-

JS Syntax Feature

2023热门JS语法新特性

JS Syntax Feature from 《state of js 2023》

scarsu

24天前 -

-

时钟准确的定时轮询函数

js的单线程异步机制决定了setInterval和setTimeout函数的时钟不准确性

scarsu

2023/7/29 -

-

Vite组成、原理、配置、插件、性能优化

#前端工程化

scarsu

2023/6/18 -

-

纯CSS实现无限循环轮播

无JS代码实现无限循环轮播、鼠标悬浮时暂停动画、鼠标移出时继续动画

scarsu

2022/4/23 -

-

字体性能优化

前端字体性能优化

字体文件过大、FIOT(flash of invisible text)字体闪现问题

#前端性能优化

scarsu

2022/4/12 -

-

前端图标的那些事

更新svg-symbol

scarsu

2021/2/14 -

-

动画demo解释防抖、节流、rAF(CSS Tricks译文)

这三种技术用于优化事件处理函数，都很有用，且各有区别，互相补充。

scarsu

2020/12/31 -

-

原生js控制css变量、Vue3响应式css变量

scarsu

2020/9/26 -

-

Harmony OS | 作为前端技术人，体验刚开源的鸿蒙OS

鸿蒙OS中的轻量级响应式前端框架

scarsu

2020/9/13 -

-

Vu3响应式原理

vue2 & vue3 响应式原理对比，手写mini版vue3响应式代码

scarsu

2020/7/25 -

-

结合谈谈对Vue中nextTick的理解

tick这个词到底时什么意思😯？

scarsu

2020/6/11 -

-

Javascript & 异步机制

长文 + 动图 + 实例，试图解释清楚：Javascript Event Loop如何调度异步任务

scarsu

2020/6/9 -

-

如何学习源码、如何高效学习一个新知识

学习轮子源码是提升自我技术的有效途径，也是高阶程序员的必备技能。这套方法也适用于绝大多数知识体系的学习~

scarsu

2020/5/15 -

-

Vue消息插件开发 & npm发布

手写一个基于 Vue.js 的消息插件，按照 ElementUI / message的接口实现

scarsu

2020/5/15 -

-

函数式编程

改变引发错误，最小化改变

scarsu

2020/5/9 -

-

正则自检清单

正则是程序员必备的效率生产力知识~

scarsu

2020/5/7 -

-

ML15 | Python与Js模型互转

Javascript玩转机器学习15

scarsu

2020/4/31 -

-

Vue2状态管理 & Vuex总结

多组件下共享状态的解决方案

scarsu

2020/4/31 -

-

ML14 | 声控轮播图 - 语音识别迁移学习

Javascript玩转机器学习14

scarsu

2020/4/30 -

-

高效使用VSCode

VSCode高效使用,来自创造VSCode的Microsoft的Azure团队的BurkeHolland的分享

scarsu

2020/4/29 -

-

ML13 | 用tf官方的预训练模型-语音识别

Javascript玩转机器学习13

scarsu

2020/4/29 -

-

ML12 | 基于迁移学习的图片分类-商标识别

Javascript玩转机器学习12

scarsu

2020/4/28 -

-

ML11 | 使用预训练模型图片分类

Javascript玩转机器学习11

scarsu

2020/4/27 -

-

ML10 | 训练卷积神经网络识别手写数字

Javascript玩转机器学习10

scarsu

2020/4/26 -

-

ML09 | 欠拟合&过拟合

Javascript玩转机器学习09

scarsu

2020/4/25 -

-

Devtools 老司机养成 - 番外篇 - Devtools中的”VM“

为什么经常有脚本的“文件名”是"[VM](XXXX "？？

scarsu

2020/4/7 -

-

Devtools 老司机养成 - 第七篇- Memory 内存

你开的网页会卡吗？来Memory面板了解一下内存分析&内存泄漏

scarsu

2020/4/6 -

-

Devtools 老司机养成 - 第六篇 Performance 性能面板

中高级前端都应该懂的性能分析&优化，都在Performance面板

scarsu

2020/3/30 -

-

Devtools 老司机养成 - 第五篇- Network 面板

chrome最重要之二的Network面板，给后端小哥甩锅？实锤都在这里...

scarsu

2020/3/23 -

-

Devtools 老司机养成 - 第四篇Sources源文件面板

chrome重要的sources面板，可以做IDE？文件变更，覆盖调试...

scarsu

2020/3/16 -

-

Devtools 老司机养成 - 第三篇-Console 面板

Console 面板是浏览器的控制台，也是 Devtools 的灵魂，只会console.log就过分啦～

scarsu

2020/3/9 -

-

Devtools 老司机养成 - 第二篇-Elements 面板

样式顺手调，DOM实时改～

scarsu

2020/3/2 -

-

Devtools 老司机养成 - 第一篇Devtools介绍

前端开发调试第一利器，关于devtools的信息，都在这里

scarsu

2020/2/24 -

-

Devtools 入门

Devtools新手请看这篇，入门大全～

scarsu

2020/2/17 -

-

给UI看的WEB字体指南

UI小姐姐动不动就丢给你奇奇怪怪的字体和各种尺寸的图标？快把这些文章丢改她看

scarsu

2020/2/3 -

-

ML08 | 多分类问题训练：IRIS鸢尾花分类问题

Javascript玩转机器学习08

scarsu

2020/1/10 -

-

ML07 | XOR回归训练：多层神经网络

Javascript玩转机器学习07

scarsu

2020/1/8 -

-

ML06 | 逻辑回归训练

Javascript玩转机器学习06

scarsu

2020/1/7 -

-

ML05 | 归一化

Javascript玩转机器学习05

scarsu

2020/1/6 -

-

ML04 | 线性回归训练

Javascript玩转机器学习04

scarsu

2020/1/3 -

-

State of JS | 2019年度javascript行业报告

stateofjs团队曾以为Javascript生态圈已经趋于稳定，2018是他们的最后一次行业调查，但事实是，Javascript仍没有停下变化的脚步

scarsu

2019/12/32 -

-

信息源聚合 | 2019年度Javascript社区

根据stateOfJs2019调查中，20000余名JS开发者的数据整理而来

scarsu

2019/12/31 -

-

ML03 | Tensor-张量简介

Javascript玩转机器学习03

scarsu

2019/12/30 -

-

ML02 | TensorFlow.js简介

Javascript玩转机器学习02

scarsu

2019/12/27 -

-

ML01 | 机器学习&神经网络简介

Javascript玩转机器学习01

scarsu

2019/12/26 -

-

EcmaScript6指南

ES6编程风格&最佳实践

遵守一定的规范和统一的风格写代码，是程序猿的基本素养😺

scarsu

2019/11/7 -

-

33 Concepts of Javascript

JavaScript开发者应懂的33个概念

知识点复盘手册

scarsu

2019/7/2 -

-

Grunt 学习总结

自动化压缩（minification）、编译、单元测试、linting等

#前端工程化

scarsu

2019/6/2 -

-

State of JS | 2018年度javascript行业报告

JavaScript生态圈总是在变化。新的库，新的框架，新的语言..这有时是有乐趣的，但有时也会让人感到压力。

scarsu

2018/12/32 -

-

Node版本管理工具 nvm for windows

node版本更新那么快，怎么才能在机子上多装几版node？还能一句命令切换？

scarsu

2018/9/30 -

-

360FED课程 - CSS

大佬为什么是大佬？

scarsu

2018/9/8 -

-

360FED课程 - HTML

这么穷为什么还花钱买HTML学？

scarsu

2018/9/3 -

-

古老神奇的<table>

凭什么table能兼容IE6？

scarsu

2018/8/30 -

-

用chrome调试node.js服务端代码

不然你想用什么调试？

scarsu

2018/7/31 -

-

fullPage.js 是一个基于 jQuery 的插件。

scarsu

2018/4/20 -

-

MongoDB被我选来做毕设的数据库，在此记录配置过程。

scarsu

2018/3/7 -

-

Animate.css是一个来自国外的 CSS3 动画库。

scarsu

2018/2/2 -

-

提高效率的前端工具

分享一些用的顺手的前端效率工具～

scarsu

2018/1/2 -

-