pingan8787 - InfoQ

pingan8787

2018 年 02 月 24 日加入

🏅「前端自习课」公众号

🌼 前端宝藏小哥哥

 关注

17
发布数
13
关注者
1
关注了

全部分类 

前端如何优雅处理类数组对象？

前端如何优雅处理类数组对象？

9 月 22 日

Leo 部门最近来了位前端实习生 Robin，作为师傅，Leo 认真的为 Robin 介绍了公司业务、部门工作等情况，还有前端的新人学习地图。

TypeScript 设计模式之发布-订阅模式

TypeScript 设计模式之发布 - 订阅模式

8 月 20 日

在之前两篇自测清单中，和大家分享了很多 JavaScript 基础知识，大家可以一起再回顾下~

TypeScript 设计模式之观察者模式

TypeScript 设计模式之观察者模式

8 月 17 日

在软件系统中经常碰到这类需求：当一个对象的状态发生改变，某些与它相关的对象也要随之做出相应的变化。这是建立一种对象与对象之间的依赖关系，一个对象发生改变时将自动通知其他对象，其他对象将相应做出反应。

1.8w字｜初中级前端 JavaScript 自测清单 - 2

1.8w 字｜初中级前端 JavaScript 自测清单 - 2

8 月 4 日

在《初中级前端 JavaScript 自测清单 - 1》部分中，和大家简单过了一遍 JavaScript 基础知识，没看过的朋友可以回顾一下😁

1.5W字 | Webpack4 完整入门教程（共 18 章）

1.5W 字 | Webpack4 完整入门教程（共 18 章）

7 月 21 日

最近和部门老大，一起在研究团队【EFT - 前端新手村】的建设，目的在于：帮助新人快速了解和融入公司团队，帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。

React与前端开发发展史

React 与前端开发发展史

7 月 14 日

这几天在通过各种资料，了解了 React 出现的背景，还有前端这些年的变换，不得不说，感觉真的神奇！

了不起的 Webpack Scope Hoisting 学习指南

了不起的 Webpack Scope Hoisting 学习指南

7 月 12 日

Scope Hoisting 是 webpack3 的新功能，直译为 "作用域提升"，它可以让 webpack 打包出来的代码文件更小，运行更快。

RESTful 架构及实践

RESTful 架构及实践

7 月 11 日

REST：（Representational State Transfer）即表现层状态转换，定义了资源的通用访问格式，是一种网络应用程序的设计风格和 * 开发方式 *。

一文看懂 OAuth2

一文看懂 OAuth2

7 月 10 日

开放授权（OAuth）是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密的资源（如照片，视频，联系人列表），而无需将用户名和密码提供给第三方应用。 —— 维基百科

CORS 和 CSRF 修炼宝典

CORS 和 CSRF 修炼宝典

7 月 9 日

CORS 和 CSRF 太容易混淆了，看完本文，你就清楚了。

原来 JavaScript 中的 WeakMap 是这样子的

原来 JavaScript 中的 WeakMap 是这样子的

7 月 8 日

本文首先复习了《你不知道的 WeakMap》中核心知识点，重新回顾了“垃圾回收机制”，“Map VS WeakMap”和“WeakMap 介绍和应用”，最后延伸复习了“Set/WeakSet”相关知识点。

1.2w字｜初中级前端 JavaScript 自测清单 - 1

1.2w 字｜初中级前端 JavaScript 自测清单 - 1

7 月 4 日

最近与部门老大一起面试了许多前端求职者，其中想换个学习氛围较好的人占多数，但良好的学习氛围也是需要一点点营造出来的🌺。

Geek_01e3d6文中 “由于 Scope Hoisting 需要分析出模块之间的依赖关系，因此源码必须采用 ES6 模块化语句” 这句话有待商榷，按理 commonjs 也能分析出模块之间的依赖关系。从官方文档（https://webpack.js.org/plugins/module-concatenation-plugin/）中，我的理解是，scope hoisting 是 ES 模块化的特性，才使得源码需要采用 ES 模块化
 了不起的 Webpack Scope Hoisting 学习指南
pingan8787客气了哈
 1.5W 字 | Webpack4 完整入门教程（共 18 章）
SAI不是这个原因导致的，应该是以下两个原因导致 1、"webpack-merge": "^5.0.9" 这个版本这样使用 const {merge} = require('webpack-merge'); 2、不使用 npx，直接使用 webpack --config webpack.prod.js 修改后我这边能正常编译 jsx 并打包。非常感谢 up，这篇文章对我很有帮助，下面我要研究多入口和多输出，和怎样拆分较大的包
 1.5W 字 | Webpack4 完整入门教程（共 18 章）
pingan8787看看 rules 中有没有加入 .jsx { test: /\.(js|jsx)?$/, exclude: /(node_modules|bower_components)/, loader: 'babel-loader', query: { cacheDirectory: true, presets: ['@babel/preset-env', "@babel/preset-react"], plugins: [ [ "@babel/plugin-proposal-decorators", { "legacy": true } ],[ "@babel/plugin-proposal-class-properties", { "loose" : true } ],[ "@babel/plugin-transform-runtime", { "absoluteRuntime": false, "corejs": false, "helpers": true, "regenerator": true, "useESModules": false, "version": "7.0.0-beta.0" } ],[ "import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" // `style: true` 会加载 less 文件 } ] ] } }
 1.5W 字 | Webpack4 完整入门教程（共 18 章）
SAI我在项目中引入 react 并安装了： "@babel/core": "^7.10.5", "@babel/plugin-transform-runtime": "^7.10.5", "@babel/preset-env": "^7.10.4", "@babel/preset-react": "^7.10.4", "babel-loader": "^8.1.0" 可是依然无法编译 jsx，甚至按照其他教材一步步操作，结果还是一样，我不知道错在哪里
 1.5W 字 | Webpack4 完整入门教程（共 18 章）

从AliExpress、 Lazada到车好多，聊聊我的架构师人生

从AliExpress、 Lazada到车好多，聊聊我的架构师人生