Chrome浏览器的渲染原理

正文

Vue

Vue2.0：Vue2.0 文档
Vue3.0：Vue3.0 文档
Vue-Router：Vue.js 官方的路由管理器。
Vuex：Vue.js 应用程序开发的状态管理模式。
Element-UI：饿了么UI组件库
View UI：一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
Vuetify：用于构建功能丰富、快速的应用程序。
Buefy-UI：简单且轻量的UI库。
Quasar: 编写代码一次并同时将其部署为网站、移动应用和/或Electron应用。
Vue Material: 一个轻量级的框架，建立在谷歌的 Material Design 基础上。
Vux: 基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
Vant: 有赞前端团队开源的移动端组件库。
NutUI: 一套京东风格的轻量级移动端Vue组件库。
YDUI Touch一只基于Vue2.x的移动端&微信UI。
Ant Design Vue: Vue UI组件库,开箱即用的高质量 Vue 组件。
Wot Design: 根据京东商家侧的UI设计规范（京麦移动端设计规范）开发，旨在给商家提供统一的UI交互，同时提高研发的开发效率。
VuePress： Vue 驱动的静态网站生成器。
Gridsome：基于 Vue.js 构建的 Jamstack 框架。让开发人员可以轻松地构建静态生成的网站和应用程序，这些网站和应用程序。
better-scroll: 解决移动端（已支持PC）各种滚动场景需求的插件。
vue-multiselect: Vue多选。
vue-table: vue-table-数据表简化！
vue-infinite-scroll: vue 的无限滚动插件。
vue-progressbar: Vue 进度条插件。
vue-devtools： Vue 游览器调试插件。

React

React入门文档: 用于构建用户界面的 JavaScript 库。
React-router: React路由。
React-Redux: React 状态容器。
Ant Design React: 阿里巴巴团队出品的ReactUI组件库。
Material-UI: React 组件用于更快速、更简便的 web 开发。
React-Bootstrap: 可重用的前端组件库。
Ant Design Mobile: 一个基于 Preact / React / React Native 的 UI 组件库（移动端）。
BFD UI: BFD UI —— 企业级 React 组件库。
React Native: 使用JavaScript和React编写原生移动应用。
React-toolbox：一组实现Google的Material Design规范的React组件。
BizCharts: 阿里通用图表组件库。
dva: 基于 redux、redux-saga 和 react-router 的轻量级前端框架。
react-cropper: React图像裁剪器。
react-lazyload： React 懒加载组件（组件、图片等）。
react-treeview： React实现的简单、轻量级、灵活的树视图。
react-motion： React 弹性动画库。
react-player：用于播放各种url，包括文件路径、YouTube、Facebook、Twitch、SoundCloud、Streamable、Vimeo、Wistia、Mixcloud和DailyMotion。
react-color：颜色选择器。
react-quill： React 富文本编辑器。
react-datepicker： React 日期选择组件。
react-scroll： React 滚动组件。
react-swipe： React 轮播组件。
redux-devtools： react 游览器调试插件。
React 社区

Angular

Angular文档：一个应用设计框架与开发平台，用于创建高效、复杂、精致的单页面应用。
Ant Design Angular: Ant Design 设计规范的 Angular UI 组件库。
DevUI: 一款开源免费的企业中后台产品前端的通用解决方案。
NG-NEST：一个开源的 Web 应用程序框架，基于 Angular 和 Nest ，主要用于研发企业级中后台产品。
Ant Design Mobile Angular： Ant Design 设计规范的 Angular UI 组件库(移动端)。
Angular Material: 使用横跨 Web、Mobile 和桌面环境的综合性组件库构建现代应用。
Angular-animate:
AngularJS入门教程

TypeScript

typeScript文档： JavaScript 类型超集，可以编译成纯JavaScript 。

Flutter

Flutter 文档： Google一个新的用于构建跨平台的手机App的SDK。
Flutter中文网

微信小程序

微信小程序文档
TouchUI WX: 一套完全免费的微信小程序开发框架，扩展了小程序的能力。
WePY:让小程序支持组件化开发的框架,一个最受欢迎的小程序框架.
mpvue:一个使用 Vue.js 开发小程序的前端框架。
taro: 一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。
uni-app: 一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

工具库

