Skip to content

web.dev

开源库

Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 开源的一套后台管理模板

Ant Design Landing

  • 快速搭建网站
  • 平台拥有丰富的各类首页模板,下载模板代码包,即可快速使用,也可使用首页编辑器,快速搭建一个属于你的专属首页

前端框架、工具、插件统计

  • 一个集合当下最流行的 JavaScript 代码库,显示流行排行,开发者可以轻松的找到想要最新的代码插件、工具和博客

HTML、JS实验

mock

mockjs

录屏

需要先安装两个包:npm i rrweb rrwebPlayer

rrweb:用来录制网页的

rrwebPlayer:用来回放的

前端框架

Svelte Solid

前端框架呈现 React 和 Vue.js 两强争霸的局面,未来看好 SolidJS

React篇

Vue篇

Svelte

Vue 的响应式系统基本是基于运行时的。追踪和触发都是在浏览器中运行时进行的。运行时响应性的优点是,它可以在没有构建步骤的情况下工作,而且边界情况较少。另一方面,这使得它受到了 JavaScript 语法的制约,导致需要使用一些例如 Vue ref 这样的值的容器。

一些框架,如 Svelte,选择通过编译时实现响应性来克服这种限制。它对代码进行分析和转换,以模拟响应性。该编译步骤允许框架改变 JavaScript 本身的语义——例如,隐式地注入执行依赖性分析的代码,以及围绕对本地定义的变量的访问进行作用触发。这样做的缺点是,该转换需要一个构建步骤,而改变 JavaScript 的语义实质上是在创造一种新语言,看起来像 JavaScript 但编译出来的东西是另外一回事。

工具库

Radash:Lodash 升级版

file-saver 文件下载

搜索高亮

CSS Custom Highlight

移动端

设备检测

是否是移动端

js
isTouch = "ontouchstart" in window || navigator.msMaxTouchPoints;

const touchSupported = () => {
  return !!('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
}

current-devicedevice-detector-js移动端检测方法

时间国际化-格式化

可视化

地图

leaflet

图像编辑

页面截图

SegmentFault 文章精选

书籍

你不知道的 JavaScript(上中下)

《JavaScript设计模式与开发实践》

《JavaScript函数式编程》

编程珠玑 Jon Bentley

编译原理 Alfred V. Aho 赵建华

计算机网络-至顶向下方法 James F. Kurose 陈鸣 MIT视频

黑客与画家 保罗·格雷厄姆 阮一峰

Learn More, Study Less