HUANG QING BLOG

天行健，君子以自强不息。地势坤，君子以厚德载物。

前端必备资源

资源站 JavaScript 资源大全中文版论坛创心-前端技术论坛 segmentfault 文档 Mozilla 开发者文档，提供了前端（HTML，CSS，Js等）代码参考和学习教程现代 JavaScript 教程,开始学习Javascript v8.dev - v8 引擎,了解支持 Chrome 和 NodeJS 的 Google 开源高...

Posted by huangqing on May 11, 2020

Vue - MVVM 原理

MVVM MVVM双向数据绑定是通过数据劫持+发布订阅模式Object.defineProperty let obj={}; let theValue; Object.defineProperty(obj,'theKeyName',{ //value:'theValue', configurable:true, //可以配置对象，删除属性 //writable...

Posted by huangqing on May 7, 2020

Learn Vue - 云平台

云平台技术栈学习

环境 Nodejs 10+ vue npm install vue vue-cli npm install -g vue-cli yarn npm install -g yarn UI:ant design vue vscode插件 Ant Design Vue helper Chinese (Simplified) Language Pack for...

Posted by huangqing on April 30, 2020

微前端架构简介

需求各个项目上云之后，每一个项目作为一个【微前端的应用】是独立开发的，通过权限确定允许使用的模块，各个应用中的模块可以同时运行在云平台中。定义微前端架构可以理解为使用不同 JavaScript 框架为多个团队构建现代 Web 应用程序的技术，策略和方法。微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用(Fr...

Posted by huangqing on April 26, 2020

前端工程配置模板

.eslintrc.js eslint configuring module.exports = { "extends": "eslint:recommended", "rules": { // enable additional rules "indent": ["error", 4], "linebreak-style"...

Posted by huangqing on April 23, 2020

JavaScript 资源大全

slug : Slugifies strings, even when they contain Unicode.Make strings URL-safe. eslint cn : 可组装的JavaScript和JSX检查工具 eslint airbnb : git cheat sheet webpackjs yargs

Posted by huangqing on April 1, 2020

Web 性能优化

Web性能优化分类度量标准编码优化静态资源优化交付优化构建优化性能监控度量标准与设定目标度量标准首次有效绘制（First Meaningful Paint，简称FMP，当主要内容呈现在页面上）英雄渲染时间（Hero Rendering Times，度量用户体验的新指标，当用户最关心的内容渲染完成）可交互时间（Time...

Posted by huangqing on April 1, 2020

JavaScript 资源大全

awesome javascript JavaScript 资源大全中文版伯乐在线 CanIUse 前端兼容性自查工具

Posted by huangqing on April 1, 2020

将ES6编译为ES5

babel 7 babel的目的就是为了解决浏览器的自身对于es语言的差异性而带来的一款工具，有了babel就不用担心浏览器不支持es语言这件事。 babel 编译的阶段: babel 总共分为三个阶段：解析，转换，生成。 babel7的各个组成部分： @babel/cli @babel/core @babel/preset-env @babel/polyf...

Posted by huangqing on March 21, 2020

Visual Studio Code ES6

配置ES6 TypeScript 开发环境

ES6 创建 tsconfig.json tsc --init { "compilerOptions": { "module": "commonjs", /* 用来指定要使用的模块标准: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */ ...

Posted by huangqing on March 11, 2020