jQuery: 一个高效、精简并且功能丰富的 JavaScript 工具库。
Zepto.js: 一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。
Moment.js: JavaScript 日期处理类库。
date-fns.js: 一个现代的 JavaScript 日期工具类库，提供了最全面、最简单和一致的工具集，用于在浏览器和 Node.js 中操作。
Underscore.js：是一个JavaScript实用库，提供了一整套函数式编程的实用功能。
Sugar.js: 一个可以用来处理原生对象的库。
Math.js: Javascript 扩展数学库。
Lodash.js:一个一致性、模块化、高性能的 JavaScript 实用工具库。
cnhammer.js: 一个可以识别触摸、鼠标和点击事件等手势的开放源码类库。
Ramda.js:一款实用的 JavaScript 函数式编程库。
Axios.js:一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
lazy.js: 功能类似 Underscore 和 Lodash。
Voca.js: 一个用于操作字符串的 Javascript 库。
Babel.js: 一个 JavaScript 编译器。
RequireJS：一个JavaScript模块加载器。
RxJS: 使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。
sea.js：一个适用于 Web 浏览器端的模块加载器。
Backbone.js: 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。英文
reveal.js: 一个能够帮助我们很轻易地使用 HTML 创建一个漂亮的演示文稿的框架。
Cycle.js: 一个函数式和响应式的 JavaScript 框架，编写可观测代码。
system.js:一个通用的模块加载器，它能在浏览器或者 NodeJS 上动态加载模块，并且支持 CommonJS、AMD、全局模块对象和 ES6 模块。
ESL.js：一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。
expect.js: 简约的、适用于 Node.js 和浏览器端的 BDD 式断言工具。
can.js: 客户端JavaScript架构库的集合。
most.js: 用于反应式编程的工具包。
foundation.js: 一个支持响应式布局的前端框架。
Semantic.js: 一款开发框架，帮助开发者使用对人类友好的 HTML 语言构建优雅的响应式布局。
Bulma: 一个基于 Flexbox 布局技术的免费、开源的现代 CSS 框架。
Phaser.js: 一款快速、免费以及开源 HTML5 游戏框架，它支持 WebGL 和 Canvas 两种渲染模式，可以在任何 Web 浏览器环境下运行，游戏可以通过第三方工具转为 iOS、Android 支持的 Native APP，允许使用 JavaScript 和 TypeScript 进行开发。
Request.js: 针对浏览器和节点的请求库。
Hammer.js: 一个开源的,轻量级的 JavaScript 库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。
Ember.js: 一个开源的 JavaScript 客户端框架，用于开发Web应用程序并使用MVC（模型 - 视图 - 控制器）架构模式。
handlebars.js: 一个 JavaScript 语义模板库，通过对视图（view）和数据的分离来快速构建 Web 模板。
jqueryui: jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。
Sizzle.js: 一个纯 JavaScript 实现的 CSS 选择器引擎。
Avalon.js: 一个迷你、易用、高性能的前端MVVM框架。
String.js: JavaScript字符串中没有包含的方法，例如转义html、解码html实体、剥离标记等。

Js插件

Swiper.js：移动端网站的内容触摸滑动插件。
Glide.js：一个无依赖关系的JavaScript ES6滑块和carousel。
QRCode.js: 二维码生成插件。
slidePage.js： slidePage3 特别适合主流前端框架开发，无任何依赖库，一个优化的全屏插件。
fullPage.js： fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。
Validate.js: JavaScript表单验证类库。
tree-d3.js： tree 树状图 d3.js。
zTree.js: 树插件。
jstree: jquery插件，提供交互式树。支持HTML和JSON数据源以及AJAX加载。
Datatables.js：一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。
DatePicker.js: 时间选择插件。
layDate.js: layDate 日期与时间组件。
Date.js: 一个开放源代码的JavaScript Date库，用于解析，格式化和处理。
clipboard.js:现代化的拷贝文字插件。
PDF.js: 一个基于 web 标准的通用 pdf 解析和渲染库。
jquery-i18n: 一个轻量级的jQuery插件，用于像Java Resource Bundles中那样从“ .properties”文件为javascript提供国际化。
i18next
TimelineJS: 时间轴插件。
amfe-flexible：移动端适配。
lazyLoad.js：Lazy Load延迟加载图像插件，直到用户滚动到它们才显示！
spin.js: Loading界面插件。
CodeMirror.js: 文本编辑器。
TinyMCE.js :文本编辑器。
Video.js: 一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。
SweetAlert.js: 一个 JavaScript 插件，能够完美替代 JavaScript 自带的 alert 弹出框，并且功能强大、设计优美。
PhotoSwipe.js: 一个 JavaScript 实现的相册组件，没有外部依赖。
highlight.js: 用JavaScript编写的语法突出显示工具。
Cropper.js: 一款非常强大却又简单的图片裁剪工具,它可以进行非常灵活的配置,支持手机端使用,支持包括 IE9 以上的现代浏览器。
Store.js: 跨浏览器存储插件。
Js-cookie: 一个简单，轻巧的JavaScript API，用于处理Cookie.
Mousetrap.js: 一个用于处理键盘快捷键的简单库。
FlexSlider.js: 全屏响应式轮播图插件。
Leaflet.js: 一个开放源代码的JavaScript库，用于移动友好的交互式地图。

