├── LICENSE ├── README.md ├── assets ├── Full_Stack.png ├── Interview.png ├── InterviewMap.png ├── learning.jpg └── web.jpg ├── 前端早读课.md ├── 收集的项目资源.md ├── 知识锦集.md └── 面试资源.md /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 小兴 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | # 说明 4 | 5 | 平时的学习资源都比较的凌乱，看到好的资源都是直接收藏在浏览器的收藏夹中，这样其实并不方便，整理在云笔记上，也不方便查看修改记录，索性就整理在 github 上并开源出来，希望帮助大家能够更快的找到需要的资源。建立该仓库的目的主要是整理收集学习资源，统一管理，方便随时查找。 6 | 7 | 目前整合的学习资源只是前端方向的，可能会存在漏缺比较好的资源，需要慢慢的完善它，欢迎在该 **[dicuss issue](https://github.com/webproblem/learning-article/issues/1) 上补充资源或者交流意见**。 8 | 9 | **觉得有帮助的话，请点击右上角 Watch ， Star ， Fork，也可以 follow 我关注更多信息** 10 | 11 | **突然觉得开一个公众号来维护会更好点，更方便学习，这里收集下大家的意见，如果开一个公众号，是否更合理，欢迎反馈意见和建议！** 12 | 13 | 目录 14 | 15 | * [面试资源](./面试资源.md) 16 | 17 | * [项目资源](./收集的项目资源.md) 18 | 19 | * [知识锦集](./知识锦集.md) 20 | 21 | * [前端早读课文章](./前端早读课.md) 22 | 23 | * [Vue 相关](#vue) 24 | 25 | * [React 相关](#react) 26 | 27 | * [Javascript 函数式编程](#javascript-函数式编程) 28 | 29 | * [TypeSctipt](#typescript) 30 | 31 | * [webpack](#webpack) 32 | 33 | * [Parcel](#parcel) 34 | 35 | * [Gulp](#gulp) 36 | 37 | * [es系列](#es系列) 38 | 39 | * [Babel](#babel) 40 | 41 | * [http 请求库](#http-请求库) 42 | 43 | * [Promise](#promise) 44 | 45 | * [NodeJS](#nodejs) 46 | 47 | * [MongoDB](#mongodb) 48 | 49 | * [Git](#git) 50 | 51 | * [移动端](#移动端) 52 | 53 | * [可视化工具](#可视化工具) 54 | 55 | * [提高生产力工具](#提高生产力工具) 56 | 57 | * [Python](#python) 58 | 59 | * [PWA](#pwa) 60 | 61 | * [Flutter](#flutter) 62 | 63 | * [GraphQL](#graphql) 64 | 65 | * [机器学习](#机器学习) 66 | 67 | * [Chrmoe](#chrome) 68 | 69 | * [其他](#其他) 70 | 71 | * [博客/社区](#博客社区) 72 | 73 | * [业界技术交流会](#业界技术交流会一年一度的持续性的交流会) 74 | 75 | * [Github资源](#github资源) 76 | 77 | 78 | 79 | ## vue 80 | 81 | ### 文档 82 | 83 | * [Vue 官方文档](https://cn.vuejs.org/v2/guide/) 84 | 85 | * [Vuex 文档](https://vuex.vuejs.org/zh-cn/) 86 | 87 | * [vue-router 文档](https://router.vuejs.org/zh-cn/index.html) 88 | 89 | * [vue-loader 文档](https://vue-loader.vuejs.org/zh-cn/) 90 | 91 | * [Vue.js 服务器端渲染指南](https://ssr.vuejs.org/zh/) 92 | 93 | * [Nuxt.js 文档](https://zh.nuxtjs.org/guide) 94 | 95 | * [Vue 1.0 中文文档](https://v1-cn.vuejs.org/guide/) 96 | 97 | * [Vue 驱动的静态网站生成器](https://vuepress.vuejs.org/zh/) 98 | 99 | * [Vue CLI](https://cli.vuejs.org/) 100 | 101 | ### UI 库 102 | 103 | * [有赞 Vue UI 库 vant](https://github.com/youzan/vant) 104 | 105 | * [cube-ui](https://didi.github.io/cube-ui/#/zh-CN/docs/introduction) 106 | 107 | * [Mint UI](http://mint-ui.github.io/#!/zh-cn) 108 | 109 | * [vonic UI 框架](https://github.com/wangdahoo/vonic) 110 | 111 | * [element UI](http://element.eleme.io/#/zh-CN) 112 | 113 | * [iview UI](https://www.iviewui.com/) 114 | 115 | * [vue-antd-ui](https://github.com/vueComponent/ant-design) 116 | 117 | ### 源码 118 | 119 | * [Vue.js 源码学习笔记](http://jiongks.name/blog/vue-code-review/) 120 | 121 | * [Vue.js 源码解析](https://github.com/answershuto/learnVue) 122 | 123 | * [剖析vue实现原理，自己动手实现mvvm](https://github.com/DMQ/mvvm) 124 | 125 | * [Vue.js 技术揭秘](https://github.com/ustbhuangyi/vue-analysis) 126 | 127 | * [Vue.js 逐行级别的源码分析](https://github.com/HcySunYang/vue-design) 128 | 129 | ### 相关 130 | 131 | * [Vue.js 中文社区](https://www.vue-js.com/) 132 | 133 | * [Vue相关开源项目库汇总-总结得很详细](https://github.com/opendigg/awesome-github-vue) 134 | 135 | 136 | 137 | ## React 138 | 139 | ### 文档 140 | 141 | * [React 文档](https://doc.react-china.org/) 142 | 143 | * [react-router 文档](http://react-guide.github.io/react-router-cn/docs/Introduction.html) 144 | 145 | * [redux 文档](http://cn.redux.js.org/) 146 | 147 | * [React 模式](http://sangka-z.com/react-in-patterns-cn/) 148 | 149 | * [mobx 文档](https://cn.mobx.js.org/) 150 | 151 | * [React.js 小书](http://huziketang.mangojuice.top/books/react/) 152 | 153 | ### UI 库 154 | 155 | * [ant-design](https://github.com/ant-design/ant-design/) 156 | 157 | * [ant-design-mobile](https://github.com/ant-design/ant-design-mobile/) 158 | 159 | * [ant-motion 动画框架](https://github.com/ant-design/ant-motion) 160 | 161 | * [Zent](https://youzan.github.io/zent/zh/guides/install) 162 | 163 | ### 相关 164 | 165 | * [Nerv-京东高性能前端框架](https://github.com/NervJS/nerv) 166 | 167 | 168 | 169 | ## Javascript 函数式编程 170 | 171 | * [JS 函数式编程指南](https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/) 172 | 173 | * Underscore 174 | 175 | * [Underscore 源码分析](https://yoyoyohamapi.gitbooks.io/undersercore-analysis/content/) 176 | 177 | * [underscore-1.8.3.js 源码解读](https://github.com/hanzichi/underscore-analysis) 178 | 179 | 180 | 181 | ## Typescript 182 | 183 | * [Typescript 文档](https://www.tslang.cn/) 184 | 185 | * [TypeScript Handbook（中文版）](https://zhongsp.gitbooks.io/typescript-handbook/content/) 186 | 187 | * [Awesome TypeScript](https://github.com/semlinker/awesome-typescript) 188 | 189 | * [深入理解 TypeScript](https://jkchao.github.io/typescript-book-chinese/) 190 | 191 | 192 | 193 | ## webpack 194 | 195 | * [webpack 文档](https://doc.webpack-china.org/) 196 | 197 | * [webpack 中文文档(v3.5.5)](http://www.css88.com/doc/webpack/) 198 | 199 | * [深入浅出 Webpack](http://webpack.wuhaolin.cn/) 200 | 201 | * [入门Webpack，看这篇就够了](https://www.jianshu.com/p/42e11515c10f) 202 | 203 | * [webpack 优秀中文文章](https://github.com/webpack-china/awesome-webpack-cn) 204 | 205 | ### 源码 206 | 207 | * [Webpack 源码解析](https://github.com/lihongxun945/diving-into-webpack) 208 | 209 | * [Webpack揭秘——走向高阶前端的必经之路](https://juejin.im/post/5badd0c5e51d450e4437f07a) 210 | 211 | 212 | 213 | ## Parcel 214 | 215 | * [Parcel 文档](https://parceljs.org/) 216 | 217 | 218 | ## Gulp 219 | 220 | * [Gulp 中文网](https://www.gulpjs.com.cn/) 221 | 222 | 223 | 224 | ## es系列 225 | 226 | * [es6 教程](http://es6.ruanyifeng.com/) 227 | 228 | * [《深入理解ES6》教程学习笔记](https://github.com/hyy1115/ES6-learning) 229 | 230 | 231 | 232 | ## Babel 233 | 234 | * [Babel文档](https://babeljs.cn/) 235 | 236 | 237 | 238 | ## HTTP 239 | 240 | * [HTTP/3详解](https://http3-explained.haxx.se/zh/) 241 | 242 | 243 | 244 | ## http 请求库 245 | 246 | * [Axios 中文说明](https://www.kancloud.cn/yunye/axios/234845) 247 | 248 | * [axios 中文文档翻译](https://segmentfault.com/a/1190000008470355) 249 | 250 | * [fly : 跨平台的http请求库](https://github.com/wendux/fly) 251 | 252 | 253 | 254 | ## Promise 255 | 256 | * [JavaScript Promise迷你书（中文版）](http://liubin.org/promises-book/) 257 | 258 | * [Promises/A+](https://promisesaplus.com/) 259 | 260 | * [【翻译】Promises/A+规范](http://www.ituring.com.cn/article/66566) 261 | 262 | 263 | 264 | ## NodeJS 265 | 266 | * [Node.js 中文网](http://nodejs.cn/) 267 | 268 | * [Koa](https://koa.bootcss.com/) 269 | 270 | * [Koa2进阶学习笔记](https://github.com/ChenShenhai/koa2-note/) 271 | 272 | * [Node.js 优秀学习资源汇总](https://zhuanlan.zhihu.com/p/35500767) 273 | 274 | * [Express](http://www.expressjs.com.cn/) 275 | 276 | * [如何正确的学习Node.js](https://github.com/i5ting/How-to-learn-node-correctly) 277 | 278 | * [《一起学 Node.js》](https://github.com/nswbmw/N-blog) 279 | 280 | * [七天学会NodeJS](https://github.com/nqdeng/7-days-nodejs) 281 | 282 | * [Node.js 包教不包会](https://github.com/alsotang/node-lessons) 283 | 284 | * [Nodejs学习笔记以及经验总结](https://github.com/chyingp/nodejs-learning-guide) 285 | 286 | * [《Node.js从入门到上线》](https://github.com/liuxing/node-blog) 287 | 288 | * [《Node.js 调试指南》](https://github.com/nswbmw/node-in-debugging) 289 | 290 | * [nodejs基础教程](https://www.geekjc.com/ebook/detail/5b9f65ce0f510f6ae689bccd/1537172650925) 291 | 292 | 293 | ## MongoDB 294 | 295 | * [MongoDB中文网](http://www.mongodb.org.cn/) 296 | 297 | * [mongoose中文文档](https://mongoosedoc.top/docs/index.html) 298 | 299 | * [MongoDB Driver API](http://mongodb.github.io/node-mongodb-native/2.0/api/index.html) 300 | 301 | * [MongoDB 可视化工具 robo3t](https://robomongo.org/) 302 | 303 | * [MongoDB 可视化工具 adminMongo](https://github.com/mrvautin/adminMongo) 304 | 305 | 306 | 307 | ## Git 308 | 309 | * [Git 练习](https://learngitbranching.js.org) 310 | 311 | * [Git Book](https://git-scm.com/book/zh/v2) 312 | 313 | * [有关 git 的学习资料](https://github.com/xirong/my-git) 314 | 315 | 316 | 317 | ## canvas 318 | 319 | * [canvas 教程](https://www.yuque.com/airing/canvas) 320 | 321 | 322 | 323 | ## 移动端 324 | 325 | ### 技术类 326 | 327 | * [Taro-多端统一开发框架](https://github.com/NervJS/taro) 328 | 329 | * [Weex](https://github.com/apache/incubator-weex/) 330 | 331 | * [react-native](https://github.com/facebook/react-native) 332 | 333 | * [React Native 中文网](https://reactnative.cn/) 334 | 335 | 336 | ### 微信小程序 337 | 338 | * [小程序文档](https://mp.weixin.qq.com/debug/wxadoc/dev/) 339 | 340 | * [小程序社区](http://www.wxapp-union.com/) 341 | 342 | * [mpvue 基于 Vue.js 的小程序开发框架](https://github.com/Meituan-Dianping/mpvue) 343 | 344 | * [wepy 让小程序支持组件化开发的框架](https://tencent.github.io/wepy/) 345 | 346 | * [zanui-weapp](https://github.com/youzan/zanui-weapp) 347 | 348 | * [WeUI for 小程序](https://github.com/Tencent/weui-wxss) 349 | 350 | * [iview-weapp](https://github.com/TalkingData/iview-weapp) 351 | 352 | * [微信小程序开发资源汇总](https://github.com/justjavac/awesome-wechat-weapp) 353 | 354 | 355 | ### 支付宝小程序 356 | 357 | * [官网](https://open.alipay.com/channel/miniIndex.htm) 358 | 359 | ### 快应用 360 | 361 | * [官网](https://www.quickapp.cn/) 362 | 363 | ### 百度小程序 364 | 365 | * [官网](https://smartprogram.baidu.com/mappconsole/main/login) 366 | 367 | 368 | 369 | ## 可视化工具 370 | 371 | * [百度 echarts](http://echarts.baidu.com/) 372 | 373 | * [蚂蚁金服数据可视化 AntV](https://antv.alipay.com/zh-cn/index.html) 374 | 375 | * [BizCharts : 基于 React 技术栈的图表库](https://github.com/alibaba/BizCharts) 376 | 377 | * [v-charts : 基于 Vue2.0 和 echarts 封装的 v-charts 图表组件](https://v-charts.js.org/) 378 | 379 | * [D3.js](https://github.com/d3/d3/wiki/CN-Home) 380 | 381 | 382 | ## 静态站点生成器 383 | 384 | * [docsite : 阿里一款开源站点搭建工具](https://github.com/txd-team/docsite) 385 | 386 | * [docsify : 文档站点生成器](https://github.com/docsifyjs/docsify) 387 | 388 | * [VuePress : Vue 驱动的静态网站生成器](https://vuepress.vuejs.org/zh/) 389 | 390 | 391 | ## 提高生产力工具 392 | 393 | * [飞冰-让前端开发简单而友好](https://alibaba.github.io/ice) 394 | 395 | * [Easy Mock : 可视化模拟数据工具](https://www.easy-mock.com/) 396 | 397 | * [EasyAPI : 简单，好用的API服务平台](https://www.easyapi.com/) 398 | 399 | * [YAPI : 高效、易用、功能强大的API管理平台](http://yapi.demo.qunar.com/) 400 | 401 | * [showdoc : 文档编写工具](https://github.com/star7th/showdoc) 402 | 403 | * [标你妹啊 : 一款自动化设计标注工具](http://www.biaonimeia.com) 404 | 405 | * [Framer : 全功能设计工具](https://www.framercn.com/) 406 | 407 | * [Kitchen : 一款为设计者提升工作效率的 Sketch 工具集](https://kitchen.alipay.com/) 408 | 409 | * [gka : 一款简单的、高效的帧动画生成工具，图片处理工具](https://github.com/gkajs/gka) 410 | 411 | * [Typora : 一款强大的 markdown 编辑器](https://www.typora.io) 412 | 413 | * [processon : 免费在线作图](https://www.processon.com/) 414 | 415 | * [声享 : 在线制作 PPT](https://ppt.baomitu.com/) 416 | 417 | * [VisuAlgo: 算法学习工具](https://visualgo.net/zh) 418 | 419 | * [FSCapture : 滚屏截图软件](https://faststone-capture.en.softonic.com) 420 | 421 | * [picpick : 一款全能的设计工具](https://picpick.app/zh/) 422 | 423 | 424 | ## 刷题网站 425 | 426 | * [LeetCode 中文版](https://leetcode-cn.com/) 427 | 428 | * [牛客网](https://www.nowcoder.com/) 429 | 430 | * [codewars](https://www.codewars.com/) 431 | 432 | 433 | ## Python 434 | 435 | * [廖雪峰 Python 教程](https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000) 436 | 437 | * [Python 入门教程](https://github.com/TwoWater/Python) 438 | 439 | 440 | 441 | ## PWA 442 | 443 | * [PWA 中文文档](http://sangka-z.com/PWA-Book-CN/) 444 | 445 | * [LAVAS : 基于 Vue.js 的 PWA 解决方案](https://lavas.baidu.com/) 446 | 447 | 448 | 449 | ## Flutter 450 | 451 | * [认识Flutter](https://segmentfault.com/a/1190000008825105) 452 | 453 | * [Flutter攻略](https://segmentfault.com/blog/flutter) 454 | 455 | * [Flutter中文网](https://flutterchina.club/) 456 | 457 | * [Flutter 社区中文资源](https://flutter-io.cn/) 458 | 459 | * [Dart 中文社区](https://www.dart-china.org/) 460 | 461 | * [Dart 语言中文社区](http://www.cndartlang.com/) 462 | 463 | 464 | 465 | ## GraphQL 466 | 467 | * [GraphQL 中文文档](http://graphql.cn/) 468 | 469 | 470 | 471 | ## 机器学习 472 | 473 | * [机器学习速成课程](https://developers.google.cn/machine-learning/crash-course/?hl=zh-CN) 474 | 475 | 476 | 477 | ## Chrome 478 | 479 | * [Chrome 开发者工具文档](http://www.css88.com/doc/chrome-devtools/) 480 | 481 | * [Chrome开发者工具中文手册](https://github.com/CN-Chrome-DevTools/CN-Chrome-DevTools) 482 | 483 | * [Chrome 插件开发简要指南](https://www.w3cschool.cn/kesyi/kesyi-m5uo24rx.html) 484 | 485 | 486 | 487 | ## 产品 488 | 489 | * [人人都是产品经理](http://www.woshipm.com/) 490 | 491 | 492 | 493 | ## 博客/社区 494 | 495 | ### 团队博客 496 | 497 | * [百度 EUX 团队博客](http://eux.baidu.com/) 498 | 499 | * [百度 EFE 团队博客](http://efe.baidu.com/) 500 | 501 | * [百度FEX 团队](http://fex.baidu.com/) 502 | 503 | * [百度用户体验中心](http://uxc.baidu.com/) 504 | 505 | * [百度外卖前端团队](https://zhuanlan.zhihu.com/bdwmfe) 506 | 507 | * [京东凹凸实验室博客](https://aotu.io/) 508 | 509 | * [京东设计中心](http://jdc.jd.com/) 510 | 511 | * [美团点评技术团队博客](https://tech.meituan.com/) 512 | 513 | * [饿了么前端](https://zhuanlan.zhihu.com/ElemeFE) 514 | 515 | * [淘宝前端团队博客](http://taobaofed.org/) 516 | 517 | * [蚂蚁数据体验技术团队博客](https://github.com/ProtoTeam/blog) 518 | 519 | * [阿里巴巴国际UED团队](http://www.aliued.com/) 520 | 521 | * [阿里巴巴中文站UED](http://www.aliued.cn/) 522 | 523 | * [天猫前端](http://tmallfe.github.io/) 524 | 525 | * [阿里达摩院](https://damo.alibaba.com/) 526 | 527 | * [腾讯 AlloyTeam 团队博客](http://alloyteam.com/) 528 | 529 | * [腾讯 IMWEB 团队](http://imweb.io/) 530 | 531 | * [腾讯前端IVWEB团队](https://iv-web.github.io/) 532 | 533 | * [TGideas-腾讯游戏官方设计团队](http://tgideas.qq.com/) 534 | 535 | * [腾讯CDC](http://cdc.tencent.com/) 536 | 537 | * [QQ音乐前端团队](https://www.musicfe.cn/index) 538 | 539 | * [腾讯FERD(腾讯网研发中心)](http://qqfe.org/) 540 | 541 | * [有赞技术团队](https://tech.youzan.com/) 542 | 543 | * [滴滴开源平台](https://didi.github.io/) 544 | 545 | * [滴滴DDFE博客](https://github.com/DDFE/DDFE-blog) 546 | 547 | * [饿了么前端](https://zhuanlan.zhihu.com/ElemeFE) 548 | 549 | * [大搜车无线团队](http://f2e.souche.com/blog/) 550 | 551 | * [大搜车博客](https://blog.souche.com/) 552 | 553 | * [人人网 FED 博客](https://fed.renren.com/) 554 | 555 | * [网易用户体验中心](http://uedc.163.com/) 556 | 557 | * [携程UED](http://ued.ctrip.com/) 558 | 559 | * [奇虎360-奇舞团](https://75team.com/) 560 | 561 | * [360用户体验设计中心](http://uxc.360.cn/) 562 | 563 | * [去哪儿网大前端技术中心](https://ymfe.org/index.html) 564 | 565 | * [今日头条技术博客](https://techblog.toutiao.com/) 566 | 567 | * [前端俱乐部](https://feclub.cn/home) 568 | 569 | * [JS 前端开发群月报](https://www.kancloud.cn/jsfront/month/82796) 570 | 571 | * [丁香园前端小分队](https://dxy-f2e.github.io/blog/) 572 | 573 | 574 | ### 个人博客 575 | 576 | * [廖雪峰博客](https://www.liaoxuefeng.com/) 577 | 578 | * [阮一峰博客](http://www.ruanyifeng.com/blog/javascript/) 579 | 580 | * [张鑫旭博客](http://www.zhangxinxu.com/) 581 | 582 | * [https://yanlee26.github.io/posts](https://yanlee26.github.io/posts) 583 | 584 | * [https://github.com/Aaaaaaaty/blog](https://github.com/Aaaaaaaty/blog) 585 | 586 | * [https://github.com/mqyqingfeng/Blog](https://github.com/mqyqingfeng/Blog) 587 | 588 | * [http://obkoro1.com/](http://obkoro1.com/) 589 | 590 | * [https://yangbo5207.github.io/wutongluo/](https://yangbo5207.github.io/wutongluo/) 591 | 592 | * [https://www.chuchur.com/](https://www.chuchur.com/) 593 | 594 | * [kidney](https://www.cnblogs.com/kidney/) 595 | 596 | * [http://www.taoweng.site/](http://www.taoweng.site/) 597 | 598 | * [小剧客栈](https://www.bh-lay.com/) 599 | 600 | * [CSS 森林](http://www.cssforest.org/) 601 | 602 | * [汤姆大叔的博客](http://www.cnblogs.com/TomXu/) 603 | 604 | * [https://github.com/jawil/blog](https://github.com/jawil/blog) 605 | 606 | * [Hux Blog](https://huangxuan.me/) 607 | 608 | * [贤心](http://www.sentsin.com/) 609 | 610 | * [玉伯](https://github.com/lifesinger/blog) 611 | 612 | * [月影](https://github.com/akira-cn) 613 | 614 | * [豪情](https://github.com/jikeytang) 615 | 616 | * [尤雨溪](https://github.com/yyx990803) 617 | 618 | * [张云龙](https://github.com/fouber) 619 | 620 | * [张克军](https://github.com/kejun) 621 | 622 | * [黄轶](https://github.com/ustbhuangyi/) 623 | 624 | * [Aresn](https://github.com/icarusion) 625 | 626 | * [芋头君](https://github.com/xinyu198736) 627 | 628 | * [狼叔](https://github.com/i5ting) 629 | 630 | * [CSS魔法](https://github.com/cssmagic) 631 | 632 | * [伍酱](http://www.wuyuying.com/blog/) 633 | 634 | * [http://delai.me/](http://delai.me/) 635 | 636 | * [第一届前端艺术家沙龙1群每日资讯整理](http://fe.jskou.com/) 637 | 638 | 639 | 640 | ### 社区 641 | 642 | * [掘金](https://juejin.im/timeline) 643 | 644 | * [掘金翻译计划](https://github.com/xitu/gold-miner) 645 | 646 | * [segmentfault](https://segmentfault.com/) 647 | 648 | * [博客园](https://www.cnblogs.com/) 649 | 650 | * [前端乱炖](http://www.html-js.com/) 651 | 652 | * [w3cschool](https://www.w3cschool.cn/) 653 | 654 | * [w3school](http://www.w3school.com.cn/) 655 | 656 | * [w3cplus](https://www.w3cplus.com/) 657 | 658 | * [W3C 中国](http://www.chinaw3c.org/) 659 | 660 | * [重庆前端社区](http://www.yufe.org/) 661 | 662 | * [前端圈](https://fequan.com/) 663 | 664 | * [V2EX](https://www.v2ex.com/) 665 | 666 | * [前端头条](http://top.css88.com/) 667 | 668 | * [伯乐在线](http://web.jobbole.com/) 669 | 670 | * [小专栏](https://xiaozhuanlan.com/) 671 | 672 | * [Stack Overflow](https://stackoverflow.com/) 673 | 674 | * [大前端](http://www.daqianduan.com/) 675 | 676 | * [众成翻译](https://www.zcfy.cc/) 677 | 678 | * [WEB前端开发](http://www.css88.com/) 679 | 680 | * [前端网](https://www.qdfuns.com/) 681 | 682 | 683 | ## 业界技术交流会(一年一度的持续性的交流会) 684 | 685 | * [FEDAY 前端日](https://fequan.com/2018/) 686 | 687 | * [腾讯 Live 开发者大会](http://2018.tlc.ivweb.io/) 688 | 689 | * [Alloyteam Web 前端大会](https://ac.alloyteam.com/) 690 | 691 | * [前端体验大会](http://feexp.org/shenzhen/) 692 | 693 | * [D2 前端技术论坛](http://d2forum.alibaba-inc.com) 694 | 695 | * [D2 开发者大会](http://d2forum.alibaba-inc.com/developer2018) 696 | 697 | * [全球大前端技术大会](https://gmtc.geekbang.org/) 698 | 699 | * [iWeb 峰会](http://2018.html5dw.com/) 700 | 701 | * [CSS 大会](https://css.w3ctech.com/) 702 | 703 | * [React 大会](https://react.w3ctech.com/) 704 | 705 | * [IMWeb 前端大会](https://2018.imweb.io/) 706 | 707 | * [云栖大会](https://yunqi.aliyun.com/2018/hangzhou/index) 708 | 709 | * [前端艺术家沙龙](https://artist.alibaba.com/) 710 | 711 | * [掘金开发者大会](https://conf.juejin.im/) 712 | 713 | * [Vue.js 开发者大会](https://vueconf.cn/2018) 714 | 715 | * [中国 JS 开发者大会](https://jsconfchina.com/) 716 | 717 | 718 | 719 | ## 资源 720 | 721 | ### 前端 722 | 723 | * [免费的计算机编程类中文书籍](https://github.com/justjavac/free-programming-books-zh_CN) 724 | 725 | * [《前端回忆录》](https://github.com/Wscats/Good-Text-Share) 726 | 727 | * [前端入门和进阶学习笔记](https://github.com/smyhvae/Web) 728 | 729 | * [PDF - 收集的各种资源](https://github.com/mynane/PDF) 730 | 731 | * [你可能不知道的前端知识点](https://github.com/justjavac/the-front-end-knowledge-you-may-not-know) 732 | 733 | * [GitHub最全的前端资源汇总仓库 ](https://github.com/helloqingfeng/Awsome-Front-End-learning-resource) 734 | 735 | * [从零开始构建 JavaScript 技术栈](https://github.com/verekia/js-stack-from-scratch) 736 | 737 | * [前端笔记系列](https://github.com/HongqingCao/Front-end-notes) 738 | 739 | * [前端开发者指南 2018](https://github.com/xitu/front-end-handbook-2018) 740 | 741 | * [30 seconds : 一些精炼的代码片段](https://github.com/30-seconds) 742 | 743 | * [33-js-concepts : 每个 JavaSript 开发人员应该知道的 33 个概念](https://github.com/leonardomso/33-js-concepts) 744 | 745 | * [每个 JavaSript 开发人员应该知道的 33 个概念-中文版](https://github.com/stephentian/33-js-concepts) 746 | 747 | * [MDN 文档](https://developer.mozilla.org/zh-CN/docs/Web) 748 | 749 | * [Awesomes](https://www.awesomes.cn/) 750 | 751 | * [印记中文](https://www.docschina.org/) 752 | 753 | * [GitBook 简明教程](http://www.chengweiyang.cn/gitbook/index.html) 754 | 755 | * [Web前端导航](http://www.alloyteam.com/nav/) 756 | 757 | * [移动端问题收集](https://github.com/RubyLouvre/mobileHack) 758 | 759 | ### 其他 760 | 761 | * [为互联网IT人打造的中文版awesome-go](https://github.com/hackstoic/golang-open-source-projects) 762 | 763 | * [后端架构师技术图谱](https://github.com/xingshaocheng/architect-awesome) 764 | 765 | * [Java Core Sprout：处于萌芽阶段的 Java 核心知识库](https://github.com/crossoverJie/JCSprout) 766 | 767 | * [【Java学习+面试指南】](https://github.com/Snailclimb/JavaGuide) 768 | 769 | * [一些经典且高质量的电子书分享](https://github.com/threerocks/studyFiles) 770 | 771 | * [互联网公司技术架构](https://github.com/davideuler/architecture.of.internet-product) 772 | 773 | * [Computer Science Learning Notes](https://github.com/CyC2018/CS-Notes) 774 | 775 | * [后台技术栈/全栈开发/架构师之路](https://github.com/frank-lam/2019_campus_apply) 776 | 777 | 778 | ![](./assets/web.jpg) 779 | 780 | ![](./assets/learning.jpg) 781 | -------------------------------------------------------------------------------- /assets/Full_Stack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/webproblem/learning-article/f5ac7e7dca222c99bfddd3c02924fa0e0c954110/assets/Full_Stack.png -------------------------------------------------------------------------------- /assets/Interview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/webproblem/learning-article/f5ac7e7dca222c99bfddd3c02924fa0e0c954110/assets/Interview.png -------------------------------------------------------------------------------- /assets/InterviewMap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/webproblem/learning-article/f5ac7e7dca222c99bfddd3c02924fa0e0c954110/assets/InterviewMap.png -------------------------------------------------------------------------------- /assets/learning.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/webproblem/learning-article/f5ac7e7dca222c99bfddd3c02924fa0e0c954110/assets/learning.jpg -------------------------------------------------------------------------------- /assets/web.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/webproblem/learning-article/f5ac7e7dca222c99bfddd3c02924fa0e0c954110/assets/web.jpg -------------------------------------------------------------------------------- /前端早读课.md: -------------------------------------------------------------------------------- 1 | ## 公众号-前端早读课推文列表 2 | 3 | 每两周更新 4 | 5 | 部分参考： https://github.com/if2er/FeZaoDuKe-Collection 6 | 7 | * [【第1476期】如何提升设计到开发的协作效率](https://mp.weixin.qq.com/s/_z_MRVb-O-Xfj-9Qael7wA) 8 | 9 | * [【第1475期】企鹅辅导课程详情页毫秒开的秘密 - PWA 直出](https://mp.weixin.qq.com/s/V7HJJUpd40yd0y03aMyJVw) 10 | 11 | * [【第1474期】HTTP/3 要点](https://mp.weixin.qq.com/s/qBD90RdofvYDNX2sSJWgNA) 12 | 13 | * [【第1473期】用代码做设计](https://mp.weixin.qq.com/s/7qBU5gGq5Tv2QEzuHDF7gg) 14 | 15 | * [【第1472期】我们为什么要写 super(props)?](https://mp.weixin.qq.com/s/iHDium37WsmWxbKwhOVsgA) 16 | 17 | * [【第1471期】AST抽象语法树——最基础的javascript重点知识](https://mp.weixin.qq.com/s/EnS22WGKiXnTCdFnqrVahA) 18 | 19 | * [【第1470期】为什么前端工程师需要关注设计](https://mp.weixin.qq.com/s/SQfIImIBKfSvDjITz2h_Mw) 20 | 21 | * [【第1469期】篡改NPM包盗取比特币始末](https://mp.weixin.qq.com/s/xXPAkfQkmkWWK_2HCyE7Mg) 22 | 23 | * [【第1468期】前端与编译原理——用JS写一个JS解释器](https://mp.weixin.qq.com/s/NRZQI-Md0dqNAGY96qsn-A) 24 | 25 | * [【第1467期】使用 okam 小程序开发框架快速开发百度智能小程序](https://mp.weixin.qq.com/s/mH2PNPLvmeaCyiY6ikGlLA) 26 | 27 | * [【第1466期】通俗漫画介绍 ArrayBuffers 和 SharedArrayBuffers](https://mp.weixin.qq.com/s/qmwf1qqIcROd6h-LWm2gQQ) 28 | 29 | * [【第1465期】内存管理速成教程](https://mp.weixin.qq.com/s/sVcGRUZqILCVgfhzRyODTg) 30 | 31 | * [【第1464期】babel7使用手册](https://mp.weixin.qq.com/s/AURDiWwspdfRExopNf4YLQ) 32 | 33 | * [【第1463期】谨慎处理 Service Worker 的更新](https://mp.weixin.qq.com/s/zrWyOuSBQMfsVD2-0njXOA) 34 | 35 | * [【第1462期】赶上 ECMAScript 潮流：用现代 JavaScript 编程](https://mp.weixin.qq.com/s/2miV4y8tK5Cx19QenzbLgQ) 36 | 37 | * [【第1461期】平庸前端码农之蜕变 — AST](https://mp.weixin.qq.com/s/0-k1xZr8-nPCakN-jnfRnQ) 38 | 39 | * [【第1460期】JavaScript 基础：Babel 转译 class 过程窥探](https://mp.weixin.qq.com/s/0zK6mT0K0gmM6GuvRzYWLA) 40 | 41 | * [【第1459期】await VS return VS return await](https://mp.weixin.qq.com/s/-yNglTnJFbaDDFbq9usleA) 42 | 43 | * [【第1458期】ElementUI的构建流程](https://mp.weixin.qq.com/s/n9Q-b65Zya5bxlM6F3v-tQ) 44 | 45 | * [【第1457期】CSS 与网络性能](https://mp.weixin.qq.com/s/gwjV0NC8JbF-QfwuQ-ayjw) 46 | 47 | * [【第1456期】更快的 async 函数和 promises](https://mp.weixin.qq.com/s/XNNGNLAhEAQqRVTS64BQlQ) 48 | 49 | * [【第1455期】新一代页面生命周期API：来自Chrome官方博客的介绍](https://mp.weixin.qq.com/s/sxbs2W8IkURo-agamUDivw) 50 | 51 | * [【第1454期】JS箭头函数三连问：为何用、怎么用、何时用](https://mp.weixin.qq.com/s/Q2kdX5zIkfIlUURQmwKDjw) 52 | 53 | * [【第1453期】理解JavaScript的柯里化](https://mp.weixin.qq.com/s/h9hLC_o3hOmnpEOaXryg-A) 54 | 55 | * [【第1452期】见微知著，Google Photos Web UI 完善之旅](https://mp.weixin.qq.com/s/uc6ZQx0KRZfqJoT_VzUyFg) 56 | 57 | * [【第1451期】在 JavaScript 和 WebAssembly 之间调用执行速度终于快了](https://mp.weixin.qq.com/s/TfEyuhyYMoL7o8RZM_brYg) 58 | 59 | * [【第1450期】交互细节：页面链接打开方式探讨](https://mp.weixin.qq.com/s/rcu6qswqti8sg3fgqCAVSw) 60 | 61 | * [【第1449期】WebAssembly 后 MVP 时代的未来：卡通技能树](https://mp.weixin.qq.com/s/I-yzvECT9GX3yfzlfY09jg) 62 | 63 | * [【第1448期】深入理解 React 高阶组件](https://mp.weixin.qq.com/s/xLZnr1_M-C7X3geBBiNwXQ) 64 | 65 | * [【第1447期】如何通过 HSB 颜色模式构建夜间模式](https://mp.weixin.qq.com/s/wcy72YVvq12RiNTC2Lt_vA) 66 | 67 | * [【第1446期】精致化的微前端开发之旅](https://mp.weixin.qq.com/s/ugowewKOS2akx5uuGOzclQ) 68 | 69 | * [【第1445期】Vue: scoped 样式与 CSS Module 对比](https://mp.weixin.qq.com/s/fxqWZnkBEv_T0ULzEZa4yQ) 70 | 71 | * [【第1444期】30分钟精通React今年最劲爆的新特性——React Hooks](https://mp.weixin.qq.com/s/KRFYclPnkkdXbkJCSTohCw) 72 | 73 | * [【第1443期】React 中同构（SSR）原理脉络梳理](https://mp.weixin.qq.com/s/BXC6tZyY6fsi8l8dJ40nug) 74 | 75 | * [【第1442期】 如何写出一手好的小程序之多端架构篇](https://mp.weixin.qq.com/s/K5HT_Balcsq7B0IT5jtDBw) 76 | 77 | * [【第1441期】 Lighthouse的使用与Google的移动端最佳实践](https://mp.weixin.qq.com/s/uxPvSCKFhQLx0Y5kuNa71g) 78 | 79 | * [【第1440期】你所不知道的 CSS 阴影技巧与细节](https://mp.weixin.qq.com/s/G2z6BIf3yqAeYEocPWOdtQ) 80 | 81 | * [【第1439期】React 项目结构和组件命名之道](https://mp.weixin.qq.com/s/g1OAjUofxPfJKRdIjXJu8A) 82 | 83 | * [【第1438期】如何让你的网页“看起来”展现地更快 —— 骨架屏二三事](https://mp.weixin.qq.com/s/1v6MqN97xV0zyCph7pl5IA) 84 | 85 | * [【第1437期】深拷贝的终极探索](https://mp.weixin.qq.com/s/iDbDyWeSDgShqR_nQ1po_g) 86 | 87 | * [【第1436期】利用交叉观察器解锁懒加载新姿势](https://mp.weixin.qq.com/s/Qq3wQPlQVmNV4VObMdqcSw) 88 | 89 | * [【第1435期】国际化 - 通用 LTR/RTL 布局解决方案](https://mp.weixin.qq.com/s/T2Zdmhknyo14EPkANSaU8g) 90 | 91 | * [【第1434期】渔人和Rxjs的故事](https://mp.weixin.qq.com/s/yNHTkcJ6vIxfFX4YpozWgA) 92 | 93 | * [【第1433期】CSS3动画实战之多关键帧实现无限循环动效的时间间隔](https://mp.weixin.qq.com/s/zZv61y9nVnDHiOKDDTwOuw) 94 | 95 | * [【第1432期】megalo -- 网易考拉小程序解决方案](https://mp.weixin.qq.com/s/n5nUGdOO-JxkPsM7G7UCAQ) 96 | 97 | * [【第1431期】图解浏览器的基本工作原理](https://mp.weixin.qq.com/s/cb8VJOmAB1Yrv-ct4jJ3JQ) 98 | 99 | * [【第1430期】以面试官的角度来看 React 工作面试](https://mp.weixin.qq.com/s/64a9ODiT9uutJiYqxdAnJw) 100 | 101 | * [【第1429期】详解JavaScript中的this](https://mp.weixin.qq.com/s/Y9cs7pyQBI5NUyxPujZFWQ) 102 | 103 | * [【第1428期】React v16.7 "Hooks" - What to Expect](https://mp.weixin.qq.com/s/uGEEdSN1ehdn3wxNUiEYaQ) 104 | 105 | * [【第1427期】构建大型 Redux 应用的五个建议](https://mp.weixin.qq.com/s/1Znvnr3uoVsW9QoqSmJ34Q) 106 | 107 | * [【第1426期】代码优化策略 — Idle Until Urgent](https://mp.weixin.qq.com/s/N_4av_FOE4KBQiHXRI6_Tw) 108 | 109 | * [【第1425期】精读《12 个评估 JS 库你需要关心的事》](https://mp.weixin.qq.com/s/q6IEa-_7OZ0m58sg7qkSpQ) 110 | 111 | * [【第1424期】你听说过原生 HTML 组件吗？](https://mp.weixin.qq.com/s/L6JHBlKsTpkTMREZWUWQ8Q) 112 | 113 | * [【第1423期】数据劫持 OR 数据代理](https://mp.weixin.qq.com/s/SPoxin9LYJ4Bp0goliEaUw) 114 | 115 | * [【第1422期】成为高级工程师后，职业生涯的下一步是什么](https://mp.weixin.qq.com/s/zTeFezA6CEVhseBvoniuzA) 116 | 117 | * [【第1421期】2018年如何写一个现代的JavaScript库](https://mp.weixin.qq.com/s/WEMAFqWneAmmsjwYWt_rTQ) 118 | 119 | * [【第1420期】JavaScript 响应式与 Proxy](https://mp.weixin.qq.com/s/GktsHoN3q12nz8c-QlfqgQ) 120 | 121 | * [【第1419期】JavaScript 计时器之旅](https://mp.weixin.qq.com/s/SbQLHbBZ8gM9c6uvd7eAbw) 122 | 123 | * [【第1418期】JavaScript 响应式原理的最佳解释](https://mp.weixin.qq.com/s/qeo3y8l3tGgVeA4oJbWc_g) 124 | 125 | * [【第1417期】浅析 React / Vue 跨端渲染原理与实现](https://mp.weixin.qq.com/s/WXfTjb3w51yvM3U50Y_AEg) 126 | 127 | * [【第1416期】CSS实现水平垂直居中的1010种方式](https://mp.weixin.qq.com/s/dtHn6WU-Q9kkArWD8YfvCQ) 128 | 129 | * [【第1415期】五个小技巧让你写出更好的 JavaScript 条件语句](https://mp.weixin.qq.com/s/V4fTknn11pUENn0MEMzObA) 130 | 131 | * [【第1414期】缓存 React 事件监听器来提高性能](https://mp.weixin.qq.com/s/TzrWOgMWbbw5N6Bf8XHQ2g) 132 | 133 | * [【第1413期】 我如何零基础转行成为一个自信的前端](https://mp.weixin.qq.com/s/-6whTMkI_cIAKFXiXWPTog) 134 | 135 | * [【第1412期】React Native vs. Cordova、PhoneGap、Ionic，等等](https://mp.weixin.qq.com/s/hbwU91bfPLknpZfIBEWeNQ) 136 | 137 | * [【第1411期】Airbnb 爱彼迎房源详情页中的 React 性能优化](https://mp.weixin.qq.com/s/OMvNKq1P5cDCzzqpmGpOjw) 138 | 139 | * [【第1410期】尤雨溪：Vue 3.0 计划](https://mp.weixin.qq.com/s/WAeDvcX7X7t0zbCk4PoCqA) 140 | 141 | * [【第1409期】 React之深入理解 Props 和 State](https://mp.weixin.qq.com/s/BO-ENlbvah2H-__QXwUvYw) 142 | 143 | * [【第1408期】浅谈 Vue 中 computed 实现原理](https://mp.weixin.qq.com/s/igkif-J_BHd1q5mZ7TewCw) 144 | 145 | * [【第1407期】盘点 React 16.0 ~ 16.5 主要更新及其应用](https://mp.weixin.qq.com/s/JPQvhLMpqQIl-GhWIxNtsA) 146 | 147 | * [【第1406期】携程国际BU酒店团队的大前端之路](https://mp.weixin.qq.com/s/Z3XLm4hPXoC8PcW1R78D8w) 148 | 149 | * [【第1405期】浏览器的 Event Loop](https://mp.weixin.qq.com/s/r9hJmsK9oprn5f1CbhAHNQ) 150 | 151 | * [【第1404期】使用小程序做交互的技巧](https://mp.weixin.qq.com/s/wukb02PaZfRXzhqHzfGMBQ) 152 | 153 | * [【第1403期】如何优雅地链式取值](https://mp.weixin.qq.com/s/cigjK2kLJzgRdRy1VwGhfQ) 154 | 155 | * [【第1402期】云开发初探 —— 更简便的小程序开发模式](https://mp.weixin.qq.com/s/JoWELCugqzLITDIDVX8G4w) 156 | 157 | * [【第1401期】React Fiber 架构学习](https://mp.weixin.qq.com/s/HQ3CKcJGHUf4BioqHalCqA) 158 | 159 | * [【第1400期】小程序的全栈开发新时代](https://mp.weixin.qq.com/s/UdLvAMDHUaBL9mIAZXqzQQ) 160 | 161 | * [【第1399期】美菜无线前端架构模型2018](https://mp.weixin.qq.com/s/2IjsJZY78FQcOdTI5JC7ow) 162 | 163 | * [【第1398期】一文读懂前端缓存](https://mp.weixin.qq.com/s/cUqkG3NETmJbglDXfSf0tg) 164 | 165 | * [【第1397期】如何在 JavaScript 中更好地使用数组](https://mp.weixin.qq.com/s/ZDArcoMYVM2fHqk8CuiMig) 166 | 167 | * [【第1396期】immer.js 简介及源码简析](https://mp.weixin.qq.com/s/GEKkesqFs86_nSWcem2tJg) 168 | 169 | * [【第1395期】深入 V8 引擎：“小整数”到底有多小？](https://mp.weixin.qq.com/s/KZNoswZrMqRMc6-ibeIN_A) 170 | 171 | * [【第1394期】JavaScript 2018 中即将迎来的新功能](https://mp.weixin.qq.com/s/pWpqgvy7Je79IiNWx_oMzQ) 172 | 173 | * [【第1393期】小程序多业务线融合【完整分包业务接入】](https://mp.weixin.qq.com/s/XwGZvJ5m5rErf9EOmWwmuQ) 174 | 175 | * [【第1392期】React从渲染原理到性能优化（二）-- 更新渲染](https://mp.weixin.qq.com/s/aM-SkTsQrgruuf5wy3xVmQ) 176 | 177 | * [【第1391期】前端数据扁平化与持久化](https://mp.weixin.qq.com/s/RoGsu9Tyq5aKdYvTS7zwIA) 178 | 179 | * [【第1390期】React Native: 回顾 Udacity 移动工程团队的使用历程](https://mp.weixin.qq.com/s/GL67ld37lPg4H3L_6nU0fg) 180 | 181 | * [【第1389期】一起探讨 JavaScript 的对象](https://mp.weixin.qq.com/s/LUNudI_3UpR_5kS69OlIFg) 182 | 183 | * [【第1388期】snabbdom 源码阅读分析](https://mp.weixin.qq.com/s/IYxMkYll1OJ104Rzj_wDMQ) 184 | 185 | * [【第1387期】带你了解什么是工程师和工程师的影响力](https://mp.weixin.qq.com/s/w1dg_V5nVbKbq_TfN933sw) 186 | 187 | * [【第1386期】React从渲染原理到性能优化（一）](https://mp.weixin.qq.com/s/izjTmtTk0EV4axs18srOEg) 188 | 189 | * [【第1385期】Vue高版本中一些新特性的使用](https://mp.weixin.qq.com/s/GSfHImANxbeZ8fw9hidJsg) 190 | 191 | * [【第1384期】Cat Chen谈前端职业生涯重要的几个阶段](https://mp.weixin.qq.com/s/7x8_CibR0JDb_plSCGTJoA) 192 | 193 | * [【第1383期】 微信小程序架构原理](https://mp.weixin.qq.com/s/o5MJHozQqCcwUl4yVgUGPA) 194 | 195 | * [【第1382期】悄悄掀起 WebAssembly 的神秘面纱](https://mp.weixin.qq.com/s/RByST3DbUTjJIz9AnyFZ8A) 196 | 197 | * [【第1381期】前端插拔式 SPA 应用架构实现方案](https://mp.weixin.qq.com/s/9Qjoqs_jitwZE_KbfEOucA) 198 | 199 | * [【第1380期】如何像程序员般思考 —— 蕴含在问题解决中的经验](https://mp.weixin.qq.com/s/HVmDVD7tDEsKQunCw86YEg) 200 | 201 | * [【第1379期】鸽子传信解释 HTTPS](https://mp.weixin.qq.com/s/T0e-Zu-SPK0g_ng8Or-APg) 202 | 203 | * [【第1378期】 一口(很长的)气了解 Babel](https://mp.weixin.qq.com/s/qetiJo47IyssYWAr455xHQ) 204 | 205 | * [【第1377期】为什么我们应该关注下 PWA?](https://mp.weixin.qq.com/s/wmra5Ms8RYuYmA8PIbkrWw) 206 | 207 | * [【第1376期】CSS自定义属性](https://mp.weixin.qq.com/s/8mk7fo2PIo8JXIaZWtL7aQ) 208 | 209 | * [【第1375期】JavaScript 引擎基础：原型优化](https://mp.weixin.qq.com/s/9VB3_M04qegMw8_mA7qYgw) 210 | 211 | * [【第1374期】CSS小发明 :in-viewport](https://mp.weixin.qq.com/s/Y21SEjIwDEGgGpZ1mrPHnQ) 212 | 213 | * [【第1373期】无单位数字和行高](https://mp.weixin.qq.com/s/ilkmqnwVvPLjiVfEyNadHg) 214 | 215 | * [【第1372期】 CSS垂直居中技巧，我只会23个，你会几个？](https://mp.weixin.qq.com/s/CvLXXDV_0J-rF-85AWjgsw) 216 | 217 | * [【第1371期】Node.js 前端开发指南](https://mp.weixin.qq.com/s/4yXWhBuBqVRoQB3krVgNpA) 218 | 219 | * [【第1370期】 验证码前端性能分析及优化实践](https://mp.weixin.qq.com/s/e7KSy2uedXchGwNDpbGHOw) 220 | 221 | * [【第1369期】简单聊聊 GZIP 的压缩原理与日常应用](https://mp.weixin.qq.com/s/y43K5OL_9zdGDPd0yvHD7A) 222 | 223 | * [【第1368期】视口相关单位的应用](https://mp.weixin.qq.com/s/ZLeTRaEP4zrjnZRvk5EESA) 224 | 225 | * [【第1367期】原来浏览器原生支持JS Base64编码解码](https://mp.weixin.qq.com/s/9kiznx6FkqtStaAFgKATIw) 226 | 227 | * [【第1366期】如何精确统计页面停留时长](https://mp.weixin.qq.com/s/mnjbc5eeGtwTxdrm73rBrw) 228 | 229 | * [【第1365期】漫谈前端性能，突破React应用瓶颈](https://mp.weixin.qq.com/s/tCLvRad-WrnFKJiStU7BKw) 230 | 231 | * [【第1364期】Webpack之treeShaking](https://mp.weixin.qq.com/s/Ue0kNOMQS7mH-2-9BhYk8Q) 232 | 233 | * [【第1363期】 用JS写一个同Excel表现的智能填充算法](https://mp.weixin.qq.com/s/sKQ7eU95NOyBTn-2ZXha4w) 234 | 235 | * [【第1362期】微信小程序30分钟从陌生到熟悉（上）](https://mp.weixin.qq.com/s/t8HH4BgWNZ10gbFpAiv_1A) 236 | 237 | * [【第1362期】微信小程序30分钟从陌生到熟悉（下）](https://mp.weixin.qq.com/s/gy2xrKy9QJJtRiOy_6i6iA) 238 | 239 | * [【第1361期】如何更愉快地使用rem](https://mp.weixin.qq.com/s/vaCoNS3UsSeiSpYlbiUtFg) 240 | 241 | * [【第1360期】初学者应该了解的数据结构： Tree](https://mp.weixin.qq.com/s/dKYlKuD2wrMAK-bRBHHASg) 242 | 243 | * [【第1359期】JavaScript核心概念：类型转换](https://mp.weixin.qq.com/s/8XzNE0VfkgbqVg9_Ro4GBQ) 244 | 245 | * [【第1358期】如何直观的在JavaScript中管理状态](https://mp.weixin.qq.com/s/cFeo_zEtva893Q9O-i2K4w) 246 | 247 | * [【第1357期】狙杀页面卡顿 —— PERFORMANCE 指南](https://mp.weixin.qq.com/s/14Eq-8lAyVUhdFMvpD0wdw) 248 | 249 | * [【第1356期】如何更愉快地使用em](https://mp.weixin.qq.com/s/Yczyla8Key-oJ3QqpAt0BA) 250 | 251 | * [【第1355期】组件、Prop 和 State](https://mp.weixin.qq.com/s/cnqrhVVW7mjJaUhSLJyaoA) 252 | 253 | * [【第1354期】精读 The Cost of JavaScript](https://mp.weixin.qq.com/s/M7m-eAXtssct2B7nh19S0g) 254 | 255 | * [【第1353期】用户体验法则](https://mp.weixin.qq.com/s/mGjtX1frBiHQoCGVNpDE9g) 256 | 257 | * [【第1352期】map和reduce，处理数据结构的利器](https://mp.weixin.qq.com/s/QEwb3hL0k95bOC1OPfENwQ) 258 | 259 | * [【第1351期】JavaScript 中的私有变量](https://mp.weixin.qq.com/s/n3sBxtE66MF_SWj9MvAikw) 260 | 261 | * [【第1350期】2018年值得关注的10大JavaScript动画库](https://mp.weixin.qq.com/s/MYDiXVd5rgSPJvKoaFEiBg) 262 | 263 | * [【第1349期】谈谈JS数组中的indexOf方法](https://mp.weixin.qq.com/s/0_0nRVhsnQGU9wgb2Dap-Q) 264 | 265 | * [【第1348期】理解伪元素:before和:after](https://mp.weixin.qq.com/s/TntqjAaUEwdnC7WJvjQlXg) 266 | 267 | * [【第1347期】15分钟成为 GIT 专家](https://mp.weixin.qq.com/s/VMSwJIuk1BbcZerVopUWhQ) 268 | 269 | * [【第1346期】如何更好的编写CSS](https://mp.weixin.qq.com/s/leniuG9xBpad3bVTXq-23w) 270 | 271 | * [【第1345期】解析 GraphQL 的查询语法](https://mp.weixin.qq.com/s/nim-KSqO3n2d2qwbTHKBJA) 272 | 273 | * [【第1344期】如何设计提示文字](https://mp.weixin.qq.com/s/WUcO54P31GHYZYVVpBWtSw) 274 | 275 | * [【第1343期】GraphQL 在微服务架构中的实践](https://mp.weixin.qq.com/s/sU8PPwFhM0IcVBB2GJF8Kw) 276 | 277 | * [【第1342期】图解 React Native](https://mp.weixin.qq.com/s/43rmSasjJD-mCnOYEN_v1A) 278 | 279 | * [【第1341期】React组件模式](https://mp.weixin.qq.com/s/WRAv9Tjw__3KUWt4glg9ng) 280 | 281 | * [【第1340期】希望是最浅显易懂的RxJS教程](https://mp.weixin.qq.com/s/6RRK4Gb__cvCwg6CjykFrQ) 282 | 283 | * [【第1339期】如何不择手段提升scroll事件的性能](https://mp.weixin.qq.com/s/ggVkc9iWLgeLGS1ZiJb8Dw) 284 | 285 | * [【第1338期】利用StoryBook开发UI组件管理](https://mp.weixin.qq.com/s/Yjci-hw_UC7E6ghESp8c4g) 286 | 287 | * [【第1337期】JavaScript 是如何工作的：用 MutationObserver 追踪 DOM 的变化](https://mp.weixin.qq.com/s/qeWkKsxH8eyqKlCZDeGUwA) 288 | 289 | * [【第1336期】Airbnb 中的 React Native：技术部分](https://mp.weixin.qq.com/s/pHH9OToiYC90M18rS-fBFg) 290 | 291 | * [【第1335期】这个控件叫：Skeleton Screen/加载占位图](https://mp.weixin.qq.com/s/qmyn6mGrO6hRKuvKUSF8lA) 292 | 293 | * [【第1334期】组件开发的单元素模式](https://mp.weixin.qq.com/s/0ehjOhqkD3VHevVGU5-XOg) 294 | 295 | * [【第1333期】图解 React](https://mp.weixin.qq.com/s/KQYah-AskGTa_5zyNLm3Jw) 296 | 297 | * [【第1332期】移动端跨平台开发的深度解析](https://mp.weixin.qq.com/s/mRMOPx6ykghrbkrgkKVQiw) 298 | 299 | * [【第1331期】初学者应该如何开启自己的编程生涯？](https://mp.weixin.qq.com/s/ttcWBmULVoHF2dBtyYDnUA) 300 | 301 | * [【第1330期】洞察 video 超能力系列——玩转 mp4](https://mp.weixin.qq.com/s/gl1LR9Ps4Dr86uIBWXChAw) 302 | 303 | * [【第1329期】从设计师的角度看 Redux](https://mp.weixin.qq.com/s/PlOdvq3Xe4Heo8Xxf2gEfg) 304 | 305 | * [【第1328期】八幅漫画理解使用JSON Web Token设计单点登录系统](https://mp.weixin.qq.com/s/7Ze6P77X4iFCUEz9LQHxrQ) 306 | 307 | * [【第1327期】如何找到一份好的前端开发工作](https://mp.weixin.qq.com/s/hdzdjx6ek2_pAVL10f3q_Q) 308 | 309 | * [【第1326期】WebView缓存原理分析和应用](https://mp.weixin.qq.com/s/q-4NzWJLimPSK9oaXOWUlA) 310 | 311 | * [【第1325期】以开发的视角做设计](https://mp.weixin.qq.com/s/TFm7SALJDnyXDt_QMxx0wQ) 312 | 313 | * [【第1324期】如何像个程序员一样思考](https://mp.weixin.qq.com/s/hI2Z3NVL6Ey0TA8DwWGIsQ) 314 | 315 | * [【第1323期】揭开JS无埋点技术的神秘面纱](https://mp.weixin.qq.com/s/pGP5Oohcban0P1GAzPlAgg) 316 | 317 | * [【第1322期】Vue CLI 3 配置中 Modern mode 是什么](https://mp.weixin.qq.com/s/pzAK6Rxe8iHnWimQw2W5tg) 318 | 319 | * [【第1321期】SVG滤镜对图片调色](https://mp.weixin.qq.com/s/wAF7YHtYNsSbQOzI5PZeFw) 320 | 321 | * [【第1320期】你不知道的前端SDK开发技巧](https://mp.weixin.qq.com/s/i_Zxaie1xMALymQ-1Jqz_Q) 322 | 323 | * [【第1319期】deno深入揭秘及未来展望](https://mp.weixin.qq.com/s/4p0rJhuCYavgif5JAqiNKA) 324 | 325 | * [【第1318期】深入浅出 JavaScript 关键词 -- this](https://mp.weixin.qq.com/s/6nrYnPgiOMbheGPNUlbOVA) 326 | 327 | * [【第1317期】在 web 上使用 JavaScript 模块](https://mp.weixin.qq.com/s/TbJqGUgol26lGCDjeGvY3g) 328 | 329 | * [【第1316期】大前端时代前端监控的最佳实践](https://mp.weixin.qq.com/s/YiKRY_LDURY0uONtEhkUfg) 330 | 331 | * [【第1315期】GraphQL 基于 SPA 架构的工程实践](https://mp.weixin.qq.com/s/etnLUbok8BUZBAMr3bKWGg) 332 | 333 | * [【第1314期】JavaScript 引擎基础：Shapes 和 Inline Caches](https://mp.weixin.qq.com/s/AWzJKF1bnPe1WFI3ti5cPA) 334 | 335 | * [【第1313期】一个Vue页面的内存泄露分析](https://mp.weixin.qq.com/s/9yTZ8Grt5wGXix7WFWrnhw) 336 | 337 | * [【第1312期】Node.js开发之父：十个Node.js的设计错误以及其终极解决办法](https://mp.weixin.qq.com/s/F-GJjNwlCfQE0rJ_QySFsg) 338 | 339 | * [【第1311期】浅析前端安全之 XSS](https://mp.weixin.qq.com/s/c_QTdLu6vsYcIiuPRZyjyA) 340 | 341 | * [【第1310期】ES2018（ES9）的新特性](https://mp.weixin.qq.com/s/DrTb9KSxTE7jt5kY16GZwQ) 342 | 343 | * [【第1309期】nuxt缓存实践](https://mp.weixin.qq.com/s/OYBmHibwPI_ODJ3UkJj4WQ) 344 | 345 | * [【第1308期】语义化版本控制规范（SemVer）](https://mp.weixin.qq.com/s/a0SeJx7mzJA5nQiOQl3ivw) 346 | 347 | * [【第1307期】理解TCP/IP三次握手与四次挥手的正确姿势](https://mp.weixin.qq.com/s/-rKyKRy7gMYTWmCLKRhNmQ) 348 | 349 | * [【第1306期】GraphQL 聚合层解放前后端](https://mp.weixin.qq.com/s/kjrMnj9A404RjYtynBqxLw) 350 | 351 | * [【第1305期】Hubble 见证 Vue 与 React 突破 10 万 GitHub Stars!](https://mp.weixin.qq.com/s/Ya8qH__XYsQAAzuNzzsyfQ) 352 | 353 | * [【第1304期】聊一聊Redux的前身Flux](https://mp.weixin.qq.com/s/HLg3SrzJYBp9PcXnmU3XZQ) 354 | 355 | * [【第1303期】webpack4初探](https://mp.weixin.qq.com/s/ScQdoysvLq8Pbc04LJII9w) 356 | 357 | * [【第1302期】基于 MobX 构建视图框架无关的数据层-与 Vue 的结合](https://mp.weixin.qq.com/s/Or-aacPjEYfXnwg3g2VfEg) 358 | 359 | * [【第1301期】如何阅读大型前端开源项目的源码](https://mp.weixin.qq.com/s/HPlnsBYyrulFczGeNxVyCw) 360 | 361 | * [【第1300期】多端统一开发框架 - Taro](https://mp.weixin.qq.com/s/V7vJhQx4pyxX22eLbGHkGw) 362 | 363 | * [【第1299期】浅谈混合应用的演进](https://mp.weixin.qq.com/s/Ui5TKoBWteDORx5CEswx5w) 364 | 365 | * [【第1298期】宋小菜生鲜 B2B 的前端团队搭建](https://mp.weixin.qq.com/s/kl107B5j6VDIkNr_IdHu-Q) 366 | 367 | * [【第1297期】HTTPS 的故事](https://mp.weixin.qq.com/s/GanPiEkJFJqURZ7HNUMXSQ) 368 | 369 | * [【第1296期】由一个bug找到JS挖矿代码](https://mp.weixin.qq.com/s/fLGaVR-F8hFtZmHMFaNB4A) 370 | 371 | * [【第1295期】浅谈 instanceof 和 typeof 的实现原理](https://mp.weixin.qq.com/s/dw5D6wpOKJTlc_mNKjAPdQ) 372 | 373 | * [【第1294期】JS Linter 进化史](https://mp.weixin.qq.com/s/juB6QotmECtHHh2e3vRgoQ) 374 | 375 | * [【第1293期】浏览器之美，你知道多少？](https://mp.weixin.qq.com/s/8NtfuoVFBp1LszXjVMB_Zw) 376 | 377 | * [【第1292期】GitHub 的用法与礼仪](https://mp.weixin.qq.com/s/AWSXyRihRHJb_CYXSOUnpw) 378 | 379 | * [【第1291期】Puppeteer入门简介](https://mp.weixin.qq.com/s/sM1xf50g2Gg7n2t8GQh6pw) 380 | 381 | * [【第1290期】 一个安卓设备管理操作平台-STF](https://mp.weixin.qq.com/s/nIWgfVqsDmmaSGQ-cz__sQ) 382 | 383 | * [【第1289期】W3C工作备忘 -- 布局](https://mp.weixin.qq.com/s/SyUk9rGh-wSGP8pHr9FlJg) 384 | 385 | * [【第1287期】深入浅出 SVG](https://mp.weixin.qq.com/s/_5i6ec3WvyXLLNEPTfd4qg) 386 | 387 | * [【第1286期】滑向未来：现代 JavaScript 与 CSS 滚动实现指南](https://mp.weixin.qq.com/s/tG56t5pd1Kw_O2NBXGAk6Q) 388 | 389 | * [【第1285期】我知道的HTTP请求](https://mp.weixin.qq.com/s/XaiFrB4h3Y-upEoFZo2Jdg) 390 | 391 | * [【第1284期】大学没学过数学也要理解 CSS3 transform 中的 matrix](https://mp.weixin.qq.com/s/UYHT-EwbUOg1mGCI6bTgpA) 392 | 393 | * [【第1283期】从0开始发布一个无依赖、高质量的npm](https://mp.weixin.qq.com/s/aKwEF0ES1ldH5e0jgvh6qA) 394 | 395 | * [【第1282期】页面可视化搭建工具前生今世](https://mp.weixin.qq.com/s/pcUbnYyVHSebOelDlHA27g) 396 | 397 | * [【第1281期】React 16 加载性能优化指南](https://mp.weixin.qq.com/s/KxJttCVuCoIrm9RAjRBrdg) 398 | 399 | * [【第1280期】如何利用 Chrome 浏览器实现滚动截屏](https://mp.weixin.qq.com/s/dZcewK7dIAUbYBLEwCFcmg) 400 | 401 | * [【第1279期】无尽滚动的复杂度](https://mp.weixin.qq.com/s/xplXqYsHC4aRzAR45tSdkA) 402 | 403 | * [【第1278期】上课啦！了解下 DDoS攻击方式](https://mp.weixin.qq.com/s/gVLXJO0IXol4q_ademXMWg) 404 | 405 | * [【第1277期】Google I/O 2018 —— Web 系列参会笔记](https://mp.weixin.qq.com/s/iVM3nhb0p7FdvsfYMrk7cQ) 406 | 407 | * [【第1276期】JSON Schema 那些事儿：基本概念](https://mp.weixin.qq.com/s/Q7YfodO8l4FyawH7dQuOcA) 408 | 409 | * [【第1275期】基于node.js平台的脚手架开发经历](https://mp.weixin.qq.com/s/MvP3GelJzbnY6ct-5u9bZA) 410 | 411 | * [【第1274期】ES6之路之模块详解](https://mp.weixin.qq.com/s/2ViqE4U5beZcKgIHVimuqg) 412 | 413 | * [【第1273期】React性能优化-虚拟Dom原理浅析](https://mp.weixin.qq.com/s/nOlWqF7m1b4jGL-sKIB-dg) 414 | 415 | * [【第1272期】从零开始搭建脚手架](https://mp.weixin.qq.com/s/m8atIJzGEGnOV_utpijG2g) 416 | 417 | * [【第1271期】Webpack4+ 多入口程序构建](https://mp.weixin.qq.com/s/dc0iQX1M2SdmdyUGT9qzMA) 418 | 419 | * [【第1270期】老树发新芽—使用 mobx 加速你的 AngularJS 应用](https://mp.weixin.qq.com/s/uaT76CkguNj0rxqRxxRpOA) 420 | 421 | * [【第1269期】基于React实战分享WeatherApp](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228617&idx=1&sn=3e6cbc550e2c8fd5aaf82a3a1f5941d0) 422 | 423 | * [【第1268期】字蛛+发布！支持动态渲染、远程多页面字体压缩](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228572&idx=1&sn=083cf3e657d7a45351645515f38ad4e8) 424 | 425 | * [【第1267期】基于Docker+Consul+Registrator+Nodejs实现服务治理（二）](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228568&idx=1&sn=24421209ed6d359f4d416737d19934ae) 426 | 427 | * [【第1266期】基于Docker+Consul+Registrator+Nodejs实现服务治理（一）](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228562&idx=2&sn=83d70d4f484f04ba05eec0fc9b3c80f7) 428 | 429 | * [【第1265期】那些前端MVVM框架是如何诞生的](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228541&idx=1&sn=50d27f19e54af34eef7d8820f0fa269e) 430 | 431 | * [【第1264期】UX专家如何做设计评审](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228538&idx=1&sn=27b7c8d5d2619652f0ec130b6abbe919) 432 | 433 | * [【第1263期】我当初为什么写webpack](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228535&idx=1&sn=06d7aba782e719c2db719f749d13962a) 434 | 435 | * [【第1262期】Jenkins打造强大的前端自动化工作流](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228532&idx=2&sn=877a6736c0f5363b605ad09a891c70cb) 436 | 437 | * [【第1261期】那些好玩却尚未被 ECMAScript 2017 采纳的提案](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228528&idx=1&sn=7902da53fa7e98d6c32d61663a73e239) 438 | 439 | * [【第1260期】图说 ES Modules](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228520&idx=1&sn=f93473a6f06a7a10e268c10a3c7524a9) 440 | 441 | * [【第1259期】Nerv实战 - 京东首页改版小结](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228484&idx=1&sn=d6f2801125e1743d803d3ec365facb66) 442 | 443 | * [【第1258期】从JS垃圾回收机制和词源来透视闭包](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228474&idx=1&sn=031ea46ca182f2dacf8f65cc30c6566b) 444 | 445 | * [【第1257期】YAML 语言教程](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228457&idx=2&sn=eb3c0308ca99d0bf60c682c44c00d258) 446 | 447 | * [【第1256期】JavaScript反调试技巧](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228450&idx=1&sn=ed4c0323bddaf3ad91c8a8e429bccf6e) 448 | 449 | * [【第1255期】超大型 JavaScript 应用的设计哲学](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228442&idx=1&sn=0b7e053a66a144adf7c544fd5b4dd902) 450 | 451 | * [【第1254期】用CSS Houdini画一片星空](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228436&idx=1&sn=a92a814cff43ed348d740dad6cd98774) 452 | 453 | * [【第1253期】柯里化函数应用](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228431&idx=1&sn=c9d62a30a52f4572cc0cb4aaf2a82ef3) 454 | 455 | * [【第1252期】Webpack基本架构浅析](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228430&idx=1&sn=eb1a928d5b850fb4686b3c07be10b7b4) 456 | 457 | * [【第1251期】玩转HTML5 Video视频WebVTT字幕使用样式与制作](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228412&idx=2&sn=e67d7cab6813c26a27bb63d5469b185d) 458 | 459 | * [【第1250期】彻底理解浏览器的缓存机制](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228395&idx=1&sn=dcf7e3bd518f1e189ce17eaed94c27bb) 460 | 461 | * [【第1249期】使用 CSS 来做素数的判定与筛选](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228362&idx=1&sn=f7eaeacf14fbab1affef8019109697a0) 462 | 463 | * [【第1248期】ECMAScript 2016, 2017, 和2018中新增功能](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228360&idx=1&sn=102813361f273388bc5e7acbb82711f6) 464 | 465 | * [【第1247期】使用圆锥渐变和CSS变量创建一个Range Input控制的环形图](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228354&idx=1&sn=1b2e751dcbefbd674319b5055651c80b) 466 | 467 | * [【第1246期】设计师与工程师协作的 5 项准则](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228353&idx=1&sn=0e26b3be7314331d0ed2174d358c7f54) 468 | 469 | * [【第1245期】前端调试清单之优化网络资源](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228321&idx=1&sn=799c6acadaf12afc4e47416cf9d120ef) 470 | 471 | * [【第1244期】详解Object.create(null)](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228311&idx=2&sn=31af8092ec9cf08b701b4681c7a0f05f) 472 | 473 | * [【第1243期】一次掌握 JavaScript ES5 到 ES8 数组内容](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228287&idx=2&sn=d05fe886754a779812f06d08409df8ea) 474 | 475 | * [【第1242期】 开始使用新的 CSS Typed Object Model](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228283&idx=1&sn=71adfdccab8e92b5b6403e57b321944a) 476 | 477 | * [【第1241期】webpack4升级完全指南](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228270&idx=1&sn=48335524405d1a08946e63edfd2ba6ff) 478 | 479 | * [【第1240期】passive 事件监听](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228265&idx=2&sn=2789e445c1dead03d64216583dd3aac5) 480 | 481 | * [【第1239期】关于Google发布的JS代码规范，你需要了解什么？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228253&idx=1&sn=d01d35d69485b1e61f64bab76c795c3b) 482 | 483 | * [【第1238期】如何做一名有能力的专业人士](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228249&idx=1&sn=0095eb2a5207a8bfe6f18a4b6ae93684) 484 | 485 | * [【第1237期】Service workers：PWA背后的英雄](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228246&idx=1&sn=4e6ae387ac979772509ed1828afa32df) 486 | 487 | * [【第1236期】探索基于 WebGL 的动画与交互](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228242&idx=1&sn=711ec5867ec729fac1aba4e69e616d9a) 488 | 489 | * [【第1235期】动画：从 AE 到 Web](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228225&idx=1&sn=a4775a9f1fc2a348c36bc5ad0e71656d) 490 | 491 | * [【第1234期】前端布局基础概述](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228218&idx=1&sn=331089970ce00fb99754bc115c78c5d6) 492 | 493 | * [【第1233期】QQ会员活动运营平台演变和技术实践——高效活动运营](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228160&idx=1&sn=b0af9e9cebf4f4a5085539a11c5a7538) 494 | 495 | * [【第1232期】Excuse me？这个前端面试在搞事！](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228155&idx=1&sn=0269f3959d05c579076767ffaeb6cc21) 496 | 497 | * [【第1231期】热爱 JavaScript，但是讨厌 CSS ？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228154&idx=1&sn=881c96d22e4e5e8c53a58886064def55) 498 | 499 | * [【第1230期】从头实现一个koa框架](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228145&idx=1&sn=00067cb6c49abc241e41fa3b1cb005af) 500 | 501 | * [【第1229期】程序员如何在技术浪潮的更迭中保持较高的成长速度 ？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228137&idx=1&sn=9e07bb64d9f9b3d89c4ce234e3e3cdea) 502 | 503 | * [【第1228期】画一条0.5px的边](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228133&idx=1&sn=144fc8e194d362a3be77b300bf50acae) 504 | 505 | * [【第1227期】关于 CSS 变量，你需要了解的一切](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228130&idx=1&sn=c48f7e08b95d81004b42802046da706c) 506 | 507 | * [【第1226期】AMP项目实战分享](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228125&idx=1&sn=a9f50b57d37b51e684fb9ee8d8b5bdec) 508 | 509 | * [【第1225期】手拉手，用Vue开发动态刷新Echarts组件](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228121&idx=1&sn=a31e1a215ffdda13892f5adc28954d17) 510 | 511 | * [【第1224期】追根溯源：箭头函数的前世今生](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228120&idx=1&sn=b6657f8f177789bc7cbc7560310df920) 512 | 513 | * [【第1223期】最全最好用的动效落地方法、都帮你总结好了（下）](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228102&idx=1&sn=8f56701827e0226efc18b6bfb28d044d) 514 | 515 | * [【第1222期】十倍效能提升——Web 基础研发体系的建立](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228096&idx=1&sn=8c152a2d07d66e34616f6c2d6929e1e7) 516 | 517 | * [【第1221期】开始设计动画的九个步骤：为作品赋予生命力](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228093&idx=2&sn=81eb436c61117eee8814359e3a31ce07) 518 | 519 | * [【第1220期】关于 HTML 语义和前端架构](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228069&idx=1&sn=76f8e4194944d4ef40398bce0dbd9b32) 520 | 521 | * [【第1219期】从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228065&idx=2&sn=0db2e69aa9344d4b086e9d98301aebad) 522 | 523 | * [【第1218期】DNS：为什么很重要&是如何工作的](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228063&idx=1&sn=84e042300471fb32634baa32916244b0) 524 | 525 | * [【第1217期】用JavaScript写一个区块链](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228053&idx=1&sn=38e580fcf3d059120c4498cdaa4a20a0) 526 | 527 | * [【第1216期】最全最好用的动效落地方法、都帮你总结好了（上）](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228038&idx=1&sn=c42cf9cab1eb6672fde6c239e293d549) 528 | 529 | * [【第1215期】基于Webpack4使用懒加载分离打包React代码](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227998&idx=2&sn=78951a5cc7681f90d57fd72ef397a710) 530 | 531 | * [【第1214期】帆布指纹识别](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227985&idx=1&sn=2d2278de3a921d33d01561ba0ed062f3) 532 | 533 | * [【第1213期】优雅的提交你的 Git Commit Message](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227981&idx=1&sn=bde571dee8116dbc9daa75763b4fa9af) 534 | 535 | * [【第1212期】从平面设计师到前端工程师：五个月的转变历程](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227974&idx=1&sn=dd289bbf2b0aa2ee98abec203281e370) 536 | 537 | * [【第1211期】危险的 target="_blank" 与 “opener”](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227961&idx=1&sn=d4eb72b910281a18fc35581e0e39096f) 538 | 539 | * [【第1210期】前端开发、交互、视觉是怎么合作完成工作的](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227926&idx=1&sn=78e203ab8891048ceb42ce8aaf0c260f) 540 | 541 | * [【第1209期】关于 Promise 的 9 个提示](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227913&idx=1&sn=c2f7636b00f4e70736c7047f23bd309a) 542 | 543 | * [【第1208期】AngularJS 1.x平滑升级Angular实战](https://mp.weixin.qq.com/s/2H6x5a-sjUYngMgC0FdAsw) 544 | 545 | * [【第1207期】TypeScript 实践分享](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227891&idx=1&sn=0333eb02740b5fc719c8023bc3ede302) 546 | 547 | * [【第1206期】看清楚真正的 Webpack 插件](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227882&idx=1&sn=b48093351f3e52ec281c29ee9cb5d600) 548 | 549 | * [【第1205期】网络现状：性能提升指南](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227878&idx=1&sn=efba8a8f27eb0e34ece80bc305a0e02d) 550 | 551 | * [【第1204期】Julie Zhuo谈如何思考职业发展](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227874&idx=1&sn=11a6bc9753aa4f5b8c8ad6688157d05d) 552 | 553 | * [【第1203期】webpack 4 发布了！](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227873&idx=1&sn=c829c160e91ea6bce57d3673dfc8c111) 554 | 555 | * [【第1202期】手淘过年项目中采用到的前端技术](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227860&idx=1&sn=0cd17bc716a676b9904c465166087f28) 556 | 557 | * [【第1201期】Node 定时器详解](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227852&idx=1&sn=b14ad9643305ea75291804d1663747ff) 558 | 559 | * [【第1200期】React 是怎样炼成的](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227848&idx=1&sn=536dcf60dd2d9df86d4092bd4c2cef9e) 560 | 561 | * [【第1199期】10 种最常见的 Javascript 错误](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227829&idx=1&sn=b4ae3261e63665a7bc0c24fb5dc8fe99) 562 | 563 | * [【第1198期】JavaScript 中的私有变量](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227810&idx=1&sn=1f282b80e993b7b6eb11c5ce7aec2a0a) 564 | 565 | * [【第1197期】iOS 11.3 支持PWA了，然而……](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227807&idx=1&sn=279fb7923e9de22d7909fb36ae4964c4) 566 | 567 | * [【第1196期】原生JS数据绑定](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227803&idx=1&sn=aa90993cf4711f99f6f8203cf2fb4e6b) 568 | 569 | * [【第1195期】现代CSS进化史](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227799&idx=1&sn=0128323a196af43994a527499933b82f) 570 | 571 | * [【第1194期】手把手教你用 SVG 符号和 CSS 变量做出彩色图标](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227786&idx=1&sn=e15b331e7231e574a0c28efa8cdd76e4) 572 | 573 | * [【第1192期】记“编写babel插件”与“通过语法解析替换小程序路由表”的经历](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227780&idx=1&sn=81b4d9ca583f1ccc8c2d3e128535349b) 574 | 575 | * [【第1192期】假如测试说你的网站在iOS 10有问题](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227774&idx=1&sn=45c433a33557af12a9a79ecd6483f713) 576 | 577 | * [【第1191期】你所忽略的js隐式转换](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227769&idx=1&sn=617160e64d2be13169b1b8f4506d8801) 578 | 579 | * [【第1190期】完美升级 AngularJS 至 Angular](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227761&idx=1&sn=40c851adac033a5db45b2db743233be2) 580 | 581 | * [【第1189期】2018 前端性能优化清单之四](https://mp.weixin.qq.com/s/f-j2BB4fGpPsaJTQXzKSeA) 582 | 583 | * [【第1188期】2018 前端性能优化清单之三](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227748&idx=1&sn=852df25adac18b9f3b12db08cd9e3284) 584 | 585 | * [【第1187期】2018 前端性能优化清单之二](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227743&idx=1&sn=0df7fe2d9d39c07723cd2d12d6a40675) 586 | 587 | * [【第1186期】Webpack v4 beta 版本发布](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227739&idx=1&sn=207c38c25bfef24b76eb2011a5feb241) 588 | 589 | * [2018 前端性能优化清单之一](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227729&idx=1&sn=1e2578c24fd239716ef67b73d54c19db) 590 | 591 | * [【第1184期】滴滴后市场前端技术体系](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227724&idx=2&sn=5bde78da0f0368feb1012ae9485a7394) 592 | 593 | * [【第1183期】这些 CSS 命名规范，将省下你大把调试时间](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227719&idx=1&sn=b72d098aa0f55f63d273cbe3c006c92d) 594 | 595 | * [【第1181期】XSwitch - 一个解决本地开发请求转发的浏览器插件](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227701&idx=1&sn=01f3178dbc526a3aae6337093f9f4821) 596 | 597 | * [【第1180期】迎接新的 Dialog 元素](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227689&idx=1&sn=2468b86114f3e77c9d259e18c2ab9839) 598 | 599 | * [【第1179期】在微信、微博、QQ、Safari唤起App的解决方案](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227679&idx=1&sn=60348903ea5cfe9232e6618e2a6ed8be) 600 | 601 | * [【第1178期】WebSocket：5分钟从入门到精通](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227675&idx=1&sn=024b01082bef3b344edcca5f92bafb55) 602 | 603 | * [【第1177期】新的包名规则](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227672&idx=1&sn=d25bf9e91e75df1b1c89b86e66a2893f) 604 | 605 | * [【第1176期】前后端分离实践](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227663&idx=1&sn=b2cc7801d882526604e249632b6a6b4d) 606 | 607 | * [【第1175期】2017年 JavaScript 明星项目](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227662&idx=1&sn=21fd143330288f585585baccc8ee7c76) 608 | 609 | * [【第1174期】Crooked Style Sheets：只用CSS实现网页跟踪、分析](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227661&idx=1&sn=16997dba48e249aeba34cebbe1447ee3) 610 | 611 | * [【第1173期】npm 2017 JavaScript 框架报告之前端框架](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227651&idx=2&sn=b57166e0b58c2b69972aaa8dfbe60caa) 612 | 613 | * [【第1172期】HTML 5.2 有哪些新内容？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227645&idx=1&sn=64ebca98ff7b26b2fb4cf858b4154d26) 614 | 615 | * [【第1171期】npm 2017 JavaScript 框架报告之后端框架](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227644&idx=1&sn=db15a422311553ec1762a6be19cfb234) 616 | 617 | * [【第1170期】如何看待员工跳槽](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227611&idx=1&sn=f321f6acf71162f80423c055cb699a46) 618 | 619 | * [【第1169期】如何有效地做算法题](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227607&idx=1&sn=00f9adba3ebdb1f4e9e982148fbfc151) 620 | 621 | * [【第1168期】字符编码的故事](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227606&idx=1&sn=7d296c6779f32470737f56c8eeed394e) 622 | 623 | * [【第1167期】npm 2017 JavaScript 框架报告之 React 生态系统分析](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227605&idx=1&sn=2c0cfcfa7aa49a718430002ed1a85311) 624 | 625 | * [【第1166期】Ant Design 3.0 背后的故事（含演讲视频）](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227598&idx=1&sn=9b993810b1a884202c3c39000cca8308) 626 | 627 | * [【第1165期】H5动画：轨迹移动](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227581&idx=1&sn=51fa53c41b6c6bc6a5cdd742eefdd9aa) 628 | 629 | * [【第1164期】从前端技术到体验科技](https://mp.weixin.qq.com/s/cIM4KA-4EaT3wdxLuIpBBg) 630 | 631 | * [【第1163期】React 整洁代码最佳实践](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227571&idx=1&sn=b9c4088ea028e68d36f8145d88787b00) 632 | 633 | * [【第1162期】2018 要学习的优秀 JavaScript 库与知识](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227567&idx=2&sn=c6fa2baa428b7dc8295fb23699855b80) 634 | 635 | * [【第1161期】从Chrome源码看DNS解析过程](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227560&idx=1&sn=77b7feae31286f431a1bec3e843669d7) 636 | 637 | * [【第1160期】Ant Design 色板生成算法演进之路](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227557&idx=1&sn=830c8e02a41051924a3dc584656b3034 638 | ) 639 | 640 | * [【第1159期】CSS预加载Preload](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227553&idx=1&sn=1f4d729b93ab2a4a9450038af67ce0f0) 641 | 642 | * [【第1158期】哔哩哔哩的前端之路](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227549&idx=1&sn=2807e8582423a60ae8b321af39f860f8) 643 | 644 | * [【第1157期】PNG格式小图标的CSS任意颜色赋色技术](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227545&idx=2&sn=f88779f91ceab07ccbbf7e2fdcd69316) 645 | 646 | * [【第1156期】Chrome DevTools - 性能监控](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227541&idx=1&sn=9f3849e83ba2a3e9626983c3d2390a11) 647 | 648 | * [【第1155期】如何快速融入新团队？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227527&idx=1&sn=514367d931d53b6d4cd13f077568c099) 649 | 650 | * [【第1154期】2017 年 JavaScript 发展状况回顾](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227526&idx=1&sn=4e51533aa97ff681b6465d32947f2bab) 651 | 652 | * [【第1153期】设计师如何有效参与团队协作](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227517&idx=1&sn=856f50820039238e9698e78a8c76e842) 653 | 654 | * [【第1152期】2017 JavaScript 调查报告概述](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227516&idx=1&sn=ebe442939a5602521505d64de7702a20) 655 | 656 | * [【第1151期】技术的热门度曲线](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227509&idx=2&sn=ff74eb1377ae55304421c0c68af44f93) 657 | 658 | * [【第1150期】CSS工程化演进](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227502&idx=1&sn=b71dff2959dc02219d8171501d3004e4) 659 | 660 | * [【第1149期】WEB即时通信最佳实践](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227495&idx=1&sn=96ed2db1d5408db547a778903eba6efc) 661 | 662 | * [【第1148期】把前端监控做到极致](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227494&idx=1&sn=444001447adef73ae8066ddfd1a01ddc) 663 | 664 | * [【第1147期】webpack 为什么这么难用？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227486&idx=1&sn=f51896245be0d0325384a97fc353bd55) 665 | 666 | * [【第1146期】谈谈Javascript中的void操作符](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227481&idx=1&sn=285474582a69e879ed20ce61b067ea83) 667 | 668 | * [【第1145期】打造高可靠与高性能的React同构解决方案](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227479&idx=1&sn=3eb1501b3c3041fd9c7afdda0d180ead) 669 | 670 | * [【第1144期】2017前端技术发展回顾](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227472&idx=2&sn=c2bd881c28cdabdb7bdff0337eb0f5b0) 671 | 672 | * [【第1143期】优化移动端window.onscroll的执行频率方案](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227470&idx=1&sn=68c59d96df36c3fa9e9b2daa8e50b4c6) 673 | 674 | * [【第1142期】Git提交历史的修改删除合并等实践](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227464&idx=2&sn=18c04a0e67a601a9d6c0ae666bbba189) 675 | 676 | * [【第1141期】Weex在达人店的一年实践](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227463&idx=1&sn=4e039c6bce3a987faff10873b06004f0) 677 | 678 | * [【第1140期】如何让异步接口同时支持 callback 和 promise](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227446&idx=1&sn=9c64ed9cd93efa3a7232fd12b46e9d1a) 679 | 680 | * [【第1139期】基于Gitlab CI搭建持续集成环境](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227441&idx=1&sn=183035f3b15af8ddb071d7e081c4a485) 681 | 682 | * [【第1138期】import、require、export、module.exports 混合详解](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227435&idx=2&sn=3ebe8df545436c3ef2cd1443305a5a4e) 683 | 684 | * [【第1137期】软件工程师的职业建议](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227428&idx=1&sn=4bbde857fa7ac19fccba84385f648f27) 685 | 686 | * [【第1136期】零配置的 Web 应用打包工具 - Parcel](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227425&idx=1&sn=9d54f1e2e9954fc4d7104a6be9d94c2f) 687 | 688 | * [【第1135期】CSS简史](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227422&idx=1&sn=62f574bf62045f2214f11f42e011e68c) 689 | 690 | * [【第1134期】如何用人类的方式进行 Code Review （二）](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227419&idx=1&sn=67dffa9dfcfaba789e0b5a43c9410ffe) 691 | 692 | * [【第1133期】构建离线web应用二](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227416&idx=1&sn=d07c16e05589205a5d9ad22988c3c76e) 693 | 694 | * [【第1132期】如何用人类的方式进行 Code Review](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227410&idx=1&sn=403bfcc2cbfaa9a11e3f9b753059e75e) 695 | 696 | * [【第1131期】对于网络爬虫技术的攻与防](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227406&idx=1&sn=9360599bc59fa99650009c5e5feec141) 697 | 698 | * [【第1130期】JavaScript 的时间消耗](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227400&idx=1&sn=9c6fb2f13e788d0f6ffb662fe2198165) 699 | 700 | * [【第1129期】对vue.js单文件（.vue）进行单元测试](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227396&idx=1&sn=a493193d1e12148df7ecb54cb8a814a6) 701 | 702 | * [【第1128期】从北京回来的年轻人，该告诉你点什么？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227392&idx=1&sn=790fcc897f55f7638f7253fe3c8d5b6d) 703 | 704 | * [【第1127期】H5玩法知多少](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227391&idx=1&sn=59edb32e8146a1c277c2a91911d249cb) 705 | 706 | * [【第1126期】重新组织git本地提交](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227381&idx=1&sn=e16d9525319d8c36d06a4e395d205ef1) 707 | 708 | * [【第1125期】GraphQL 技术栈揭秘](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227371&idx=1&sn=276f20ad2116a806b4f8e610348cbb76) 709 | 710 | * [【第1124期】Vue.js 升级踩坑小记](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227366&idx=1&sn=201cdac9414694590d98689768685414) 711 | 712 | * [【第1123期】注释的艺术](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227359&idx=1&sn=978d006da2f238fd18c3168a9bc7dcfc) 713 | 714 | * [【第1122期】运动模式对应的心理预期](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227354&idx=1&sn=247baaa095c7823ec142b9a6e9c7d7bd) 715 | 716 | * [【第1121期】探究 CSS 解析原理](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227351&idx=1&sn=c3088d29e7b5267b5b50daab94e94632) 717 | 718 | * [【第1120期】iOS 开发是否要采用 React Native?](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227350&idx=1&sn=76b4ea43fb7589374776d97f50a8fb5a) 719 | 720 | * [【第1119期】Git的4个阶段的撤销更改](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227335&idx=1&sn=54bbf426f7b8358fddcb4a3901255eb3) 721 | 722 | * [【第1118期】2018校招面试经验分享](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227328&idx=1&sn=10905c6d63ddadb3690d61b2aff864b0) 723 | 724 | * [【第1117期】萌新也能懂的现代 JavaScript 开发](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227323&idx=2&sn=ec12be7a26e897ba838fb3f3e07bdc97) 725 | 726 | * [【第1116期】前端需要了解的 SSO 与 CAS 知识](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227318&idx=1&sn=6776c93e3a1431f446b18f87768a2792) 727 | 728 | * [【第1115期】Puppeteer: 更友好的 Headless Chrome Node API](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227315&idx=2&sn=370481aeaeaea5931efd9b65a02b6c75) 729 | 730 | * [【第1114期】打造高性能剪切动画](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227310&idx=1&sn=3f6a660bf59c4113791b26f2571aa5e3) 731 | 732 | * [【第1113期】Firefox Quantum、Google Chrome 63 Beta](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227306&idx=1&sn=b9d488f3a60183e74ad911f2f9887e7c) 733 | 734 | * [【第1112期】前端 Console 调试小技巧](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227302&idx=1&sn=895be76d6e20903166516331a96b4ff7) 735 | 736 | * [【第1111期】Subresource Integrity 介绍](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227297&idx=1&sn=b0f6ad5b75faa4748c69bd656eb5161a) 737 | 738 | * [【第1110期】SVG 路径动画简易指南](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227291&idx=2&sn=42ac69565896c68cec5ecedbef402ed9) 739 | 740 | * [【第1109期】JavaScript函数的多种写法](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227285&idx=1&sn=0afd4cbcb7be16f3b6dd0aa093746dfa) 741 | 742 | * [【第1108期】小白谈数据脱敏](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227281&idx=1&sn=8117eeaa843ca8ea525c1af615d9a7f0) 743 | 744 | * [【第1107期】iPhone X 适配 手Q H5页面通用解决方案](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227274&idx=1&sn=e06ba689991bf4be168e50e44994b035) 745 | 746 | * [【第1106期】Element 中的键盘可访问性](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227271&idx=1&sn=a3cd7ae5657af45e16426c78ea399d82) 747 | 748 | * [【第1105期】Preact：一个备胎的自我修养](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227265&idx=1&sn=c3878483a4d76baa8dd1985411ff4ddc) 749 | 750 | * [【第1104期】14 个你可能不知道的 JavaScript 调试技巧](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227260&idx=1&sn=7471c6326c41ab56d9653948ab5803a8) 751 | 752 | * [【第1103期】vue 自定义指令的魅力](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227257&idx=1&sn=be85c150f86d0e4918a5c9e5c246a192) 753 | 754 | * [【第1102期】编写扁平化的代码](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227254&idx=1&sn=d534cc317ab3ad034b632810f7351127) 755 | 756 | * [【第1101期】HTTPS中S带来的性能损失](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227249&idx=1&sn=614fa823162f65dd219546964bcbd3a3) 757 | 758 | * [【第1100期】经常加班，怎么兼顾个人能力提升？](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227242&idx=1&sn=4ef4590eb145ae4dc78639ea7be26829) 759 | 760 | 761 | 762 | 763 | 764 | 765 | 766 | 767 | 768 | 769 | 770 | 771 | 772 | 773 | -------------------------------------------------------------------------------- /收集的项目资源.md: -------------------------------------------------------------------------------- 1 | ## H5页面生成项目集合 2 | 3 | * [iShow](https://github.com/qiuyaofan/iShow) 4 | 5 | * [h5maker](https://github.com/zhengguorong/h5maker) 6 | 7 | * [基于UI组件的Vue可视化布局工具](https://github.com/jaweii/Vue-Layout) 8 | 9 | * [可视化编辑手机H5页面的单页应用WebApp](https://github.com/answershuto/H5) 10 | 11 | * [lazycoder](https://github.com/bison1994/lazycoder) 12 | 13 | * [百度H5](https://h5.bce.baidu.com/) 14 | 15 | * [h5ds: 一款基于WEB的 H5制作工具](https://github.com/h5ds/h5ds) 16 | 17 | ## 小程序项目 18 | 19 | * [mpvue美团外卖小程序](https://juejin.im/post/5b3027cce51d4558c65216a9)(项目地址: https://github.com/WsmDyj/mpvue) 20 | 21 | * [滴滴打车微信小程序](https://juejin.im/post/5b15ce94f265da6e29010554)(项目地址: https://github.com/WsmDyj/didi) 22 | 23 | * [天气应用微信小程序](https://juejin.im/post/5b39bbcc5188252ce018c745)(项目地址: https://github.com/myvin/quietweather) 24 | 25 | * [仿小米商城小程序](https://juejin.im/post/5b1cec3951882513e905998e)(项目地址: https://github.com/JoeWrights/wxapp-mi-mall) 26 | 27 | * [仿改青桔单车小程序](https://juejin.im/post/5b1a104a5188257d9f24c7f9)(项目地址: https://github.com/hx-dl/bicycle) 28 | 29 | ## Vue 项目 30 | 31 | * [仿美团外卖的全栈项目](https://juejin.im/post/5aca46e2f265da238c3af4ca)(项目地址: https://github.com/zwStar/vue-meituan) 32 | 33 | * [vue-zhihu-daily](https://github.com/cccyb/vue-zhihu-daily) 34 | 35 | * [网易云音乐播放器](https://github.com/IFmiss/vue-music) 36 | 37 | * [高仿小米商城（手机版）的Vue项目](https://github.com/beautifulBoys/vue-XiaoMi-Shop) 38 | 39 | * [iview-admin](https://github.com/iview/iview-admin) 40 | 41 | * [基于Vue+Vuex+iView的电子商城网站](https://github.com/PowerDos/Mall-Vue) 42 | 43 | ### vue ui 库(作为项目参考) 44 | 45 | * [一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库](https://github.com/luojilab/radon-ui) 46 | 47 | * [一些常用的vue响应式组件](https://github.com/MeituPhone/coo-vue) 48 | 49 | * [xmui](https://github.com/monw3c/xmui) 50 | 51 | * [VV-UI](https://github.com/VV-UI/VV-UI) 52 | 53 | ## 其他 54 | 55 | * [基于 webpack 打造的 Vue 组件开发工具](https://github.com/mengdu/vue-component-devtool) 56 | 57 | * [cropper 图片裁剪插件](https://github.com/fengyuanchen/cropper) 58 | 59 | * [平时学习练习的一些小Demo的仓库](https://github.com/xluos/demo) 60 | 61 | * [The HTML Presentation Framework](https://github.com/hakimel/reveal.js) 62 | -------------------------------------------------------------------------------- /知识锦集.md: -------------------------------------------------------------------------------- 1 | ## 技术文章 2 | 3 | #### 更早之前 4 | 5 | * [利用 javascript 实现富文本编辑器](http://eux.baidu.com/blog/fe/%E5%88%A9%E7%94%A8-javascript-%E5%AE%9E%E7%8E%B0%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8) 6 | 7 | * [JS正则表达式完整教程](https://juejin.im/post/5965943ff265da6c30653879) 8 | 9 | * [从0.1+0.2=0.30000000000000004再看JS中的Number类型](https://juejin.im/post/5a6fce10f265da3e261c3c71) 10 | 11 | * [前端跨域的整理](https://qiutc.me/post/cross-domain-collections.html) 12 | 13 | * [前端安全知识](https://juejin.im/post/59dc2b7a6fb9a0451869ae3a) 14 | 15 | * [从输入URL到页面加载的过程](https://zhuanlan.zhihu.com/p/34453198?group_id=957277540147056640) 16 | 17 | * [虚拟DOM介绍](https://www.jianshu.com/p/616999666920) 18 | 19 | * [React常见问题](http://imweb.io/topic/5aa54d6c16bc830d673d42ee) 20 | 21 | * [大公司里怎样开发和部署前端代码](https://github.com/fouber/blog/issues/6) 22 | 23 | * [饿了么的 PWA 升级实践](https://huangxuan.me/2017/07/12/upgrading-eleme-to-pwa/) 24 | 25 | * [为vue项目添加骨架屏](https://xiaoiver.github.io/coding/2017/07/30/%E4%B8%BAvue%E9%A1%B9%E7%9B%AE%E6%B7%BB%E5%8A%A0%E9%AA%A8%E6%9E%B6%E5%B1%8F.html) 26 | 27 | * [打通前后端全栈开发node+vue进阶](https://www.cnblogs.com/chengduxiaoc/p/7718768.html) 28 | 29 | * [vue+axios 前端实现登录拦截](https://www.cnblogs.com/guoxianglei/p/7084506.html) 30 | 31 | #### 201808 32 | 33 | * [开源库架构实战——从0到1搭建属于你自己的开源库](https://juejin.im/post/5b729909e51d45662434aef0) 34 | 35 | * [微前端的设计理念与实践初探](https://juejin.im/post/5b70514251882560f75dcc16) 36 | 37 | * [浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层](https://juejin.im/post/5b29c3bde51d45588d4d7110) 38 | 39 | * [js判断是否断网了](https://github.com/jaywcjlove/onlinenetwork) 40 | 41 | * [了解真实的『REM』手机屏幕适配](https://github.com/hbxeagle/rem) 42 | 43 | * [web截图工具](https://github.com/kejiacheng/kscreenshot) 44 | 45 | * [从青铜到王者10个css3伪类使用技巧和运用，了解一哈](https://juejin.im/post/5b6d0c5cf265da0f504a837f) 46 | 47 | #### 201809 48 | 49 | * [电商设计手册之用户体系](https://mp.weixin.qq.com/s/xMCIXn3ZnrQdhrXU4T7zSg) 50 | 51 | * [AST抽象语法树——最基础的javascript重点知识，99%的人根本不了解](https://segmentfault.com/a/1190000016231512) 52 | 53 | * [程序员职业生涯的6个阶段](https://zhuanlan.zhihu.com/p/43597829) 54 | 55 | * [2018你应该知道的Web性能信息采集指南](https://github.com/berwin/Blog/issues/25) 56 | 57 | * [2018年前端开发工作手册](https://www.zcfy.cc/article/introduction-front-end-developer-handbook-2018) 58 | 59 | * [前端知识要点记录](https://github.com/shiyuejs/knowledge) 60 | 61 | * [JavaScript引擎基础：优化原型](https://mathiasbynens.be/notes/prototypes) 62 | 63 | * [WePY - 小程序敏捷开发实践](https://juejin.im/post/5ba09fbc5188255c880ab4b0) 64 | 65 | * [美团外卖小程序的探索和实践](https://juejin.im/post/5ba1ba036fb9a05d3155056c) 66 | 67 | * [云开发初探 —— 更简便的小程序开发模式](https://juejin.im/post/5ba2fa43e51d450e5d0b0676) 68 | 69 | * [import、require、export、module.exports 混合使用详解](https://juejin.im/post/5a2e5f0851882575d42f5609) 70 | 71 | * [Houdini：CSS 领域最令人振奋的革新](http://top.css88.com/archives/854) 72 | 73 | * [网络无障碍建设指南](https://tao-wai.gitbooks.io/wai/content/) 74 | 75 | * [2018 Google 开发者大会记录](https://juejin.im/e/gdd) 76 | 77 | * [漫画告诉你什么是DDoS攻击？](https://mp.weixin.qq.com/s/L5i_wzE8HgpiyrbAlFCC_g) 78 | 79 | * [超全的 Vue 开源项目合集，签收一下](https://mp.weixin.qq.com/s/DEHla21cI04fRX1tnnB13Q) 80 | 81 | * [谈谈我是如何获得知乎的前端源码的](https://www.jianshu.com/p/529406a23447) 82 | 83 | * [Nginx与前端开发](https://juejin.im/post/5bacbd395188255c8d0fd4b2) 84 | 85 | * [未来的组件化标准 —— 浅尝Web Components](https://juejin.im/post/5badfc53f265da0af77527b8) 86 | 87 | * [关于VUE项目地图开发中大量点标记绘制一些总结](https://juejin.im/post/5b7cb5716fb9a01a143fd0f7) 88 | 89 | * [[译]JavaScript响应式的最佳解释](https://juejin.im/post/5bac7405f265da0af93b097e) 90 | 91 | #### 201810 92 | 93 | * [如何写一个现代的JavaScript库](https://juejin.im/post/5bbafd78f265da0ad947e6ba) 94 | 95 | * [优秀前端必知的话题：我们应该做些力所能及的优化](https://juejin.im/post/5bbc1b0c6fb9a05cf230140c) 96 | 97 | * [我如何零基础转行成为一个自信的前端](https://juejin.im/post/5bb9aed1e51d451a3f4c3923) 98 | 99 | * [利用视口单位实现适配布局](http://www.html5dw.com/post/4929) 100 | 101 | * [一种自动化生成骨架屏的方案](https://github.com/Jocs/jocs.github.io/issues/22) 102 | 103 | * [使用CSS自定义属性构建骨架屏](https://juejin.im/post/5bd07157f265da0ad221cd19) 104 | 105 | * [前端关于单点登录的知识](https://juejin.im/post/5b73c71fe51d45666016655a) 106 | 107 | * [精致化的微前端开发之旅](https://zhuanlan.zhihu.com/p/46284079) 108 | 109 | * [如何在Vue项目中使用vw实现移动端适配](https://www.w3cplus.com/mobile/vw-layout-in-vue.html) 110 | 111 | * [利用CSS改变图片颜色的100种方法！](https://mp.weixin.qq.com/s/_8vpfui02sW7DFG-1TXnsw) 112 | 113 | * [JavaScript原型与原型链](https://juejin.im/post/5bc755b15188255c89015f39) 114 | 115 | * [一个100行内的现代js路由](https://houxingyi.github.io/2017/10/10/2017-10-10-routes-in-100-line/) 116 | 117 | * [浏览器的工作原理：新式网络浏览器幕后揭秘](https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/) 118 | 119 | * [阿里巴巴集团开源软件巡礼](https://www.yuque.com/yuque/blog/1024) 120 | 121 | * [抓取网页生成 PDF](http://jartto.wang/2018/10/13/nodejs-pdf/) 122 | 123 | * [厌倦了写活动页？快来撸一个页面生成器吧！](https://juejin.im/post/5bd2f19051882526d14975d2) 124 | 125 | * [重磅！尤雨溪发布Vue 3.0开发路线](https://mp.weixin.qq.com/s/k6OhMNrpagtTmbhkW-tmZg) 126 | 127 | * [[译] 尤雨溪：Vue 3.0 计划](https://juejin.im/post/5bb719b9f265da0ab915dbdd) 128 | 129 | #### 201811 130 | 131 | * [前端如何高效的与后端协作开发](https://segmentfault.com/a/1190000016852780) 132 | 133 | * [前端异常监控解决方案研究](https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/) 134 | 135 | * [[译]浏览器工作原理探究](https://juejin.im/post/5bd96c5a5188257f96542cbf) 136 | 137 | * [JavaScript 完全手册（2018版）](http://www.css88.com/archives/9922) 138 | 139 | * [前端进阶系列-目录](https://hpoenixf.com/posts/25280/) 140 | 141 | * [JavaScript 复杂判断的更优雅写法](https://juejin.im/post/5bdfef86e51d453bf8051bf8) 142 | 143 | * [JavaScript 开发者 10 种必备 VS Code 扩展](https://www.css88.com/archives/10004) 144 | 145 | * [几种常见的CSS布局](https://juejin.im/post/5bbcd7ff5188255c80668028) 146 | 147 | * [前后端均适用的网络知识点大全](https://mp.weixin.qq.com/s/hOKfbgd-nRn2lboXMCiY8w) 148 | 149 | * [年终回顾，为你汇总一份「前端技术清单」](https://juejin.im/post/5bdfb387e51d452c8e0aa902) 150 | 151 | * [CSS 来实现多行文字截断](https://juejin.im/post/5be2dd8fe51d451bb447e0a5) 152 | 153 | * [实现一个可无限折叠的table](https://juejin.im/post/5be797456fb9a04a0378bb91) 154 | 155 | * [抛开 Vue、React、JQuery 这类第三方js，我们该怎么写代码？](https://mp.weixin.qq.com/s/B5Nl7vee9yWdcd_oxn0bXQ) 156 | 157 | * [用100行代码提升10倍的性能](https://juejin.im/post/5bec223f5188250c102116b5) 158 | 159 | * [2018年JavaScript生态圈调查报告出炉！](https://mp.weixin.qq.com/s/d_ORZMYZEglaYpukeSucDg) 160 | 161 | * [JavaScript 如日中天，2018趋势报告来啦！](https://juejin.im/post/5bf3c7a551882511a85283f2) 162 | 163 | * [【职经】从VUE CONF大会我所想到的](https://mp.weixin.qq.com/s/ViVe7HFeVrGeG2xTf-ZMpA) 164 | 165 | * [Vue.js作者尤雨溪为你分享：Vue 3.0 进展](https://mp.weixin.qq.com/s/W36opjFlnXMD0JJUSQbSlg) 166 | 167 | * [第二届Vue.js开发者大会](https://vue.w3ctech.com) 168 | 169 | #### 201812 170 | 171 | * [2019年如何打造自己的“前端品牌”](https://mp.weixin.qq.com/s/dpLx82wDzpp8mkXOeZPSyg) 172 | 173 | * [一道面试题引起的思考](https://juejin.im/post/5bf769e0518825773a2ebfe5) 174 | 175 | * [【手把手带你撸一个脚手架】系列](https://juejin.im/post/5bead1b25188251e1a1f4d34) 176 | 177 | * [一文读懂H5移动开发调试技巧](https://juejin.im/post/5c0e34dce51d453595324d1e) 178 | 179 | * [加快Vue项目的开发速度](https://juejin.im/post/5c106485e51d450e657571a6) 180 | 181 | ## 杂谈 182 | 183 | * [前端工程师的入门与进阶](https://shenbao.github.io/2017/04/22/justjavac-live/) 184 | 185 | * [程序员最佳学习方法](https://mp.weixin.qq.com/s/N3HV7eEeyyPZYZuTA_DbaQ) 186 | 187 | * [人工智能写前端](https://mp.weixin.qq.com/s/7utZtdK9yc-Krwcofe0csw) 188 | 189 | * [转行一周年](https://www.cnblogs.com/kidney/p/6624521.html) 190 | 191 | * [入行两周年](https://www.cnblogs.com/kidney/p/8722226.html) 192 | 193 | * [JS之父和JSON之父：JavaScript的下一站](https://mp.weixin.qq.com/s/dnNxaJTsBZtHkgIlM4RsVA) 194 | 195 | * [我们和优秀工程师的差距在哪儿](https://juejin.im/post/5adf3778518825672033b6cc) 196 | 197 | * [我所理解的前端](https://www.cnblogs.com/Smiled/p/8377188.html) 198 | 199 | * [如何阅读大型前端开源项目的源码](https://juejin.im/post/5afe3735518825426539afce) 200 | 201 | * [如何在疲劳的JS世界中持续学习](https://juejin.im/post/5ae97bd05188256719521ae0) 202 | 203 | * [浅谈如何学习JavaScript？](https://mp.weixin.qq.com/s/HaZdhoDlatDIoQbhrf1N0g) 204 | 205 | * [支援一波 《面试数十人有感》](https://juejin.im/post/5bd9d88ff265da397242c145) 206 | 207 | * [克军：如何成为一位优秀的前端工程师？](https://mp.weixin.qq.com/s/FEg9eZqDcHFo-tUmLr2xxg) 208 | 209 | ## Vue 组件库开发杂谈 210 | 211 | * [Vue 组件库实践和设计](https://juejin.im/post/598965bd5188256da941872c) 212 | 213 | * [漫谈Vue组件库开发](http://jdc.jd.com/archives/212167) 214 | 215 | * [再谈Vue组件库开发](http://jdc.jd.com/archives/212600) 216 | 217 | * [公司vue组件库开发心得](http://blog.johnsenzhou.com/2018/%E5%85%AC%E5%8F%B8vue%E7%BB%84%E4%BB%B6%E5%BA%93%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97) 218 | 219 | * [我写了一个面向源码阅读者的 UI 框架（基于 Vue）](https://juejin.im/post/5b7f81ece51d4538c210a0fc) -------------------------------------------------------------------------------- /面试资源.md: -------------------------------------------------------------------------------- 1 | ## 面试题相关 2 | 3 | * [前端面试考点多？看这几篇文章就够了](https://juejin.im/post/5aae076d6fb9a028cc6100a9) 4 | 5 | * [2018春招前端面试: 闯关记](https://juejin.im/post/5a998991f265da237f1dbdf9) 6 | 7 | * [记录面试中一些回答不够好的题](https://juejin.im/post/5a9b8417518825558251ce15) 8 | 9 | * [前端知识集锦](https://juejin.im/post/5a961d496fb9a06356314a36) 10 | 11 | * [收集的前端面试题和答案](https://github.com/qiu-deqing/FE-interview) 12 | 13 | * [前端开发面试题](https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers) 14 | 15 | * [前端面试题总结——综合问题](https://mp.weixin.qq.com/s?__biz=MzUzOTM0MTE4OQ==&mid=2247484010&idx=1&sn=552101d7c9476085e67aa88a5fea6850&chksm=fac8ba80cdbf33963a2cd40c5c597098d39a5566c23865550780a0df0b8c57eb6bf88c5b0fc3&scene=21#wechat_redirect) 16 | 17 | * [面试图谱](https://github.com/InterviewMap/CS-Interview-Knowledge-Map) 18 | 19 | * [记一次凉凉的小米面试](https://juejin.im/post/5b4d543ce51d4519610dea67) 20 | 21 | * [前端工作面试问题](https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Chinese) 22 | 23 | * [前端面试手册](https://github.com/yangshun/front-end-interview-handbook/blob/master/Translations/Chinese/README.md) 24 | 25 | * [前端基础面试题(JS部分)](https://zhuanlan.zhihu.com/p/28428367) 26 | 27 | * [新鲜出炉的8月前端面试题-2018](https://segmentfault.com/a/1190000015916686) 28 | 29 | * [Node.js 面试](https://github.com/ElemeFE/node-interview) 30 | 31 | * [一点感悟：当走完所有大厂的实习面试后](https://juejin.im/post/5b68f384f265da0fa00a3df0) 32 | 33 | * [总结了17年初到18年初百场前端面试的面试经验(含答案)](https://segmentfault.com/a/1190000015591521) 34 | 35 | * [前端面试&笔试&错题指南](https://github.com/forrany/Web-Project) 36 | 37 | * [技术面试需要掌握的基础知识整理(偏后端，可以了解下)](https://github.com/CyC2018/Interview-Notebook) 38 | 39 | * [前端面试常考问题整理](https://github.com/poetries/FE-Interview-Questions) 40 | 41 | * [记一次前端大厂面试](https://juejin.im/post/5b9770056fb9a05d2f3692ce) 42 | 43 | * [百度阿里网易大疆等大小厂前端校招面经](https://juejin.im/post/5bb470295188255c5e66f88f) 44 | 45 | * [19秋招面经](https://juejin.im/post/5b5193e6e51d4519133fa700) 46 | 47 | * [19秋招面经续](https://juejin.im/post/5b7432076fb9a009820daa37) 48 | 49 | * [2018阿里巴巴前端面试总结](https://blog.ihoey.com/posts/Interview/2018-02-28-alibaba-interview.html) 50 | 51 | * [大厂前端面试考什么? ](https://juejin.im/post/5ab70735f265da237a4cf9b1) 52 | 53 | * [2018大厂高级前端面试题汇总](https://mp.weixin.qq.com/s/T9vM95jj1GX3kaCOMCUGIw) 54 | 55 | * [前端常见面试题汇总](https://www.geekjc.com/ebook/detail/5ba5bcae7143880b09cb4d54/1537588096871) 56 | 57 | * [整理了近期阿里携程的面试题](https://mp.weixin.qq.com/s/7ZahpAT95MnWw-BC0FHyAQ) 58 | 59 | * [三年前端，面试思考（头条蚂蚁美团offer）](https://dwz.cn/TlJnk9AX) 60 | 61 | * [一年半经验，百度、有赞、阿里面试总结](https://juejin.im/post/5befeb5051882511a8527dbe) 62 | 63 | ## 简历相关 64 | 65 | * [切图仔面试宝典](https://github.com/Wscats/CV) 66 | 67 | * [程序员简历模板](https://github.com/geekcompany/ResumeSample) 68 | 69 | * [什么样的简历不会被丢进回收站](https://segmentfault.com/a/1190000016085001) 70 | 71 | ## 面试经验杂谈 72 | 73 | * [记一次“失利后”经过半年准备通过阿里社招的经历与感悟](https://github.com/Aaaaaaaty/blog/issues/39) 74 | 75 | * [SegmentFault 技术周刊 Vol.6 - 面试那些事儿](https://segmentfault.com/a/1190000006950447) 76 | 77 | * [关于面试的思考](https://segmentfault.com/a/1190000015720085) 78 | 79 | * [面试分享：一年经验初探阿里巴巴前端社招](https://github.com/jawil/blog/issues/22) 80 | 81 | * [16年毕业的前端er在杭州求职ing](https://juejin.im/post/5a64541bf265da3e2d338862) 82 | 83 | * [FEX 面试问题(面试官的角度)](https://github.com/fex-team/interview-questions) 84 | 85 | * [社会汪聊聊那些年的面试与笔试](https://juejin.im/post/5b9bb659e51d450e6e0398a8) 86 | 87 | * [七年切图仔如何面试大厂web前端？](https://juejin.im/post/5b984950f265da0afc2be3bf) 88 | 89 | * [如何轻松拿到淘宝前端 offer](https://juejin.im/post/5bbc54a2e51d450e5a7445b4) 90 | 91 | * [简历筛选经验总结](http://ijser.cn/2017-07-16-resume-selecting-experance/) 92 | 93 | * [如何在面试中介绍自己的项目经验](https://mp.weixin.qq.com/s/OiroQJ-73KjP-t6PYaVWCQ) 94 | 95 | * [以面试官的角度来看 React 工作面试](https://juejin.im/post/5bca74cfe51d450e9163351b) 96 | 97 | * [2018年底的前端跳槽潮中面试官希望看到什么亮点？](https://mp.weixin.qq.com/s/I1snrlV3ZWvFxSGsY6N19g) 98 | 99 | * [2019年前端面试都聊啥？一起来看看](https://juejin.im/post/5bf5610be51d452a1353b08d) 100 | 101 | 102 | ![面试经验谈](./assets/Interview.png) 103 | --------------------------------------------------------------------------------