A list of web full stack resources and summarize.
在软件开发中,技术变化如此之快,你花费了大量时间学习技术和工具,一旦这些技术被取代,你的知识将变得毫无价值,因为它们大部分都是实施的细节。
- summarize-web-resources
- Categories
- CSS
- JavaScript
- TypeScript
- Front-End Library
- Canvas
- Front-End Frame
- WeChat Mini-Program
- Web Mobile App
- Front-End 工程化&构建
- Front-End Resources
- Browser
- Serverless
- WebAssembly
- Node
- Flutter
- Other
- 如何居中一个元素 - 介绍水平居中,垂直居中,还有水平垂直居中各种办法。
- 文本溢出截断省略方案 - 文本溢出截断省略方案合集。
- JavaScript 指南 - MDN web docs 的完整的 JavaScript 参考文档
- JavaScript 标准参考教程 - 阮一峰 JavaScript 标准参考教程。
- 零基础 JavaScript 全栈教程 - 廖学峰的 JavaScript 教程。
- JavaScript 执行机制 - 浅读 JavaScript 执行机制。
- Event Loop 的规范和实现 - Event Loop 规范、实现、应用。
- 浅谈 AST(抽象语法树) - 平庸前端码农之蜕变 — AST。
- Javascript 闭包 - 深入浅出 Javascript 闭包
- 简明 JavaScript 函数式编程——入门篇 - JavaScript 函数式编程解读。
- JavaScript 错误处理 - 一文解读各场景错误处理。
- JavaScript 模块化的历史进程 - 模块化的历史进程历史故事。
- 四种模块加载方案 - AMD、CMD、CommonJS、ES6 模块。
- Javascript 模块化管理 - Javascript 模块化管理的发展历程。
- 前端模块化详解 - 前端模块化详解。
jQuery 的 Deferred/Promise
- Category: Deferred Object - 官网实例详解。
- Deferred 对象详解 - jQuery 的 Deferred 对象详解 - 阮一峰的网络日志。
- ES6 Promise 和 jQuery Deferred 异同 - 通过 ES6 Promise 和 jQuery Deferred 的异同学习 Promise。
- Canvas 教程 - 连载详细的 Canvas 教程
- 现代 js 框架存在的根本原因 - 深入思考为何前端需要框架,以及 web components 是否可以代替前端框架。
- 现代 JavaScript 概览 - 现代 JavaScript 新概念。
- Vue 实践技巧 - vue 实用的小技巧。
- vue 修饰符总结 - 详细的 vue 修饰符总结。
- Vue 父子组件通信总结 - Vue 父子组件通信的十种方式。
- 加快 Vue 项目的开发速度 - 巧用工具开发 vue 项目。
- Vue.js 和第三方 JavaScript 的逐渐集成 - Vue.js 和第三方 JavaScript 的逐渐集成方案
- 9 performance secrets revealed - 九种Vue性能优化方法,演讲视频与译文。
- React.js 小书 - 开源、免费、专业、简单的 React.js 在线教程。
- 实现简版 react - 200 行代码实现简版 react。
- 22 React Performance Optimization Techniques - 优化 React 性能的22个技巧。
- 性能!!让你的 React 组件跑得再快一点 - 分析渲染(Render)时影响性能的点。
- 小程序攻略 - 由银科控股融汇研发部曹俊及其团队总结。
- 小程序多端框架全面测评 - 多端框架对比。
- 待续
- Retina 屏下的图片优化 - 设备分辨率,屏幕密度(PPI),Retina 屏(DIPS) 等概念。
- React Native vs. Cordova、PhoneGap、Ionic - [译] React Native vs. Cordova、PhoneGap、Ionic,等等。
- QQ音乐商业化Web团队前端工程化实践总结- ,结合移动端的基础库重构和UI组件库开发在前端工程化的一些探索和实践。
引入 babel 来解决代码兼容性的问题
-
Babel - Babel 中文站。
-
babel-polyfill VS babel-runtime VS babel-preset-env - 当运行环境不支持新的 API,对比这几种的解决方案。
-
对 babel polyfill 的一些理解 - babel-polyfill、babel-runtime 和 babel-plugin-transform-runtime 之间的联系。
-
Polyfill 方案的过去、现在和未来 - Polyfill 方案。
-
需要了解的 Babel 知识 - Babel 是怎么工作的及 Babel 编译的三个阶段。
tree Shaking
- Tree Shaking in Webpack - Tree Shaking in Webpack 介绍
打包原理解析与实现
- 高效使用 commit - git commit 格式规范可以在浏览项目历史的过程中看到更易读的信息,并且能用 commit 的信息直接生成 change log 。
- devhints - 优雅的 cheatsheet 大全
- 你不知道的 Blob 总结 - 总结 Blob 的使用及应用场景。
- 玩转前端二进制 - 本篇文章总结了浏览器端的二进制以及有关数据之间的转化,如 ArrayBuffer,TypedArray,Blob,DataURL,ObjectURL,Text 之间的互相转换。
- 超好用的Blob对象 - Blob 是 Binary Large Object 的缩写,Blob 对象表示一个不可变、原始数据的类文件对象。
- 从输入 URL 到页面加载的过程 - 梳理一个较为完整的前端向知识体系。
- 深入浅出浏览器渲染原理 - 以Webkit 为例,对现代浏览器的渲染过程进行一个深度的剖析。
- 浏览器的单线程到 JS 单线程 - 从浏览器多进程到 JS 单线程,JS 运行机制最全面的一次梳理。
-
九种跨域方式实现原理 - 前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式。
-
HTTP/2 及 HTTP/3特性 - 一文读懂HTTP/2 及 HTTP/3特性。
- 前端异常捕获 - 解读前端异常捕获,优雅处理前端异常。
- 深入理解浏览器的缓存机制 - 通过缓存位置、缓存策略以及实际场景应用缓存策略来探讨浏览器缓存机制。
-
常见六大 Web 安全攻防解析 - 常见六大 Web 安全攻防解析。
-
单点登录 - 单点登录( Single Sign On ,简称 SSO)详解。
- 探索 Serverless 中的前端开发模式 - 从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面,与大家探讨 Serverless 中的前端开发模式。
- Serverless 给前端带来了什么 - 前端框架总是带入后端思维,而 Serverless 则是把前端思维带入了后端运维。
- Serverless 将使前后端从分离再度走向融合 - 云计算经过了从物理机到虚拟机、从虚拟机到云计算、从云计算到容器这几个阶段,而容器之后的下一个阶段,则是 Serverless。
- Browser 与 Node 的 Event Loop 的区别 - 浏览器与 Node 的事件循环的区别。
- 深入理解Node.js 中的进程与线程 - 线程与进程的概念及关于单线程的误区。
- 前端工程** - 想写好前端,先练好内功。