动画库

iTyped.js: 简单 Javascript 动画输入，没有任何依赖关系。
Three.js: 3D显示动画库。
Animejs:一个轻量的JavaScript 动画库，拥有简单而强大的API。可对 CSS 属性、 SVG、 DOM 和JavaScript 对象进行动画。
Mo.js：一款效果非常炫酷的HTML5 SVG气泡导航和波浪式页面切换特效。
Velocity.js：一个简单易用、高性能、功能丰富的轻量级JS动画库。
ScrollReveal.js：一个JavaScript库，用于在元素进入/离开视口时轻松对其进行动画处理。
Kute.js：一个完全成熟的原生 JavaScript 动画引擎，具有跨浏览器动画的基本功能。
Bounce.js:快速创建漂亮的 CSS3 动画效果。
Dynamicsjs: 一个JavaScript库，用于创建基于物理的动画。
GreenSock.js):适用于现代网络的专业级JavaScript动画。
Particles.js:用于创建粒子的轻量级JavaScript库。
Matter.js:Matter.js是Web的2D物理引擎。
Parallax.js:滚动视差效果封装，便于快速调用实现。
Tween.js: 补间动画。
Ramjet.js：制作从一个元素变化为另外一个元素的动效，它能作用于DOM元素、SVG、静态和动态的图片。
Rellax.js:让页面滚动更有趣的动画库。
Hover.css：一组CSS3动力悬停效果，可应用于链接，按钮，徽标，SVG，特色图像等。
Animista.css：一个在线动画生成器，同时也是一个动画库。
Animate.css：一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果。
Vivify.css：一个免费的CSS动画库。
Magic Animations CSS3：CSS3 动画库。
cssanimation：一堆不同动画集合，CSS3 动画包。
Angrytools: 可以做动画生成器，同时也是一个动画库。

Css 预处理

sass: 世界上最成熟、最稳定、最强大的专业级CSS扩展语言。
less: 一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
stylus：一个高效、动态以及丰富的 CSS 预处理器。

图表库

C3.js: C3.js 开源图表库
Chart.js：为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。
Chartist.js: 一个简单的 JavaScript 动画库，你能够自制美丽的响应式图表，或者进行其他创作。
D3.js：一个非常强大的图形JavaScript库。D3.js可以作为图表库的构建块且免费。
Echarts：数据可视化图表库。
Flot.js： jQuery的Javascript图表库。
HighCharts.js：兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。
koolchart.js：基于HTML5 Canvas的JavaScript图表库。
Recharts： Recharts是一个用React和D3构建的重新定义的图表库。

包管理工具

npm: 包管理工具。
yarn: 快速、可靠、安全的依赖管理工具。
bower

打包工具

gulp: 用自动化构建工具增强你的工作流程。
webpack: 一个现代 JavaScript 应用程序的静态模块打包器。
grunt: 基于 Node.js 的项目构建工具。
Parcel: Web 应用打包工具，适用于经验不同的开发者。
rollup: 一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码。

Node

Node 中文网文档
Express:基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
koa: Koa -- 基于 Node.js 平台的下一代 web 开发框架。
Egg:为企业级框架和应用而生。
Meteor: 一个web APP开发框架。
Nodal: Node.js的网络服务器，经过优化可快速高效地构建API服务。
Keystone: 以Express和MongoDB为基础搭建的Node.js CMS和web应用程序平台。
Sails:一个优秀的web后台开发框架。它基于著名的express，添加了很多功能模块，支持REST、各种流行数据库等。
Loopback: LoopBack 框架是由一组Node.js的模块构成的。
Pomelo:一个轻量级的服务器框架，它最适合的应用领域是网页游戏、社交游戏、移动游戏的服务端，开发者会发现pomelo可以用如此少的代码达到强大的扩展性和伸缩性。。
Totaljs: Node.js 的 MVC 框架。
Derby: DerbyJS 是一个 MVC 框架，帮助编写实时，交互的应用。
Socket: Socket.io是一个类库，可以在浏览器与服务器之间实现实时、双向、基于事件的通信。英文
Mojito: 一个模块化的，由源代码控制的拆分测试框架，可让您通过Git / CI构建，启动和分析实验。
Next: 用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。
ThinkJS: 一款面向未来开发的 Node.js 框架，整合了大量的项目最佳实践，让企业级开发变得更简单、高效。
Mean

测试工具

eslint：可组装的JavaScript和JSX检查工具。
Jest：一个令人愉快的 JavaScript 测试框架，专注于简洁明快。
mocha：一个功能丰富的javascript测试框架，运行在node.js和浏览器中，使异步测试变得简单有趣。
JSHint: 用于标记用JavaScript编写的程序中的可疑用法。
JScs.js: 验证JavaScript代码。

Api查询

overapi
javascripting
开源中国在线API文档合集
菜鸟教程
devdocs: 英文文档

开发工具

Webstorm
VS Code
HBuilder
sublime text3
Atom
JSBin: 一种开源的协作式的web 开发调试工具。
JSFiddle: 编辑 JavaScript、CSS 和 HTML 并获得实时结果。使用外置资源，并和你的团队在线合作

常见的开发论坛

掘金
思否
github：全球最大的代码仓库。
overflow: 问答社区。
MDN: web 文档，一个开放的开发者社区创造。

其他

Markdown：一份免费且开源的 Markdown 参考手册，详细讲解了 Markdown 这一简单、易用的文档格式化标记语言的用法。
git: 版本控制工具。
svn: 一个开放源代码的版本控制系统。
Ionic 一个强大的 HTML5 应用程序开发框架。
mui: 最接近原生APP体验的高性能前端框架。
leetCode: 力扣提供海量技术面试资源，帮助你高效提升编程技能，轻松拿下世界IT 名企。
font-awesome: 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式。
Bootstrap：简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。

最后

Chrome浏览器的渲染原理相关推荐

浏览器渲染机制面试_面试官不讲码德，问我Chrome浏览器的渲染原理（6000字长文）...
前言对于HTML,css和JavaScript是如何变成页面的,这个问题你了解过吗?浏览器究竟在背后都做了些什么事情呢?让我们去了解浏览器的渲染原理,是通往更深层次的开发必不可少的事情,能让我们更深 ...
JavaScript高级浏览器的渲染原理与JavaScript代码执行原理
浏览器的渲染原理 1. 网页的解析过程 2. 浏览器内核 1. V8引擎 3. 浏览器渲染过程 1. HTML解析 2. 生成CSS规则 3. 构建Render Tree 4. 布局(layout) ...
JS高级之深入浏览器的渲染原理
在浏览器中输入网址按回车后发生了什么, 其实,发生的事情很简单,主要有三大步找到资源下载资源解析资源渲染到页面目录一.DNS解析,找到资源 1. 查询浏览器缓存 2. 查询操作系统缓存 4. ...
浏览器的渲染原理你了解吗？
从整体上看浏览器的渲染流程浏览器的渲染流程主要包括以下几个流程: 解析HTML,生成DOM树,解析CSS,生成CSSOM树. 将DOM树和CSSOM树进行结合,生成渲染树(Render Tree). ...
浏览器的渲染原理简介
原文转自:http://kb.cnblogs.com/page/178445/ 看到这个标题大家一定会想到这篇神文<How Browsers Work>,这篇文章把浏览器的很多细节讲得很细 ...
深入浅出浏览器渲染原理
前言浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎.渲染引擎在不同的浏览器中也不是都相同的.比如在 Firefox 中叫做 Gecko,在 Chrome ...
详解浏览器渲染原理及流程
今天来分享一下浏览器的渲染原理及流程. 前言先来看看 Chrome 浏览器的多进程架构: 通常,我们打包出来的 HTML.CSS.JavaScript 等文件,经过浏览器运行之后就会显示出页 ...
图解浏览器渲染原理及流程
本文约 8500 字,预计阅读需要 30 分钟. 今天来分享一下浏览器的渲染原理及流程. 前言先来看看 Chrome 浏览器的多进程架构: 通常,我们打包出来的 HTML.CSS.JavaScrip ...
浏览器渲染原理_web前端培训课程
在我们正式开始学习之前,首先让我们了解一些浏览器的一些知识点,然后再对浏览器渲染原理深刻的理解一下,这次学习是针对Chrome浏览器的渲染机制. 最新的Chrome浏览器包括:1个浏览器主进程,一个G ...

Chrome浏览器的渲染原理

Chrome浏览器的渲染原理相关推荐

最新文章

热门文章