├── 2018[月报]汇总 └── 全部月报.md ├── 2019[月报]汇总 ├── [八月底九月初]浪里个浪、浪里个浪里个浪.md ├── [月报]一月上半月-新春犹一月，已觉日微长.md ├── [月报]一月下半月-岂敢定居，一月三捷.md ├── [月报]七月-不在山，不在岸，采我之时七月半.md ├── [月报]三月情 三月恋 三月醉把春之泉.md ├── [月报]九月-九月从今知几度, 试看镜里头如雪.md ├── [月报]二月-不知细叶谁裁出，二月春风似剪刀.md ├── [月报]五月-田家少闲月，五月人倍忙.md ├── [月报]八月-八月秋高风怒号，卷我屋上三重茅.md ├── [月报]六月-六月竹风寒，来处余香飘坐.md ├── [月报]十一月-边城十一月，雨雪乱霏霏。元戎号令严，人马亦轻肥.md ├── [月报]十二月-十二月北斗璇光射幽土，四气缘环若朝暮.md ├── [月报]十月-十月江南风信早，梅枝早閟先春.md └── [月报]四月-乡村四月闲人少，才了蚕桑又插田.md ├── LICENSE ├── PPT ├── Vue.js the Progressive Framework.pdf ├── ppt.md ├── 《初遇Vue2.0，得之它优雅》-放映格式.pps └── 《初遇Vue2.0，得之它优雅》.pptx ├── README.md ├── blog ├── 01-1.jpg ├── 01-2.jpg ├── 11-2.png ├── 11-3.png ├── 11-4.png ├── 11.01.png ├── 11.02.png ├── 12-01.png ├── 12-02.jpeg ├── 12-1.jpg ├── 12-3.jpg ├── 12-4.png ├── 2018.jpg ├── 2019.jpg ├── 2020.png ├── Vue-postman.png ├── bye-2019.png ├── esri-vue.png ├── file.md ├── lifecycle.png ├── logo.png ├── n123.gif ├── new-logo.png ├── nn666.gif ├── red-draft.md ├── timg.jpg ├── vue.js.hot.png └── xiaocuo.png ├── demo ├── README.md ├── demo1.html ├── demo2.html ├── demo3.html └── transition.html ├── docs ├── .nojekyll ├── README.md ├── img │ ├── 20170830103228.png │ ├── 20170830104628.png │ ├── 20170830104750.png │ ├── 20170830104826.png │ ├── 20170830104852.png │ ├── 20170830200257.png │ ├── 20170830200819.png │ ├── 20170830201342.png │ ├── 20170830201932.png │ ├── 20170830202248.png │ ├── 20170830202928.png │ ├── 20170830203016.png │ ├── 20170901085842.png │ ├── 20170901090522.png │ ├── 20170901090857.png │ ├── 20170901091338.png │ ├── authorimage.jpg │ ├── cssweekly.gif │ ├── how-1.png │ ├── how-2.jpeg │ ├── how-3.jpeg │ ├── how-4.jpeg │ └── nihai.png ├── index.html ├── others │ └── vue学习五部曲.md ├── package.json └── path │ ├── 10-javascript-concepts-you-need-to-know-for-interviews.md │ ├── 11-2.md │ ├── 19-3.md │ ├── 19-4.md │ ├── 19-5.md │ ├── 19-6.md │ ├── 2019-q4.md │ ├── 2020-1.md │ ├── 2020-2.md │ ├── 2020-3.md │ ├── 4ajaxforvue.md │ ├── 86-million-project-in-57-lines-of-code.md │ ├── Building-a-Maybe-in-JavaScript.md │ ├── JavaScript-good.md │ ├── Vue 2.5 is coming.md │ ├── Vuex+xstate.md │ ├── Web Development Top 10 Articles for The Past Month.md │ ├── _home.md │ ├── _sidebar.md │ ├── allweekly-cn.md │ ├── allweekly.md │ ├── js-summarize.md │ ├── music-fluctuate.md │ ├── vue-pixel-art.md │ ├── vuesite.md │ └── weekly.md ├── lib └── index.js └── package.json /2019[月报]汇总/[八月底九月初]浪里个浪、浪里个浪里个浪.md: -------------------------------------------------------------------------------- 1 | ### *`八月底九月初`： 浪里个浪、浪里个浪里个浪！* 2 | 3 | * [当你自己封装 Vue 组件库时会用到的知识点](https://www.jianshu.com/p/392726e51f3c) 4 | * [[vue源码][nextTick]原理以及源码解析](https://juejin.im/post/5d519abce51d453b753a1a9d) 5 | * [Vue原理解析（六）：全面深入理解响应式原理-对象篇](https://juejin.im/post/5d4ad8686fb9a06b2766b625) 6 | * [vue中created与mounted区别](https://segmentfault.com/a/1190000020058583) 7 | * [Vue 导航守卫(路由的生命周期)](https://juejin.im/post/5d529884f265da03a1484e56) 8 | * [Vue页面转Pdf实践](https://juejin.im/post/5d511620f265da03c23ec758) 9 | * [Vue CLI3搭建项目实战操作](https://juejin.im/post/5d5269ca6fb9a06ac76da6e2) 10 | * [Vue CLI 3.x 与 2.x的区别](https://juejin.im/post/5d4d2fc3f265da03c23ec246) 11 | * [使用 Jest 进行 Vue 单元测试](https://juejin.im/post/5d5155f2e51d4562132030e9) 12 | * [Vue异步组件探究](https://juejin.im/post/5d52c1bce51d4562043f56de) 13 | * [Vue：多角度剖析计算属性的运行机制 #219](https://juejin.im/post/5d538d27f265da03e3697803) 14 | * [Vue 项目性能优化 — 实践指南（网上最全 / 详细）](https://juejin.im/post/5d548b83f265da03ab42471d) 15 | * [你理解错误的Vue nextTick](https://juejin.im/post/5d5514606fb9a06af92b9ca4) 16 | * [Vue 3.0 RFC API 的实现](https://juejin.im/post/5d54eb45e51d4561c02a251f) 17 | * [Vue原理解析（七）：全面深入理解响应式原理(下)-数组篇](https://juejin.im/post/5d54133ce51d4561f777e197) 18 | * [基于 Laravel + Swoole + Vue 搭建实时在线聊天室（一）：环境准备篇](https://laravelacademy.org/post/19881.html) 19 | * [在Vue 使用 TinyMCE 编辑器](https://juejin.im/post/5d54c443e51d453bc64801c5) 20 | * [vue-cli +typescript+webpack4 项目搭建超详细步骤](https://juejin.im/post/5d5652446fb9a06afd66004b) 21 | * [基于Vuex从零实现自己的Vuez插件-getters(二)](https://juejin.im/post/5d563bcee51d456205410396) 22 | * [vue移动端h5适配解决方案（rem or vw）](https://juejin.im/post/5d54c80bf265da03ae786e9b) 23 | * [一文学会使用Vuex](https://juejin.im/post/5d5645e3f265da03c7219c8e) 24 | * [Vue之从零编写一个ContextMenu(右键菜单)插件](http://www.hongweipeng.com/index.php/archives/1859/) 25 | * [Vue双向数据绑定原理及实现](https://juejin.im/post/5d560340518825708f4abec9) 26 | * [VuePress从零开始](https://segmentfault.com/a/1190000020097643) 27 | * [vue使用slot分发内容与react使用prop分发内容](https://juejin.im/post/5d56b02ee51d4561df780591) 28 | * [Vue实战—购物车详情页面的实现（11）](https://segmentfault.com/a/1190000020104829) 29 | * [8 道高频出现的 Vue 面试题及答案](https://segmentfault.com/a/1190000020097187) 30 | * [非常规：VUE 实现特定场景的主题切换](https://mp.weixin.qq.com/s/N5WDcqusrHwj4igyyAlMBg) 31 | * [从一个日常bug看Vue的列表key及vnode更新策略](https://juejin.im/post/5d5561ebe51d456210163b86) 32 | * [使用 Vue 实现一个虚拟列表](https://juejin.im/post/5d58ecb751882554a13f8048) 33 | * [从零开始实现一个Vue级联组件](https://segmentfault.com/a/1190000020120998) 34 | * [Vue中keepalive的深入理解和使用](https://juejin.im/post/5d58cb36e51d4561da620140) 35 | * [Vue.js中最重要的角色-组件](https://juejin.im/post/5d5822d86fb9a06b326070dd) 36 | * [深度揭秘Vue的事件机制](https://juejin.im/post/5d5a5dbd6fb9a06acc0084dd) 37 | * [打造vuecli3+element后台管理系统（三）优化路由和vuex仓库，给router和store分模块](https://juejin.im/post/5d5941076fb9a06ad229cc0a) 38 | * [面试被问到Vue?想进一步提升?那就停下来看一下吧](https://segmentfault.com/a/1190000020131403) 39 | * [vue父子组件之间通信的十种方式](https://juejin.im/post/5d5bc676518825637965ecc4) 40 | * [本地启动 Vue.js 打包之后的项目](https://xuexb.com/post/localhost-run-vuejs-dist.html) 41 | * [状态管理之Vuex(快速上手)](https://juejin.im/post/5d5be578f265da03d871c099) 42 | * [VueCli3 MPA 多页面配置](https://juejin.im/post/5d5b6c4651882503585c9c1a) 43 | * [基于Vue/React项目的移动端适配方案](https://juejin.im/post/5d5cd14951882546282363b6) 44 | * [当 vue-function-api 遇上 vuex / vue-router](https://juejin.im/post/5d5d0afcf265da039e12c05b) 45 | * [iView+Vue+Echarts+ES6+Mock](https://juejin.im/post/5d366c40f265da1b6f43b57d) 46 | * [Vue 动态改变css样式的方法总结](https://juejin.im/post/5d5b87bc6fb9a06b1417e651) 47 | * [Vue.js 3：面向未来编程（function-based API）](https://juejin.im/post/5d5623936fb9a06ac824417e) 48 | * [基于 Laravel + Swoole + Vue 搭建实时在线聊天室（二）：后台数据库准备和 API 认证功能实现](https://laravelacademy.org/post/19892.html) 49 | * [[Vue]强迫症发作，我是如何注册全局组件的？](https://juejin.im/post/5d5ddc1a6fb9a06b0f23e7ce) 50 | * [Vue原理解析（八）：一起搞明白令人头疼的diff算法](https://juejin.im/post/5d596bc7e51d4561e0516aef) 51 | * [Vue源码之Vue实例初始化](https://segmentfault.com/a/1190000020169846) 52 | * [Vuex源码探究](https://juejin.im/post/5d5e4b22f265da03ce39de8b) 53 | * [Vue中的虚拟DOM及diff算法](https://juejin.im/post/5d5ffad2518825258a772fa8) 54 | * [Vue组件化思考](https://segmentfault.com/a/1190000020176139) 55 | * [vue使用html2canvas踩坑总结](https://juejin.im/post/5d60180af265da039b24a30d) 56 | * [为什么Vue.use()在new Vue() 之前使用](https://juejin.im/post/5d5ea43fe51d4561f17a50cf) 57 | * [Vue + Typescript 的开发实践](https://juejin.im/post/5d60dc876fb9a06b017e58aa) 58 | * [Vue中级指南-04 Vue中跨域以及打包部署到nginx跨域设置](https://juejin.im/post/5d60a4d26fb9a06b017e5863) 59 | * [vue-resize深度解读](https://juejin.im/post/5d60cd98e51d4561fb04bf7f) 60 | * [Vue路由之JWT身份认证](https://segmentfault.com/a/1190000020181742) 61 | * [Vue面试中，经常会被问到的面试题/知识点(2019改进版)](https://segmentfault.com/a/1190000020181662) 62 | * [高性能网站搭建-前端性能优化 (附Vue首屏加载时间优化详细方案)](https://juejin.im/post/5d61fbdd5188256d8e43e0a5) 63 | * [Vue单页应用的基本配置](https://juejin.im/post/5d622b43f265da03934bea9e) 64 | * [使用typescript构建Vue应用](https://segmentfault.com/a/1190000020177261) 65 | * [小爱ADMIN系列文章(二)：用Vue-cli3+mockjs 实现后台管理权限和三级菜单功能](https://juejin.im/post/5d61edef6fb9a06acb3eac0e) 66 | * [基于数据类型的 Vue 动态表单组件](https://toutiao.io/k/1gvbn7z) 67 | * [vue父子组件通信高级用法](https://segmentfault.com/a/1190000020197420) 68 | * [来自 Vue 3.0 的 Composition API 尝鲜](https://segmentfault.com/a/1190000020205747) 69 | * [基于 Laravel + Swoole + Vue 搭建实时在线聊天室（三）：后台 WebSocket 服务器实现](https://laravelacademy.org/post/19898.html) 70 | * [【Ts重构Vue】00-Ts重构Vue概要](https://juejin.im/post/5d64ad8bf265da039135247b) 71 | * [【Ts重构Vue】01-如何创建虚拟节点](https://juejin.im/post/5d638c1a6fb9a06aff5e7e57) 72 | * [Vue的编码技巧与规范使用](https://juejin.im/post/5d64a17ae51d4561e0516b1f) 73 | * [vue递归组件实战之简单树形控件](https://segmentfault.com/a/1190000020201740) 74 | * [分享VUE实用的富文本MarkDown](https://juejin.im/post/5d6533f9e51d45620d2cb91f) 75 | * [vue-cli 3.0脚手架，从入门到放弃（二）](https://juejin.im/post/5d664e5f6fb9a06b317b731f) 76 | * [vue项目开发规范总结](https://juejin.im/post/5d663efdf265da03da24a6b7) 77 | * [Vue从甜小白到皮大佬系列(三) 生命周期](https://juejin.im/post/5d6675716fb9a06b10273c1c) 78 | * [vue-cli3.0 + typescript 实例讲解](https://juejin.im/post/5d5b96e0f265da03d211413c) 79 | * [两百行代码实现简易vue框架](https://juejin.im/post/5d661963e51d453b7779d56e) 80 | * [Vue插槽，你想了解的都在这里](https://juejin.im/post/5d676f97e51d4561ce5a1c85) 81 | * [Vue — 使用Mixins](https://juejin.im/post/5d677e7be51d4561ce5a1c87) 82 | * [React、Vue在IE的兼容问题](https://juejin.im/post/5d6742f86fb9a06b2116fb34) 83 | * [Vue从甜小白到皮大佬系列(四) 自定义指令](https://juejin.im/post/5d673ad7f265da03934bf266) 84 | * [Vue基础篇：父子组件间的数据传递](https://juejin.im/post/5d67b56be51d4561c41fb864) 85 | * [从零开始搭建 Vue 脚手架工具（一）](https://juejin.im/post/5d64a76e51882564c3125a46) 86 | * [vue-cli 3.0脚手架，从入门到放弃（三）](https://juejin.im/post/5d67a791518825284734623c) 87 | * [前端页面svg优化webpack+svg-sprite-loader+vue（二）](https://juejin.im/post/5d67a6436fb9a06b233cd3de) 88 | * [Vue基础篇：动态组件components和v-once指令](https://juejin.im/post/5d67b641f265da03951a07bc) 89 | * [基于Vue CLI3 搭建五脏俱全的移动端H5应用](https://juejin.im/post/5d674d87e51d4561fa2ec0a6) 90 | * [Vue基础篇: 组件参数校验与非props属性](https://juejin.im/post/5d67b53bf265da03b9500804) 91 | * [稍微学一下Vuex原理](https://segmentfault.com/a/1190000020232760) 92 | * [老板，vue又双叒叕出bug了，dom总是获取不到。 详解Vue异步更新和nextTick](https://juejin.im/post/5d677208e51d4557ca7fdd73) 93 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]一月上半月-新春犹一月，已觉日微长.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`一月`： 一年之计在于春，一月是一年的开始* 3 | 4 | 一月上半月-新春犹一月，已觉日微长。(01.01~01.15): 5 | 6 | __偈倾一百六十九首__ 7 | [宋] 释智朋 8 | 一月普现一切水，一切水月一月摄， 9 | 从上佛祖不出这影子。只今雨暗乾坤， 10 | 月明如昼，衲僧眼目， 11 | 瞒他一点不得。 12 | 13 | * [实现一个简易的vue](https://segmentfault.com/a/1190000017522003) 14 | * [从零实现Vue的组件库（六）- Hover-Tip 实现](https://juejin.im/post/5c249e396fb9a049b506dfc6) 15 | * [Vue2.0生命周期及路由导航守卫](https://segmentfault.com/a/1190000017522764) 16 | * [前端每日实战：165# 视频演示如何用 Vue 创作一个算术训练程序（内含 3 个视频）](https://segmentfault.com/a/1190000017539885) 17 | * [力荐 35 个最好用的 Vue 开源库](https://www.infoq.cn/article/04b2Z4HmV4xshXJ*bSFO) 18 | * [vue 源码学习（一） 目录结构和构建过程简介](https://juejin.im/post/5c25e0ff6fb9a049ea39058d) 19 | * [Webpack + Vue 多页面项目升级 Webpack 4 以及打包优化](https://segmentfault.com/a/1190000017569409) 20 | * [基于Vue+Koa的pm2配置](http://www.bugs.cc/2017/11/07/Koa-pm2-configuration/) 21 | * [vue-cli@3.x初体验之前篇-回顾vue-cli@2.x创建项目的流程](http://www.cnblogs.com/hezhi/p/10205754.html) 22 | * [vue管理后台](https://segmentfault.com/a/1190000017718489) 23 | * [小技巧|使用Vue.js的Mixins复用你的代码](https://segmentfault.com/a/1190000017716554) 24 | * [【新手向】Vue.js + Node.js(koa) 合体指南](https://juejin.im/post/5c2cc80bf265da6169175962) 25 | * [Vue实现函数防抖组件](https://juejin.im/post/5c2dc7a9e51d4573c8491e77) 26 | * [从零实现Vue的组件库（九）- InputNumber 实现](https://juejin.im/post/5c2d9a49f265da6169175ae7) 27 | * [vue-router和webpack懒加载，页面性能优化篇](https://segmentfault.com/a/1190000017766798) 28 | * [利用 JavaScript Profiler 分析 Vue 性能问题](https://juejin.im/post/5c2ebae16fb9a049be5d9e49) 29 | * [（译）函数式组件在Vue.js中的运用](https://juejin.im/post/5c2d7030f265da613a54236f) 30 | * [vue封装一个简单的div框选时间的组件](https://www.haorooms.com/post/vue_timedivselect) 31 | * [vue学习笔记（慎入，内容仅供学习时查询某些函数具体起到什么作用）](https://segmentfault.com/a/1190000017783903) 32 | * [vue基于d2-admin的RBAC权限管理解决方案](https://segmentfault.com/a/1190000017782154) 33 | * [如何为你的 Vue 项目添加配置 Stylelint](http://www.cnblogs.com/BlackStorm/p/add-stylelint-to-your-vue-project.html) 34 | * [Vue.js最受期待的5个特性](http://dopro.io/5-most-requested-features-for-vue-js-in-2018.html) 35 | * [mpvue开发大型体育项目及总结记](https://juejin.im/post/5c2d8073e51d455405559941) 36 | * [VUWE——又一个移动端Vue2组件库](https://juejin.im/post/5c34a8f9e51d4551cb34572b) 37 | * [Vue源码解读一](https://segmentfault.com/a/1190000017815405) 38 | * [[Promoted] Get all products by Creative Tim including Vue premium dashboards 90% off](https://vuejsfeed.com/blog/promoted-get-all-products-by-creative-tim-including-vue-premium-dashboards-90-off) 39 | * [Best resources to learn Vue.js in 2018](https://vuejsfeed.com/blog/best-resources-to-learn-vue-js-in-2018) 40 | * [The Vue.js Conference in Amsterdam will have everything you hope for](https://vuejsfeed.com/blog/the-vue-js-conference-in-amsterdam-will-have-everything-you-hope-for) 41 | * [Official Style Guide for Vue-specific code](https://vuejsfeed.com/blog/official-style-guide-for-vue-specific-code) 42 | * [Laravel Nova Administration Panel with Vue.js](https://vuejsfeed.com/blog/laravel-nova-administration-panel-with-vue-js) 43 | * [VuePress: What is it and Why it is a great tool to use](https://vuejsfeed.com/blog/vuepress-what-is-it-and-why-it-is-a-great-tool-to-use) 44 | * [Vue.js Frameworks & Libraries to use in your next project](https://vuejsfeed.com/blog/vue-js-frameworks-libraries-to-use-in-your-next-project) 45 | * [ Integrating content management into your Vue.js projects with Prismic](https://vuejsfeed.com/blog/integrating-content-management-into-your-vue-js-projects-with-prismic-cms) 46 | * [Vue.js Amsterdam Recordings](https://vuejsfeed.com/blog/vue-js-amsterdam-recordings) 47 | * [iView UI framework 2.4](https://vuejsfeed.com/blog/iview-ui-framework-2-4) 48 | * [Vue's Official Roadmap](https://github.com/vuejs/vue/projects/6) 49 | * [2018 JavaScript Rising Stars](https://risingstars.js.org/2018/en/) 50 | * [Star Rating — Make SVG Great Again – Yonatan Doron](https://medium.com/@yonatandoron/star-rating-make-svg-great-again-d4ce4731347e) 51 | * [Progressive Emails Using Vue + MJML – Terence Bezman](https://medium.com/@terencebezman/progressive-emails-using-vue-mjml-947c7764abd3) 52 | * [Building a Simple Virtual DOM from Scratch – Jason Yu](https://dev.to/ycmjason/building-a-simple-virtual-dom-from-scratch-3d05) 53 | * [Seven Reasons to learn Vue.js in 2019 – Ross Kaffenberger](https://medium.com/vue-curious/seven-reasons-to-learn-vue-js-in-2019-fd38c98a4a63) 54 | * [Vue Drum Machine - Part 1 – Jack Herrington](https://www.youtube.com/watch) 55 | * [Including Markdown Content in a Vue or Nuxt SPA – Anthony Gore](https://vuejsdevelopers.com/2018/12/31/vue-nuxt-spa-markdown/) 56 | * [VueDose – Learn Vue Dose by Dose](https://vuedose.tips/) 57 | * [GitHub - egoist/lit-vue](https://github.com/egoist/lit-vue/) 58 | * [GitHub - ktquez/vuepress-theme-ktquez](https://github.com/ktquez/vuepress-theme-ktquez) 59 | * [GitHub - Nevoss/form-wrapper-js](https://github.com/Nevoss/form-wrapper-js) 60 | * [GitHub - antonreshetov/mysigmail](https://github.com/antonreshetov/mysigmail) 61 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]一月下半月-岂敢定居，一月三捷.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`一月`： 一年之计在于春，一月是一年的开始* 3 | 4 | 一月下半月-岂敢定居，一月三捷。(01.16~01.31): 5 | 6 | __寄徐丞__ 7 | [宋] 赵师秀 8 | 病不窥园经一月，更无人迹损青苔。 9 | 池禽引子衡鱼去，野蔓开花上竹来。 10 | 亦欲鬓毛休似雪，争如丹汞只为灰。 11 | 秋风昨夜吹寒雨，有梦南游到海回。 12 | 13 | * [深入 Vuex 原理（下）](https://mp.weixin.qq.com/s/MAjsaTp_YUxFpVcbUweMQA) 14 | * [Vue:scoped与module的使用与利弊](https://segmentfault.com/a/1190000018007851) 15 | * [从零实现Vue的组件库（十）- Select 实现](https://juejin.im/post/5c47d524e51d457d105d0e80) 16 | * [Vue 的小奇技（第一篇）：提高大型数据列表的性能](https://juejin.im/post/5c498174e51d45522c304c0e) 17 | * [从零实现Vue的组件库（十二）- Table 实现](https://juejin.im/post/5c4aa685518825254e4d48e8) 18 | * [Vue 的小奇技（第二篇）：衡量 Vue 应用的运行时性能](https://juejin.im/post/5c4aeaf1f265da6158777cbb) 19 | * [vue-router 一些容易被忽略的知识点](https://segmentfault.com/a/1190000018023803) 20 | * [vue组件文档（.md）中自动导入示例（.vue）](https://segmentfault.com/a/1190000018022075) 21 | * [记一次Vue动态渲染路由的实现](https://juejin.im/post/5c4a8a05e51d4506953e389b) 22 | * [那些花儿，从零构建Vue工程(webpack4)](https://juejin.im/post/5c4a69a1f265da61163a1e5f) 23 | * [酷狗音乐- Vue / React 全家桶的两种实现](https://segmentfault.com/a/1190000017999756) 24 | * [Hooks API 在 Vue 中的实现分析](https://juejin.im/post/5c4a7cb2e51d4518b03609a6) 25 | * [Vue全家桶 之 KTV前台收银管理系统 (不想努力啦，回家收钱去)](https://segmentfault.com/a/1190000018029251) 26 | * [Vue 组件间的通讯](https://juejin.im/post/5c4c1c2451882546660d3635) 27 | * [vue知识点记录](https://juejin.im/post/5c4c0d5e6fb9a049d4422fb4) 28 | * [「Vue实践」项目升级vue-cli3的正确姿势](https://juejin.im/post/5c4a83e36fb9a049b13e91ba) 29 | * [Vue自定义组件(简单实现一个自定义组件)](https://segmentfault.com/a/1190000018031560) 30 | * [vue路由篇(动态路由、路由嵌套)](https://segmentfault.com/a/1190000018031089) 31 | * [Tricks in Vue](https://segmentfault.com/a/1190000018033117) 32 | * [Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS](https://juejin.im/post/5c4ea5a6f265da612b13f448) 33 | * [记第一个Vue项目台前幕后的经历](https://juejin.im/post/5c4f1f0de51d4552d573b784) 34 | * [vue系列之面试总结](https://segmentfault.com/a/1190000018060680) 35 | * [【收藏】2019年最新Vue相关精品开源项目库汇总](https://segmentfault.com/a/1190000017953835) 36 | * [创建vue-cli框架项目](https://segmentfault.com/a/1190000017953807) 37 | * [VuePress博客搭建笔记（二）个性化配置](https://segmentfault.com/a/1190000017953711) 38 | * [【前端笔记】Vuex快速使用](https://juejin.im/post/5c4541b16fb9a049a712203b) 39 | * [vue -on如何绑定多个事件](https://segmentfault.com/a/1190000017971282) 40 | * [基于vue的验证码组件](https://segmentfault.com/a/1190000017968369) 41 | * [Vue自定义Toast插件](https://segmentfault.com/a/1190000017965665) 42 | * [Vue添加数据视图不更新问题](https://juejin.im/post/5c46dd43e51d4567680e3bcd) 43 | * [聊一聊Vue组件模版，你知道它有几种定义方式吗？](https://juejin.im/post/5c46e3fae51d45518e14d565) 44 | * [深入学习Vue SSR服务端渲染 用Nuxt.js打造CNode社区](https://juejin.im/post/5c45f13f6fb9a049e12a86fb) 45 | * [vue 源码学习(二) 实例初始化和挂载过程](https://juejin.im/post/5c34bc0ef265da61380f671f) 46 | * [使用NodeJS 生成Vue中文版 docSet 离线文档](https://juejin.im/post/5c34a8fb6fb9a049f23cef68) 47 | * [手牵手教你写 Vue 插件](https://juejin.im/post/5c374977518825260c5cf1de) 48 | * [Vue项目部署遇到的问题及解决方案](https://segmentfault.com/a/1190000017844405) 49 | * [预计今年发布的 Vue 3.0 到底有什么不一样的地方？](https://mp.weixin.qq.com/s/Mcxudad5BlZVMjoL1Bt2xQ) 50 | * [记一次 Vue 单页面上线方案的优化](https://xuexb.com/post/vue-online-cdn.html) 51 | * [vue-cli3使用svg问题的简单解决办法](https://segmentfault.com/a/1190000017869942) 52 | * [从react转职到vue开发的项目准备](https://segmentfault.com/a/1190000017872474) 53 | * [基于 Vue-Cli3 构建的脚手架模版](https://www.jeffjade.com/2019/01/13/146-awesome-vue-cli3-example/) 54 | * [新手福音用vue-cli3从0到1做一个完整功能手机站（一）](https://segmentfault.com/a/1190000017892165) 55 | * [vue-cli3 从搭建到优化](https://juejin.im/post/5c3c544c6fb9a049d37f5903) 56 | * [Spring Security (三）:与Vue.js整合](https://juejin.im/post/5c3c5c2ff265da6112053a88) 57 | * [电商网站项目总结：Vuex 带来全新的编程体验](https://juejin.im/post/5c3c911ce51d455231347a7a) 58 | * [结合vue-cli来谈webpack打包优化](https://juejin.im/post/5c3c55aa51882524b4073394) 59 | * [vue开发环境配置跨域，一步到位](https://segmentfault.com/a/1190000017905030) 60 | * [Vue新手向：14篇教程带你从零撸一个Todo应用](https://juejin.im/post/5c3e9f946fb9a049f06a85ff) 61 | * [Vue2.0 核心之响应式流程](https://segmentfault.com/a/1190000017916500) 62 | * [基于Vue的任务节点图绘制插件（vue-task-node）](https://segmentfault.com/a/1190000017926238) 63 | * [Vue 实践小结](https://juejin.im/post/5c40251b518825254c31aa2d) 64 | * [vue项目接口管理](https://segmentfault.com/a/1190000017925880) 65 | * [【vue-cli3升级】老项目提速50%（二）](https://juejin.im/post/5c403bcaf265da61587765c9) 66 | * [Vuex 是什么，为什么需要](https://juejin.im/post/5c4141106fb9a04a09565473) 67 | * [【收藏】2019年最新Vue相关精品开源项目库汇总](https://segmentfault.com/a/1190000017953835) 68 | * [创建vue-cli框架项目](https://segmentfault.com/a/1190000017953807) 69 | * [VuePress博客搭建笔记（二）个性化配置](https://segmentfault.com/a/1190000017953711) 70 | * [RFCs for substantial changes / feature additions to Vue core 3.0](https://github.com/vuejs/rfcs) 71 | * [February 14-15 - Vue.js Amsterdam](https://www.vuejs.amsterdam/) 72 | * [March 25-27 - VueConf US in Tampa, FL](http://vueconf.us) 73 | * [April 12th, VueDay 2019, Verona, Italy – Call for papers until 1st February](2019.vueday.it) 74 | * [Incoming workshop: Proven patterns for building Vue apps by Chris Fritz](https://ti.to/webzurich/vue-chris-fritz/discount/VUEMASTERYROCKS) 75 | * [10 Best Tips for Learning Vue from Vue Masters](https://medium.com/vue-mastery/10-best-tips-for-learning-vue-from-vue-masters-a21c794b1e6e) 76 | * [Improve performance on large lists in Vue](https://vuedose.tips/tips/1/) 77 | * [Build a Beautiful Website with VuePress and Tailwind.css](https://dev.to/vuevixens/build-a-beautiful-website-with-vuepress-and-tailwindcss--3a03) 78 | * [Selectively enable SSR or SPA mode in a Nuxt.js app](https://blog.lichter.io/posts/selectively-enable-ssr-or-spa-mode-in-a-nuxtjs-ap/) 79 | * [Give Users Control Over App Updates in Vue CLI 3 PWAs](https://medium.com/@dougallrich/give-users-control-over-app-updates-in-vue-cli-3-pwas-20453aedc1f2) 80 | * [When to “componentize” from the point of Vue](https://medium.com/@naidooshailen648/when-to-componentize-from-the-point-of-vue-e433eb06b11a) 81 | * [Vue Route Component Hooks](https://itnext.io/vue-custom-route-hooks-3f50cc30bb87) 82 | * [Watch for Vuex State changes!](https://dev.to/viniciuskneves/watch-for-vuex-state-changes-2mgj) 83 | * [GitHub - egoist/styled-vue](https://github.com/egoist/styled-vue) 84 | * [GitHub - Justineo/vue-clamp](https://github.com/Justineo/vue-clamp) 85 | * [GitHub - edisdev/vue-datepicker-ui](https://github.com/edisdev/vue-datepicker-ui) 86 | * [Measure runtime performance in Vue apps – VueDose #2](https://vuedose.tips/tips/2/) 87 | * [10 Vue.js Pro Tips from Vue Masters – Gregg Pollack ](https://medium.com/vue-mastery/10-vue-js-pro-tips-from-vue-masters-2bf6131e7fe0) 88 | * [Reactive Window Parameters in VueJS – James Wee](https://blog.usejournal.com/reactive-window-parameters-in-vuejs-fc5de75d7ab5) 89 | * [Building a Desktop App with Vue: NW.js - Natalia Tepluhina](https://dev.to/vuevixens/building-a-desktop-app-with-vue-nwjs-1f9e) 90 | * [Build tagging with Vue-Multiselect and Laravel Tags – Connor Leech](https://medium.com/employbl/build-tagging-with-vue-multiselect-and-laravel-tags-960c260df438) 91 | * [Learn How To Build A Data-Driven Search UI With Vue.js – Divyanshu Rawat](https://medium.appbase.io/learn-how-to-build-a-github-search-explorer-app-with-vue-js-c66f61d6e152) 92 | * [Realtime Face Recognition – Goran Jovanov](https://medium.com/@gjovanov/realtime-face-recognition-de1ee3076878) 93 | * [Lessons Learned on Writing Apps with NativeScript VueJS – Sandoche Adittane](https://medium.com/learning-lab/lessons-learned-on-writing-apps-with-nativescript-vuejs-bd6a3066f0cb) 94 | * [Fallback for Blocked Iframes: A (Crude) Solution with Vue.js - Anthony Gore](https://vuejsdevelopers.com/2018/12/24/vue-js-iframe-error-fallback/) 95 | * [GitHub - egoist/vue-router-prefetch](https://github.com/egoist/vue-router-prefetch) 96 | * [GitHub - bencodezen/vuepress-blog-boilerplate](https://github.com/bencodezen/vuepress-blog-boilerplate) 97 | * [Vssue](https://vssue.js.org/) 98 | * [Template COIDEA for and with Nuxt.js - coidea.website](https://coidea.website/categories/freebies/template-for-nuxt-js/) 99 | * [MH Portfolio Vue.js and GSAP Template - coidea.website](https://coidea.website/categories/freebies/mh-portfolio-vue-js-and-gsap-template/) 100 | * [Nuxt.js v2.4.0 is out! TypeScript, Smart prefetching and more... – Sébastien Chopin](https://dev.to/nuxt/nuxtjs-v240-is-out-typescript-smart-prefetching-and-more-18d) 101 | * [Vue Vixens Workshops ](https://vuevixens.github.io/docs/workshop/) 102 | * [Buy Damian Dulisz a Coffee](https://www.buymeacoffee.com/DamianDulisz) 103 | * [What the Tick is Vue.nextTick? – Adrià Fontcuberta ](https://vuejsdevelopers.com/2019/01/22/vue-what-is-next-tick/) 104 | * [Nuxt.js and TypeScript as of Jan 2019 – Kengo Hamasaki](https://medium.com/haiiro-io/nuxt-js-and-typescript-as-of-jan-2019-4d8674a91815) 105 | * [Rebuilding My Blog in Vue: Part 1 – Michael Thiessen](http://michaelnthiessen.com/rebuilding-blog-in-vue/) 106 | * [How to add Internationalization to a Vue Application – Jennifer Bland](https://medium.freecodecamp.org/how-to-add-internationalization-to-a-vue-application-d9cfdcabb03b) 107 | * [How to Preview Images Before Uploading Them in Vue – Taha Shashtari](https://levelup.gitconnected.com/how-to-preview-images-before-uploading-them-in-vue-4964803adb64) 108 | * [How to build a Single Page Application using Vue.js, Vuex, Vuetify, and Firebase – Jennifer Bland](https://medium.freecodecamp.org/how-to-build-a-single-page-application-using-vue-js-vuex-vuetify-and-firebase-838b40721a07) 109 | * [GitHub - znck/lazy-hydration: Lazy Hydration for Vue SSR](https://github.com/znck/lazy-hydration) 110 | * [GitHub - hybridwebdev/hover-intent-vue](https://github.com/hybridwebdev/hover-intent-vue) 111 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]七月-不在山，不在岸，采我之时七月半.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`七月`： 不在山，不在岸，采我之时七月半。！* 3 | 4 | 七月-银潢七月秋浪高，黄昏欲渡未成桥。(07.01~07.31): 5 | 6 | __王子乔__ 7 | [唐] 宋之问 8 | 王子乔，爱神仙，七月七日上宾天。白虎摇瑟凤吹笙， 9 | 乘骑云气吸日精。吸日精，长不归，遗庙今在而人非。 10 | 空望山头草，草露湿人衣。 11 | 12 | * [我们一起写一个Vue的Loading插件吧](https://juejin.im/post/5d15ba136fb9a07ef161961c) 13 | * [大白话理解和初步使用vue-router](https://juejin.im/post/5d15dc575188255d71255558) 14 | * [vue使用总结](https://segmentfault.com/a/1190000019617926) 15 | * [Vue nextTick 变迁史](https://juejin.im/post/5d131139e51d454d1d62854d) 16 | * [vuex中的四大金刚](https://juejin.im/post/5d16dfa7e51d4555fd20a37f) 17 | * [提前使用Vue 3.0新特性，vue-function-api尝鲜](https://juejin.im/post/5d1705e65188255ca21e607e) 18 | * [使用vue中的混入mixin优化表单验证插件](https://juejin.im/post/5d197869f265da1b740213e6) 19 | * [一张图教你快速玩转vue-cli3](https://juejin.im/post/5d1782eaf265da1ba91592fc) 20 | * [学习vue源码—mvvm](https://juejin.im/post/5d181bafe51d457753138219) 21 | * [vue-router 源代码全流程分析「长文」](https://juejin.im/post/5d0de4f7f265da1ba84a9985) 22 | * [探索Angular,React,Vue的趋势比较](https://juejin.im/post/5d17740df265da1bcd37ed45) 23 | * [深入理解vue响应式原理](http://developer.51cto.com/art/201907/598835.htm) 24 | * [你不知道的Vue.nextTick源码系列](https://juejin.im/post/5d1770715188255d5957fdb1) 25 | * [Vue手把手带你撸项目系列之动态面包屑](https://juejin.im/post/5d195986e51d4555fc1accf1) 26 | * [为vue3学点typescript(1), 体验typescript](https://segmentfault.com/a/1190000019631849) 27 | * [使用 Typescript 加强 Vuex 使用体验](https://juejin.im/post/5d19afdfe51d4577790c1cda) 28 | * [前端规范之vue 项目规范](https://juejin.im/post/5d19dd8be51d457755550935) 29 | * [大白话理解和初步使用vuex](https://juejin.im/post/5d19dfe251882579dd60d4f9) 30 | * [Vue 面试知识点总结](https://segmentfault.com/a/1190000019633325) 31 | * [Vue 项目功能实现：刷新当前页面](https://segmentfault.com/a/1190000019635080) 32 | * [精读《Vue3.0 Function API》](https://segmentfault.com/a/1190000019625934) 33 | * [Vue入门学习之技术分享-2(深入理解Vue组件)](https://juejin.im/post/5d19f1e2f265da1b7004c15c) 34 | * [为vue3学点typescript, 基础类型和入门高级类型](https://segmentfault.com/a/1190000019641913) 35 | * [vuex了解一下？](https://juejin.im/post/5d19e84ef265da1b8a4f3583) 36 | * [Vue 面试知识点总结（二）【持续更新中～】](https://segmentfault.com/a/1190000019646763) 37 | * [【一文学会】vue.js入门到放弃](http://www.androidchina.net/10007.html) 38 | * [从源码解读Vue生命周期，让面试官对你刮目相看](https://juejin.im/post/5d1b464a51882579d824af5b) 39 | * [Vue入门学习之技术分享-3(Vue中的动画特效）](https://juejin.im/post/5d1b4e32e51d457753138225) 40 | * [Vue中jsx不完全应用指南](https://segmentfault.com/a/1190000019659205) 41 | * [vue打包后vendor.js文件过大解决方案](https://juejin.im/post/5d1c39b65188257cbb476f44) 42 | * [带你了解vue计算属性的实现原理以及vuex的实现原理](https://juejin.im/post/5d1c5308f265da1bb56513f3) 43 | * [记录一次vue练习的填坑记录](https://juejin.im/post/5d1c6e5051882518fd491328) 44 | * [Why You Should Start Front-End by Learning Vue.js](https://vuejsfeed.com/blog/why-you-should-start-front-end-by-learning-vue-js) 45 | * [ Integrating content management into your Vue.js projects with Prismic](https://vuejsfeed.com/blog/integrating-content-management-into-your-vue-js-projects-with-prismic-cms) 46 | * [Vue.js Amsterdam Recordings](https://vuejsfeed.com/blog/vue-js-amsterdam-recordings) 47 | * [iView UI framework 2.4](https://vuejsfeed.com/blog/iview-ui-framework-2-4) 48 | * [[Promoted] Get all products by Creative Tim including Vue premium dashboards 90% off](https://vuejsfeed.com/blog/promoted-get-all-products-by-creative-tim-including-vue-premium-dashboards-90-off) 49 | * [Best resources to learn Vue.js in 2018](https://vuejsfeed.com/blog/best-resources-to-learn-vue-js-in-2018) 50 | * [The Vue.js Conference in Amsterdam will have everything you hope for](https://vuejsfeed.com/blog/the-vue-js-conference-in-amsterdam-will-have-everything-you-hope-for) 51 | * [Laravel Nova Administration Panel with Vue.js](https://vuejsfeed.com/blog/laravel-nova-administration-panel-with-vue-js) 52 | * [VuePress: What is it and Why it is a great tool to use](https://vuejsfeed.com/blog/vuepress-what-is-it-and-why-it-is-a-great-tool-to-use) 53 | * [Vue.js Frameworks & Libraries to use in your next project](https://vuejsfeed.com/blog/vue-js-frameworks-libraries-to-use-in-your-next-project) 54 | * [VueCamp: Vue.js Barcamp Berlin](https://vuecamp.de/) 55 | * [Amendment proposal to Function-based Component API · Issue #63 · vuejs/rfcs ](https://github.com/vuejs/rfcs/issues/63) 56 | * [Why every Vue developer should be excited by Quasar 1.0 – Razvan Stoenescu](https://medium.com/quasar-framework/quasar-1-0-4bc696d60c1b) 57 | * [Vue's Darkest Day – Daniel Elkington](https://dev.to/danielelkington/vue-s-darkest-day-3fgh) 58 | * [What does the Vue function API feel like - Abdelrahman Awad](https://logaretm.com/blog/what-the-vue-function-api-feel-like/) 59 | * [3 Key Insights from Vue’s new functional API RFC – Kevin Ball](https://zendev.com/2019/06/25/key-insights-from-vue-functional-rfc.html) 60 | * [Vue without View - An Introduction to Renderless Components – Jason Yu ](https://dev.to/ycmjason/vue-without-view-an-introduction-to-renderless-components-23ld) 61 | * [How to use cookies in VuePress - Dan Vega](https://www.danvega.dev/blog/2019/06/13/vuepress-cookies/) 62 | * [In Vue, When Do I Actually Need the :key Attribute and Why? — Marina Mosti](https://www.telerik.com/blogs/in-vue-when-do-i-actually-need-the-key-attribute-and-why) 63 | * [What is VueFront? - VueFront](https://medium.com/@vuefront/what-is-vuefront-b41783a02a0c) 64 | * [Vue.js functional components: what, why, and when? – Austin G](https://stegosource.com/vue-js-functional-components-what-why-and-when/) 65 | * [Migrating from Vuetify to Quasar - Stanislav Valasek](https://medium.com/quasar-framework/migrating-from-vuetify-to-quasar-bcc1fe85763d) 66 | * [10 Things You Should Know Before Writing Your Next Vuejs Component - Edithson Abelard ](https://medium.com/@eabelard/10-things-you-should-know-before-writing-your-next-vuejs-component-4f97964611f4) 67 | * [GitHub - jamesdruhan/vue-jd-table](https://github.com/jamesdruhan/vue-jd-table) 68 | * [How To Upgrade Your VuePress Site To v1.0 - Florimond Manca](https://dev.to/florimondmanca/how-to-upgrade-your-vuepress-site-to-v1-0-4lgi) 69 | * [Use Fragments to Avoid Obsolete GraphQL Fields in Vue.js Applications – Markus Oberlehner](https://markus.oberlehner.net/blog/use-fragments-to-avoid-obsolete-graphql-fields-in-vue-applications/) 70 | * [Reading Image Sizes and Dimensions with Vue.js – Raymond Camden](https://www.raymondcamden.com/2019/06/13/reading-image-sizes-and-dimensions-with-vuejs) 71 | * [From JSX to Vue: my favorite templating tips – briwa ](https://dev.to/briwa/from-jsx-to-vue-my-favorite-templating-tips-3eeo) 72 | * [A beginner-friendly guide to unit testing the Vue.js application – Vladislav Bulyukhin](https://medium.com/techfides/a-beginner-friendly-guide-to-unit-testing-the-vue-js-application-28fc049d0c78) 73 | * [tiptap – a renderless rich-text editor for Vue.js ](https://tiptap.scrumpy.io/) 74 | * [VueFront](https://vuefront.com/) 75 | * [VuePress 1.x Released! – ULIVZ](https://medium.com/@_ulivz/intro-to-vuepress-1-x-7e2b7885f95f) 76 | * [NuxtJS: From Terminal to Browser - Sébastien Chopin](https://dev.to/nuxt/nuxtjs-from-terminal-to-browser-35bc) 77 | * [Triggering events from Vue Router views - Dan Vega](https://dev.to/therealdanvega/triggering-events-from-vue-router-views-5f48) 78 | * [Build An Intersection Observer Directive In Vue - Alex Regan](https://dev.to/alexsasharegan/build-an-intersection-observer-directive-in-vue-ljh) 79 | * [Build Decoupled Vue.js Applications with Hooks - Markus Oberlehner](https://markus.oberlehner.net/blog/build-decoupled-vue-applications-with-hooks/) 80 | * [How to Build a Group Chat App with Vue.js - Oscar Castro](https://dev.to/pubnub/how-to-build-a-group-chat-app-with-vue-js-5d2g) 81 | * [GitHub - kai-oswald/vue-svg-transition](https://github.com/kai-oswald/vue-svg-transition) 82 | * [GitHub - wokes/Laravel-Vue-SPA-template](https://github.com/wokes/Laravel-Vue-SPA-template) 83 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]二月-不知细叶谁裁出，二月春风似剪刀.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`二月`： 二月里来好春光, 家家户户种田忙* 3 | 4 | 二月-不知细叶谁裁出，二月春风似剪刀。(02.01~02.28): 5 | 6 | __浣溪沙__ 7 | [宋] 晏几道 8 | 二月春花厌落梅，仙源归路碧桃催， 9 | 渭城丝雨劝离杯。欢意似云真薄幸， 10 | 客鞭摇柳正多才，凤楼人待锦书来。 11 | 12 | * [手牵手，我们一起搭建VuePress博客](https://segmentfault.com/a/1190000018071668) 13 | * [从 4 个方面优化你的 Vue 项目](http://t.cn/Et0NJcr) 14 | * [Vue和React组件之间的传值方式](https://segmentfault.com/a/1190000018070852) 15 | * [Vue经典开源项目汇总](https://segmentfault.com/a/1190000018078880) 16 | * [手把手实现图片懒加载+封装vue懒加载组件](https://juejin.im/post/5c52ee216fb9a049ee80e283) 17 | * [Vue-Cli3多页面配置与编译时构建优化](https://juejin.im/post/5c52e12af265da2d8b6313b2) 18 | * [Vue 源码解读-数据响应系统](https://sunmengyuan.github.io/garden/2019/02/01/vue-observer.html?page=1) 19 | * [vue入门（一）：项目搭建](https://segmentfault.com/a/1190000018099703) 20 | * [根据调试工具看Vue源码之生命周期（一）](https://segmentfault.com/a/1190000018099900) 21 | * [Nginx + Node + Vue 部署初试](https://segmentfault.com/a/1190000018099632) 22 | * [vue入门（一）：项目搭建](https://segmentfault.com/a/1190000018099703) 23 | * [利用Dectorator分模块存储Vuex状态](https://juejin.im/post/5c5400dbf265da2dc972d079) 24 | * [Vue.js 2.6尝鲜](https://juejin.im/post/5c598b276fb9a049b780d03c) 25 | * [使用vue全家桶搭建的vue小说阅读器，已部署到服务器可预览](https://segmentfault.com/a/1190000018102876) 26 | * [vue全家桶项目教程vue小说项目器vue移动端项目，已部署到服务器可访问预览](https://segmentfault.com/a/1190000018103601) 27 | * [从零实现Vue的组件库（十四）- RadioGroup 实现](https://juejin.im/post/5c58d62ee51d457fc440edb7) 28 | * [Vue初体验之Element的使用](https://juejin.im/post/5c5a4d5de51d4501521d2a5c) 29 | * [Vue.js  —  注意事项和技巧](https://juejin.im/post/5c5c28cf518825627d37060a) 30 | * [Vue 2.6 尝鲜](https://mp.weixin.qq.com/s/wQdc2fcqUMZV6SR7kSPELQ) 31 | * [复杂Vue组件的异步流程分析](https://juejin.im/post/5c59aa0951882562ea721630) 32 | * [Vue 源码中一些util函数](https://juejin.im/post/5c601f32f265da2ddf786491) 33 | * [Vue 中组件使用中的细节点](https://segmentfault.com/a/1190000018120316) 34 | * [Vue 3.0 对 Web 开发意味着什么？](https://juejin.im/post/5c5ae5b4e51d4501377b5bdf) 35 | * [Vue源码探究-类初始化函数详情](https://juejin.im/post/5c622266f265da2dea0507d2) 36 | * [Vue 动画的封装](https://segmentfault.com/a/1190000018130259) 37 | * [用150行代码实现Vuex 80%的功能](https://juejin.im/post/5c62ea95e51d457ffe60c084) -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]八月-八月秋高风怒号，卷我屋上三重茅.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`八月`： 歌吹千秋节，楼台八月凉。！* 3 | 4 | 八月-八月秋高风怒号，卷我屋上三重茅。(08.01~至今): 5 | 6 | __渔家傲·八月秋高风历乱__ 7 | [宋] 欧阳修 8 | 八月秋高风历乱。衰兰败芷红莲岸。 9 | 皓月十分光正满。清光畔。年年常愿琼筵看。 10 | 社近愁看归去燕。江天空阔云容漫。 11 | 宋玉当时情不浅。成幽怨。乡关千里危肠断。 12 | 13 | 前方来报，八月最新资讯： 14 | 15 | * [Vue2.5+迁移至Typescript指南](https://segmentfault.com/a/1190000019935700) 16 | * [Vue2.0源码阅读笔记（五）：模板编译](https://juejin.im/post/5d4135336fb9a06b160f094d) 17 | * [从理解源码开始学习Vuex（二）](https://juejin.im/post/5d414c6a6fb9a06aca37fae2) 18 | * [为vue3学点typescript, 解读高级类型](https://segmentfault.com/a/1190000019925865) 19 | * [面试必备的13道可以举一反三的Vue面试题](https://juejin.im/post/5d41eec26fb9a06ae439d29f) 20 | * [Vue中mixin和extend的区别和使用场景](https://juejin.im/post/5d4175a76fb9a06ae17d5589) 21 | * [0 到 1 掌握：Vue 核心之数据双向绑定](https://juejin.im/post/5d421bcf6fb9a06af23853f1) 22 | * [从零开始，采用Vue的思想，开发一个自己的JS框架（二）：首次渲染](https://juejin.im/post/5d419241f265da03e61aee26) 23 | * [Vue源码之响应式原理](https://juejin.im/post/5d43bb3c51882558824e4432) 24 | * [vscode扩展之根据Vue模板自动生成Scss结构](https://juejin.im/post/5d4396856fb9a06b2442fcf9) 25 | * [新手写的Vue源码学习记录(渲染过程)](https://segmentfault.com/a/1190000019952825) 26 | * [vuecli3开发环境下sourcemap在浏览器上查看源代码的问题](https://segmentfault.com/a/1190000019953317) 27 | * [开源 | OverVue：适用于 Vue 的原型工具](https://mp.weixin.qq.com/s/ci6963Z748Tj24Xy3zBeTg) 28 | * [Bit 支持 Angular 并发布公开测试版，对 Vue 的支持也即将面世](https://www.infoq.cn/article/dPT*Q9sYEPAUmwh5Gej4) 29 | * [vue+vscode断点调试详解](https://juejin.im/post/5d450bfaf265da039e129ef6) 30 | * [vue跨域方案指北](https://juejin.im/post/5d453068f265da03eb13ac47) 31 | * [基于 vue-skeleton-webpack-plugin 的骨架屏实战](https://juejin.im/post/5d457bad5188255d8249c7f4) 32 | * [详解Vue服务端渲染](https://segmentfault.com/a/1190000019964933) 33 | * [Vue2.x全家桶的基础知识点整理](https://juejin.im/post/5d341c23e51d4556db694abf) 34 | * [vue在混合开发中应用的思考](https://juejin.im/post/5d46b7cfe51d4561b84c00d3) 35 | * [从零开始，采用Vue的思想，开发一个自己的JS框架（三）：update和diff](https://juejin.im/post/5d46b9795188255d6f4fb23b) 36 | * [webpack4从零搭建vue项目](https://flura.cn/2019/08/05/webpack4%E4%BB%8E%E9%9B%B6%E6%90%AD%E5%BB%BAvue%E9%A1%B9%E7%9B%AE/) 37 | * [vue中的nextTick](https://juejin.im/post/5d0336c9e51d455ca0436235) 38 | * [vue生成canvas海报图](https://segmentfault.com/a/1190000019975772) 39 | * [Vue.js 在复杂信息流场景下的最佳实践](https://zhuanlan.zhihu.com/p/76754101) 40 | * [vue项目中使用百度地图(vue-baidu-map)](https://segmentfault.com/a/1190000019982269) 41 | * [vue移动端项目中使用fastclick及遇上的issue](https://segmentfault.com/a/1190000020010168) 42 | * [Vue.js 在复杂信息流场景下的实践](https://www.infoq.cn/article/6tJy_6ovzbpEySuLITku) 43 | * [Vuestic Admin：免费与美妙 Vue.js 管理模板](https://github.com/epicmaxco/vuestic-admin/blob/master/README.zh-CN.md) 44 | * [【源码解析】vue-create-api作者黄轶](https://juejin.im/post/5d4cb305e51d45620064bb0d) 45 | * [Vue社区的路由解决方案：vue-stack-router](https://juejin.im/post/5d4ce4fd6fb9a06acd450e8c) 46 | * [vue源码解析：nextTick](https://juejin.im/post/5d4d64016fb9a06ade10ff82) 47 | * [从零开始，采用Vue的思想，开发一个自己的JS框架（四）：组件化和路由组件](https://juejin.im/post/5d4cd048f265da03b76b0e14) 48 | * [Vue的运作原理——浅析MVVM及Virtual DOM](https://juejin.im/post/5d4d6f0bf265da03c502fe25) 49 | * [干货 ——preact、react实现vue的transition组件](http://www.divpc.cn/post/detail/118) 50 | * [vue.config.js 配置项](https://segmentfault.com/a/1190000020029252) 51 | * [巨树：基于 ztree 封装的 Vue 树形组件，轻松实现海量数据的高性能渲染](https://github.com/tower1229/Vue-Giant-Tree) 52 | 53 | --- 54 | 55 | * [vuepress使用中遇到的问题](http://www.zhuyuntao.cn/2019/07/23/vuepress%E4%BD%BF%E7%94%A8%E4%B8%AD%E9%81%87%E5%88%B0%E7%9A%84%E9%97%AE%E9%A2%98/) 56 | * [IE11下处理Promise以及复习Vue的单项数据流](https://juejin.im/post/5d370fa6f265da1bcb4f6d62) 57 | * [「Vue进阶」一篇文章，教你学会Vue-CLI 插件开发](https://mp.weixin.qq.com/s?__biz=MzI1NDU3NzM5Mg==&mid=2247483811&idx=3&sn=a862d09279d78519d10a4615dd63c0bb) 58 | * [Vue探究：精读mixin与mergeOptions](https://juejin.im/post/5d37de4ee51d45590a445c19) 59 | * [使用 Vue Cli3 + TypeScript + Vuex 一步步构建 todoList](https://juejin.im/post/5d2fefe0e51d454d1d6285d9) 60 | * [用 ref 访问 Vue.js 程序中的 DOM](https://segmentfault.com/a/1190000019857955) 61 | * [小tips,注意vue深度监听对象新老值如何保持不一样](https://www.haorooms.com/post/vue_new_oldval) 62 | * [Vue原理解析（三）：new Vue发生了什么？（下）](https://juejin.im/post/5d346ef9e51d45108f2542cb) 63 | * [一个Vue.nextTick DEMO 引发的学（血）案](https://juejin.im/post/5d391ad8f265da1b8d166175) 64 | * [翻译：Vue.js 2.6.0 中的新指令v-slot](https://juejin.im/post/5d37fb40e51d4556be5b3b35) 65 | * [大白话讲解 Vuex 该怎么样使用](https://juejin.im/post/5d3a9c43e51d45777621bc8b) 66 | * [Vue Prerender.io 预渲染seo优化](https://juejin.im/post/5d3979d36fb9a07ee958b43e) 67 | * [vue-cli3脚手架的使用和相关配置](https://segmentfault.com/a/1190000019887117) 68 | * [# 从零开始，采用Vue的思想，开发一个自己的JS框架（一）](https://juejin.im/post/5d3acac5e51d45772a49ae36) 69 | * [如何大大简化你的Vuex Store](https://juejin.im/post/5d3ac87ef265da1bce3e1791) 70 | * [Vue开发——实现吸顶效果](https://segmentfault.com/a/1190000019888395) 71 | * [Vue必知必会（5）为什么使用v-for时必须添加唯一的key？为什么不宜用index作为key？](https://juejin.im/post/5d3c7f25e51d45599e019ea6) 72 | * [vue源码阅读之数据响应式原理](https://juejin.im/post/5ce23e16e51d4510664d162c) 73 | * [Vue必知必会（6）V-model语法糖](https://juejin.im/post/5d3c826ee51d4556bc067073) 74 | * [Vue必知必会（4）Vue.set()和this.$set()介绍](https://juejin.im/post/5d3c7dcfe51d45572c060131) 75 | * [爬豆瓣小组中的租房信息(mongo+node+vue)](https://segmentfault.com/a/1190000019893823) 76 | * [Vue全家桶高仿网易云音乐mac客户端版（不像赔十个）](https://segmentfault.com/a/1190000019893288) 77 | * [vue项目中引入iconfont](https://juejin.im/post/5d25bca351882557d44c8a85) 78 | * [vue webpack重写cookie路径](https://www.ddhigh.com/2019/07/08/vue-webpack-rewrite-cookie-path.html) 79 | * [面向未来编程，如何在 Vue2 中使用 Vue3 的语法[实践篇]](https://juejin.im/post/5d25b6dde51d45775c73dd70) 80 | * [vue中8种组件通信方式, 值得收藏](https://juejin.im/post/5d267dcdf265da1b957081a3) 81 | * [vue项目实现缓存的最佳方案](https://juejin.im/post/5d22f0f3f265da1b94216d0b) 82 | * [使用vue for时为什么要key](https://juejin.im/post/5d26e0335188252e5514a843) 83 | * [Vue项目减肥之旅（前端项目体积精简的几种方法）](https://juejin.im/post/5d26ecb0e51d4510aa011591) 84 | * [Vue.js函数式组件，什么是函数式组件？为什么要用？什么时候用？](https://juejin.im/post/5d25dd42e51d4577790c1d24) 85 | * [（六） Vue-CLI and Leaflet: 线 绘制](https://juejin.im/post/5d272c596fb9a07ef161adfc) 86 | * [使用 SVG 和 Vue.Js 构建动态树图](https://juejin.im/post/5d2806fb518825121c0058d8) 87 | * [介绍 Vue 中的 Suspense](https://zhuanlan.zhihu.com/p/73393409) 88 | * [在Vue中使用WebSocket+HighCharts+Canvas实现高性能的频谱瀑布图](https://juejin.im/post/5d2859af51882557d44c8f0f) 89 | * [vue2.x使用beforeRouteEnter路由钩子进行鉴权](https://juejin.im/post/5d2806396fb9a07eb55f88fc) 90 | * [Vue实战-菜单栏，商品展示数据交互（8）](https://segmentfault.com/a/1190000019752721) 91 | * [Vue快速学习_第二节](https://www.cnblogs.com/leixiaobai/p/11182630.html) 92 | * [Vue全栈开发之百度贴吧](https://juejin.im/post/5d24993b5188251c692a0de2) 93 | * [vuex 源代码简析](https://juejin.im/post/5d26df3fe51d454fbe24a714) 94 | * [vue-draggable-resizable 可拖拽缩放的组件](https://juejin.im/post/5d28791af265da1bc94f1a89) 95 | * [【step by step】使用 Vue 封装一个表单校验](https://juejin.im/post/5d28787e6fb9a07f06559a64) 96 | * [使用vue.js的动态组件模板](https://segmentfault.com/a/1190000019763034) 97 | * [位运算在vue权限路由中的应用](https://juejin.im/post/5d297e4ce51d454f7230259d) 98 | * [理清 Vue 中的钩子函数](https://juejin.im/post/5d288a865188256345323f96) 99 | * [基于webpack4的VUE多页脚手架](https://segmentfault.com/a/1190000019760397) 100 | * [使用 vue-router 在 Vue 页面之间传递数据](https://juejin.im/post/5d2b201be51d455d6c0ad9c2) 101 | * [Vue.nextTick使用和源码分析](https://segmentfault.com/a/1190000019770773) 102 | * [vue 多项目配置](https://juejin.im/post/5d1eeec751882579d824b4c5) 103 | * [Vue CLI and Leaflet （7） 面绘制](https://juejin.im/post/5d2b2f136fb9a07ec7554a78) 104 | * [如何用钩子解耦 Vue.js 应用](https://juejin.im/post/5d2c05916fb9a07f050a9923) 105 | * [Vue 响应式原理简易 MVVM 三步走第一步 (数据劫持）](https://juejin.im/post/5d2d6bad6fb9a07ef710a683) 106 | * [记录一次优雅的管理Vue全局组件自动注册和插件自动引入](https://segmentfault.com/a/1190000019773184) 107 | * [Vue 的 computed、watch 的实现](https://juejin.im/post/5d2d9429f265da1b672140c8) 108 | * [Vue项目实现简单的权限控制](https://segmentfault.com/a/1190000019781024) 109 | * [vue仿小米商城-我知道的都在这里了](https://juejin.im/post/5d2ec7bbf265da1ba43222ab) 110 | * [给大家分享一个vue的移动端的事件项目](https://juejin.im/post/5d2eeabf518825187f297851) 111 | * [vue仿饿了么写的一个简单的form组件](https://juejin.im/post/5d2eb18d51882569b34df167) 112 | * [学习 Spring Boot（十）：集成 Vue 实现前后端分离](http://muziyuchen.com/spring-boot-10/) 113 | * [Vue CLI3 插件系统原理](https://juejin.im/post/5d301bd0e51d4510a37bacaa) 114 | * [学习 Vue（一）：Vue CLI](http://muziyuchen.com/vue-1/) 115 | * [Vue单页项目SEO完全指南](https://juejin.im/post/5d2d64f36fb9a07eba2c6f65) 116 | * [【VueSSR系列二】clientManifest与bundle的处理流程解读](https://juejin.im/post/5d318208e51d4550a629b335) 117 | * [vue-cli3.0项目中使用vw——相比flexible更原生的移动端解决方案](https://segmentfault.com/a/1190000019812737) 118 | * [React Vue 解决火狐下禁用输入框无法复制](https://juejin.im/post/5d2dc9b0f265da1ba328f8e9) 119 | * [我们一起学习 Vue 中的 slot 吧](https://juejin.im/post/5d329701e51d45109b01b25b) 120 | * [这是一个很干净的后台 (yii2 + vue的权限管理rabc)](https://segmentfault.com/a/1190000019821124) 121 | * [基于Canvas+Vue的弹幕组件](https://juejin.im/post/5d32ef685188251b4b32b348) 122 | * [写给后端同学的vue](https://segmentfault.com/a/1190000019826119) 123 | * [手把手让你像使用vuex一样测试vuex](https://juejin.im/post/5d3462426fb9a07eaa22b867) 124 | * [Vue中对iframe实现keep alive（无刷新）](https://juejin.im/post/5d358926e51d4556be5b3b26) 125 | * [Vue项目webpack打包优化实践总结](https://juejin.im/post/5d3580e0e51d45776031b0ab) 126 | * [如何利用 Vuetify 快速构建具有吸引力的交互式前端？](https://www.infoq.cn/article/0k8kxrte4ej_jvoWpWVN) 127 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]六月-六月竹风寒，来处余香飘坐.md: -------------------------------------------------------------------------------- 1 | ### *`六月`： 六月盘底算，轻舟起！* 2 | 3 | 六月-六月竹风寒，来处余香飘坐。(06.01~06.30): 4 | 5 | __杂感__ 6 | [宋] 陆游 7 | 十月可酿酒，六月可作酱，儿曹念乃翁，左右日供养。 8 | 比邻有老疾，亦复致一饷；老老以及人，此义古所尚。 9 | 10 | * [Vue中高德地图的使用](https://juejin.im/post/5d00d029e51d4510aa0114e9) 11 | * [Vuex学习（1）](https://juejin.im/post/5cff678d518825729626e918) 12 | * [Svelte 3 快速开发指南(对比React与vue)[每日前端夜话0x83]](https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247486841&idx=1&sn=4d024232a02ad0c150e29d84e9b9c726) 13 | * [模拟 vue3.0 rfcs `createComponent` api 中的`props`类型推导](https://segmentfault.com/a/1190000019457171) 14 | * [手把教你搭建SSR(vue/vue-cli + express)](https://segmentfault.com/a/1190000019462324) 15 | * [新的 Vue Function-based API 当中的看到的 Clojure 的影子](https://segmentfault.com/a/1190000019455310) 16 | * [一个基于vuepress默认主题开发的主题-vuepress-theme-reform](https://juejin.im/post/5d0215aff265da1b6a348f61) 17 | * [实现简约不简单的vuex](https://juejin.im/post/5d01ba1af265da1b6836b6df) 18 | * [使用Hook构建解耦的Vue.js应用程序](https://juejin.im/post/5d02030cf265da1bac4011db) 19 | * [Vue 改变数据，页面不刷新的问题](https://segmentfault.com/a/1190000019470488) 20 | * [vue中的父子传值双向绑定及数据修改视图不更新问题](https://segmentfault.com/a/1190000019459531) 21 | * [Intro to VuePress 1.x](https://zhuanlan.zhihu.com/p/68669412) 22 | * [Vue.js的IoC容器模式探索](https://juejin.im/post/5d034012f265da1bab29aa91) 23 | * [【第四期】基于 @vue/cli3 插件，集成日志系统【SSR第三篇】](https://juejin.im/post/5d030cc4f265da1bd04edc64) 24 | * [Vue 3.0前的 TypeScript 最佳入门实践](https://mp.weixin.qq.com/s?__biz=MzI1NDU3NzM5Mg==&mid=2247483764&idx=1&sn=df7dbf5c4e910a6e1893a0b57b0dd727) 25 | * [history和hash，vue-router](https://segmentfault.com/a/1190000019483158) 26 | * [开发一个简单的 Vue 弹窗组件](https://segmentfault.com/a/1190000019480688) 27 | * [Vue组件库工程探索与实践之按需加载](https://juejin.im/post/5d0353d2f265da1bcc193e22) 28 | * [Vue 3.0 的重大改动暴露了哪些问题](https://juejin.im/post/5d03140a5188253d592e070e) 29 | * [精读 vue-hooks](https://juejin.im/post/5d0243a3f265da1b8f1abc49) 30 | * [Vue Function-based API RFC](https://zhuanlan.zhihu.com/p/68477600) 31 | * [2019 前端面试 | Vue.js 专题](https://juejin.im/post/5d046560f265da1b961301d8) 32 | * [揭秘 Vue-3.0 最具潜力的 API](https://zhuanlan.zhihu.com/p/68758240) 33 | * [Vue源码浅析之异步组件注册](https://segmentfault.com/a/1190000019485927) 34 | * [最简单的vue消息提示全局组件](https://segmentfault.com/a/1190000019487630) 35 | * [VueConf 2019 PPT](https://vue.w3ctech.com/) 36 | * [vue基本知识点](https://www.cnblogs.com/PeiGaGa/p/11032653.html) 37 | * [Vue拖拽组件列表实现动态页面配置](https://www.cnblogs.com/dora-zc/p/11031847.html) 38 | * [vue+element加入签名效果（移动端）](https://juejin.im/post/5cf79f03f265da1bb564e75f) 39 | * [Vue源码解析-了解vue插槽slot篇](https://segmentfault.com/a/1190000019492734) 40 | * [vue 路由基础](https://segmentfault.com/a/1190000019492525) 41 | * [vue 状态管理（三）](https://juejin.im/post/5d05d3d651882546dd100c73) 42 | * [基于better-scroll的vue滚动组件](https://segmentfault.com/a/1190000019493601) 43 | * [vue核心原理学习](https://juejin.im/post/5cedf4f86fb9a07ef71055bb) 44 | * [[vue中使用typescript] 超实用教程](https://juejin.im/post/5d0701935188251a4f000ae2) 45 | * [用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]](https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247486867&idx=1&sn=322dfbe80d5df996c061fc6f91f3a1d6) 46 | * [Vue parse之 从template到astElement 源码详解](https://juejin.im/post/5d01b954f265da1bbf69172e) 47 | * [提升90%加载速度——vuecli下的首屏性能优化](https://segmentfault.com/a/1190000019499007) 48 | * [用webpack4.0撸单页/多页脚手架(jquery,react,vue,typescript)](https://juejin.im/post/5d078cc16fb9a07ef37668d0) 49 | * [5种处理Vue异常的方法](https://segmentfault.com/a/1190000019497128) 50 | * [公司要求熟悉框架 Vue，必问面试题你都会几道？](https://mp.weixin.qq.com/s?__biz=MzU3NjczNDk2MA==&mid=2247484312&idx=1&sn=cd486a3a2e3665488c1c8b7cf9e1ca75) 51 | * [记一次忏悔的前端面试经验（Vue 双向绑定原理）](https://juejin.im/post/5d08abeaf265da1b8e70a1d7) 52 | * [使用vue-i18n实现多语言切换效果](https://www.helloweba.net/javascript/609.html) 53 | * [Vue.js 2.0 手把手入门笔记](https://juejin.im/post/5d08b86b6fb9a07eaf2b93a9) 54 | * [【Vue项目总结】后台管理项目总结](https://segmentfault.com/a/1190000019516643) 55 | * [【vue】用图告诉你响应式原理](https://juejin.im/post/5cfa08ee5188254a6c23dd47) 56 | * [Vue实战-头部模块编写（5）](https://segmentfault.com/a/1190000019513244) 57 | * [前端黑科技结合Vue 如何让首页秒开](https://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247486834&idx=1&sn=547d4cf7f32edb1c7a747c535ca62a36) 58 | * [来试试这个用 Vue 撸的数据可视化后台吧](http://developer.51cto.com/art/201906/598117.htm) 59 | * [服务器发布Vue/Nuxt项目指南(图文版本)](https://segmentfault.com/a/1190000019525739) 60 | * [【vue源码解析】render到底做了什么？](https://juejin.im/post/5d09c587e51d454f71439ce2) 61 | * [vue router的总结–$router和$route](http://huolalaweb.com/2019/06/19/vue-router/) 62 | * [Vue动态表单 —— vue-dynamic-form2](https://segmentfault.com/a/1190000019522366) 63 | * [Vue 源码剖析 —— 对象变化侦测](https://juejin.im/post/5d09f8875188252f921b13b7) 64 | * [vuex对ts的支持太弱？一个让 vuex 更好的支持 typescript 的解决方案](https://juejin.im/post/5d09de7ee51d45108223fc71) 65 | * [Vue 动态添加路由及生成菜单](https://segmentfault.com/a/1190000019527606) 66 | * [一个简单案例教你如何用Typescript写Vuex](https://juejin.im/post/5d09682d518825531e0648a7) 67 | * [前端项目之vue分环境打包](https://juejin.im/post/5d0901c8e51d454d544abf65) 68 | * [Vue 页面权限控制和登陆验证](https://segmentfault.com/a/1190000019532448) 69 | * [Vue踩坑之旅（二）—— 监听页面刷新和关闭](https://juejin.im/post/5d0aee8ff265da1b8d162275) 70 | * [Vue踩坑之旅（三）—— 修改子组件样式](https://juejin.im/post/5d0b3a5be51d45108c59a54e) 71 | * [Vue和MVVM的对应关系](https://juejin.im/post/5d0c3541f265da1b827aa306) 72 | * [vue项目工程化规范](https://juejin.im/post/5d0c8a92f265da1b94215196) 73 | * [Vue.js 高级概念：Mixins，自定义指令，过滤器，过渡，状态管理和服务端渲染](https://juejin.im/post/5d0aec48e51d455a694f9542) 74 | * [Vue单页SPA后台管理点击刷新当前页面](https://juejin.im/post/5d0c88d451882532bc6bd5f3) 75 | * [Vue生命周期钩子简介[每日前端夜话0x8A]](http://www.tuicool.com/articles/hit/FnIFZz6) 76 | * [【Vue项目总结】项目nginx部署](https://segmentfault.com/a/1190000019549313) 77 | * [让 babel webpack vue 配置文件支持智能提示](https://www.52cik.com/2019/06/21/config-intelli-sense.html) 78 | * [撸一个Vue脚手架plus，高级概念玩儿一遍(超详细)](https://juejin.im/post/5d0dbbf6e51d45599e019de1) 79 | * [vue项目中运用webpack动态配置打包多种环境域名](https://www.cnblogs.com/c-ms/p/11073675.html) 80 | * [[Vue]组件编写小结](https://juejin.im/post/5d0e78b26fb9a07ebe74c91e) 81 | * [Vue 最黑暗的一天](https://juejin.im/post/5d0f64d4f265da1b67211893) 82 | * [学习vue源码—vue-diff](https://juejin.im/post/5d0f71c86fb9a07ef90ca38a) 83 | * [这几天国外关于 Vue 新 API 的一些争论](https://zhuanlan.zhihu.com/p/70423361) 84 | * [学会了Vue，前端面试却没找到工作？](https://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247486849&idx=1&sn=f350de23b9d008b8969d5940e49e1c62) 85 | * [学会了Vue，前端面试却没找到工作？](https://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247486849&idx=1&sn=f350de23b9d008b8969d5940e49e1c62) 86 | * [mpvue框架使用记录](https://juejin.im/post/5d102bf2e51d4577407b1d5d) 87 | * [支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component](https://segmentfault.com/a/1190000019569852) 88 | * [一文学会Vue中间件管道[每日前端夜话0x8C]](https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247486905&idx=1&sn=cc264d813aa9a7c3af5f4f504816aa37) 89 | * [centos7.6+nginx+nvm+pm2+nodejs+vuejs初探](https://juejin.im/post/5d11b89af265da1b9253e82b) 90 | * [Vue 组件间传参最佳实践](https://segmentfault.com/a/1190000019580144) 91 | * [重学Vue-Router](https://juejin.im/post/5d120e4b6fb9a07ea567fd1c) 92 | * [vue + videojs 处理 m3u8 的坑](https://segmentfault.com/a/1190000019580362) 93 | * [Vue 源码剖析 —— 变化侦测相关 API 实现原理](https://juejin.im/post/5d1223c06fb9a07eec59d878) 94 | * [Vue移动端右滑屏幕返回上一页](https://www.helloweba.net/javascript/610.html) 95 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]十二月-十二月北斗璇光射幽土，四气缘环若朝暮.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`你好十二月`： 十二月北斗璇光射幽土，四气缘环若朝暮。* 3 | 4 | __忆长安·十二月__ 5 | [唐]谢良辅 6 | 忆长安，腊月时，温泉彩仗新移。 7 | 瑞气遥迎凤辇，日光先暖龙池。 8 | 取酒虾蟆陵下，家家守岁传卮。 9 | 10 | Hello, December, please be nice to me！ 11 | 12 | | 再见十一月 | 你好十二月 | 13 | | ---- | ---- | 14 | |![](./blog/12-01.png)|![](./blog/12-02.jpeg)| 15 | 16 | * [vue之新手使用](https://www.maiyewang.com/2019/12/12/vue%E4%B9%8B%E6%96%B0%E6%89%8B%E4%BD%BF%E7%94%A8/) 17 | * [VUE 项目基于 i18n 的国际化处理工具](https://juejin.im/post/5df213cee51d455810541256) 18 | * [React Hook + TypeScript 手把手带你打造use-watch自定义Hook，实现Vue中的watch功能](https://juejin.im/post/5df1ede4f265da33ec7db049) 19 | * [Vue组件的操作-自定义组件，动态组件，递归组件](https://segmentfault.com/a/1190000021272767) 20 | * [Vue项目部署到nginx服务器资料收集](https://segmentfault.com/a/1190000021272522) 21 | * [Npm 发布 Vue 组件教程](https://juejin.im/post/5df301db6fb9a0165a7d439b) 22 | * [Vue 学习笔记(一)初遇](https://segmentfault.com/a/1190000021287639) 23 | * [在Vue框架下使用Fullcalendar](https://www.helloweba.net/javascript/621.html) 24 | * [TypeScript编写Vue项目结构解析](https://segmentfault.com/a/1190000021285842) 25 | * [面试官：聊聊对Vue.js框架的理解](https://segmentfault.com/a/1190000021290972) 26 | * [Vue Router被我们忽略的知识点](https://juejin.im/post/5df6369be51d4557ef03fa0b) 27 | * [一个基于vue的网页图片浏览插件](https://juejin.im/post/5df4db3b518825127a036de5) 28 | * [升级vue-element-admin，高效开发后台管理系统](https://juejin.im/post/5df749aa6fb9a016391d485c) 29 | * [Vue数据响应原理](https://mp.weixin.qq.com/s?__biz=MzI1NDc0ODMzNg==&mid=2247484636&idx=1&sn=fe1de93deb3f019ff4a86ddab4e7ede4) 30 | * [基于Webpack4的Vue移动端开发环境-优化篇](https://juejin.im/post/5df82ff2518825126d5a2e1b) 31 | * [Vue使用Jest单元测试（学习笔记）](https://juejin.im/post/5df74948f265da33a55f9d85) 32 | * [Webview Vue 网页调试](https://iiong.com/webview-vue-debugger/) 33 | * [Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战](https://mp.weixin.qq.com/s?__biz=MzA5MTkxNTMzNg==&mid=2650265655&idx=3&sn=269121cf41acf47a8b2d352681bd0317) 34 | * [Vue数据双向绑定原理和实现](https://segmentfault.com/a/1190000021327394) 35 | * [Vuex如何实现数据共享](https://juejin.im/post/5df9cd2651882512727f2a56) 36 | * [vue-loader是怎么工作的](https://juejin.im/post/5dfa0b74e51d4557f3532d32) 37 | * [vue入门慢慢加更](https://juejin.im/post/5df830006fb9a01616435e7a) 38 | * [vuepress插件开发不完全指南](https://juejin.im/post/5dfa391bf265da339a1aa86a) 39 | * [vue源码阅读四：虚拟DOM是如何渲染成真实的DOM的？（上）](https://juejin.im/post/5decab84e51d45581f5ee1be) 40 | * [Vue电商项目-提升逼格玩转svg](https://segmentfault.com/a/1190000021354436) 41 | * [简单描述 vue 和其他框架的区别](https://juejin.im/post/5dfb4591518825126874cd47) 42 | * [从零到部署：用 Vue 和 Express 实现迷你全栈电商应用（一）](https://juejin.im/post/5dfd851c6fb9a0163e248463) 43 | * [Single-Spa + Vue Cli 微前端落地指南 (项目隔离远程加载，自动引入)](https://juejin.im/post/5dfd8a0c6fb9a0165f490004) 44 | * [VUE 3.0 API 尝鲜体验](https://juejin.im/post/5dfcc030f265da33d039dda5) 45 | * [总结Springboot和Vue前后端分离的跨域问题](https://www.cnblogs.com/zxcoder/p/11961069.html) 46 | * [Vue.js 无限滚动列表性能优化方案](https://juejin.im/post/5de07780f265da05de5881c2) 47 | * [vue+springboot前后端分离实现token登录验证和状态保存的简单实现方案](https://www.cnblogs.com/zxcoder/p/11964433.html) 48 | * [Vue实现图片与文字混输](https://juejin.im/post/5de26d39e51d455da17be1e3) 49 | * [[扩展推荐] Laravue —— 漂亮的 Laravel 管理界面](https://segmentfault.com/a/1190000021171987) 50 | * [vue学习笔记(九)vue-cli中的组件通信](https://www.cnblogs.com/jjgw/p/11964361.html) 51 | * [关于Vue代码如何写的一些见解](https://juejin.im/post/5de1d6c45188256e8e43adfb) 52 | * [对比 React Hooks 和 Vue Composition API](https://mp.weixin.qq.com/s/dwkN-SzBlkYB_RfFAfFpLg) 53 | * [Vue 3.x 响应式原理——ref源码分析](https://zhuanlan.zhihu.com/p/95010735) 54 | * [为Vue添加简单的Store](https://blog.ixk.me/add-simple-store-for-vue.html) 55 | * [基于vue-cli3创建libs库](https://juejin.im/post/5de516035188252edd0e282b) 56 | * [vue单元测试第一篇：单元测试介绍和基本使用](https://juejin.im/post/5de5fdd3e51d452515148083) 57 | * [Vue 3.x 响应式原理——effect源码分析](https://zhuanlan.zhihu.com/p/95012874) 58 | * [vue项目中极验验证的使用](https://segmentfault.com/a/1190000021182031) 59 | * [基于Vue-Cli3的Vue移动端企业级工程架构](https://juejin.im/post/5de618bf6fb9a0162e5dc948) 60 | * [WebSocket原理及socket.io+vue+koa实现聊天功能](https://juejin.im/post/5de6159a518825123175e766) 61 | * [Vue面试题以及实际项目中遇到的坑](https://juejin.im/post/5de6462b6fb9a0165e32ed23) 62 | * [【vue-进阶】之vue-router源码分析](https://juejin.im/post/5de6140de51d4558096d37ed) 63 | * [Vue3源码学习(问题总结)](https://juejin.im/post/5de75a476fb9a01658358720) 64 | * [基于Vue的移动端h5项目总结](https://juejin.im/post/5de72b1f51882512360d3910) 65 | * [vue-cli3配置webpack,htmlWebpackPlugin](https://juejin.im/post/5de5cdc9f265da05d96549c8) 66 | * [Vue实现字符串中自定义标识符的解析渲染](https://juejin.im/post/5de6715ff265da33f11ab400) 67 | * [Vue组件通信之非父子组件传值](https://www.cnblogs.com/ViavaCos/p/11986576.html) 68 | * [vue实现数字动态翻牌的效果（开箱即用）](https://juejin.im/post/5de8bf5851882512480a73dc) 69 | * [vuex的源码一些理解](https://segmentfault.com/a/1190000021201450) 70 | * [Vue+PWA实践过程](https://juejin.im/post/5de8c1ade51d45582f582bd2) 71 | * [如何编写一个vue cli插件](https://juejin.im/post/5de8c56f6fb9a0165f48e89d) 72 | * [vue 实现LED数字时钟（开箱即用）](https://juejin.im/post/5de8c88cf265da33a352f53e) 73 | * [终于轮到Vue来带给React灵感了？](https://juejin.im/post/5de9c4fde51d455819021b93) 74 | * [20 个新的且值得关注的 Vue 开源项目](https://segmentfault.com/a/1190000021192728) 75 | * [VUE路由组件复用的一个技巧](https://www.zhangyangjun.com/post/vue-router-component-reuse-tech.html) 76 | * [vue+leaflet+PruneCluster实现地图点聚合效果](https://juejin.im/post/5dea1eb3e51d45582d33f0ed) 77 | * [vue+TypeScript需要注意的点](https://juejin.im/post/5de9f78b6fb9a016470c1708) 78 | * [基于vue-cli4脚手架搭建的cesium所踩的坑](https://juejin.im/post/5dea0423f265da33c24fe18a) 79 | * [Vue.js 中的无渲染行为插槽](https://segmentfault.com/a/1190000021214099) 80 | * [不再头秃typescript平滑重构vue项目](https://juejin.im/post/5de9d2e9f265da3398561ea4) 81 | * [VUE组件通信的十种姿势](https://juejin.im/post/5deac42f518825125b21c1a4) 82 | * [vue-router深度解析，全方位搞定路由](https://juejin.im/post/5deac49b6fb9a016510d9766) 83 | * [Vue中容易被忽视的知识点](https://segmentfault.com/a/1190000021229517) 84 | * [2019年底史上最全Vue框架整理从基础到实战(二)](https://juejin.im/post/5dedbe0f518825124316825b) 85 | * [借助 VuePress 和 GitBook ，10 分钟即可免费部署你的静态博客网站](https://segmentfault.com/a/1190000021234353) 86 | * [实现Vue项目主题切换](https://juejin.im/post/5dee0610518825126d5a2255) 87 | * [连v-show都不会你还敢说熟悉 Vue 原理？](http://www.alloyteam.com/2019/12/14124/) 88 | * [vue-router源码全解析](https://juejin.im/post/5df0ada0f265da33d56d1a2f) 89 | * [vuex-基础以及辅助函数的用法](https://juejin.im/post/5df08d75f265da33e97fc763) 90 | * [我的前端知识梳理-VUE篇](https://juejin.im/post/5df0889ce51d4558284721e7) 91 | * [Vue核心概念及特性 (一)](https://juejin.im/post/5def63ed6fb9a016253c02e0) 92 | * [vue和react中循环key的作用](https://juejin.im/post/5df0b1c46fb9a016323d767a) 93 | * [Vue 防抖与节流の使用](https://juejin.im/post/5dccb36de51d45105d563105) 94 | * [vuejs系列五-vue-router的使用（上）](https://juejin.im/post/5d94ad33e51d457806260ed8) 95 | * [重温Vue响应式绑定原理](https://juejin.im/post/5dcca4eef265da796f3d9d03) 96 | * [Vue 3.0 响应式方法解析](https://juejin.im/post/5dccf61a51882510cc093207) 97 | * [技术驱动-自我学习 Vue.js 源码（一）](https://juejin.im/post/5dcc0e2be51d451055173f5e) 98 | * [从 Object.defineProperty 到 Proxy 深入理解 Vue 3.0 响应系统](https://segmentfault.com/a/1190000021003414) 99 | * [Vue面试经常会被问到的面试题](https://juejin.im/post/5dce0677e51d45083d30b7e7) 100 | * [vuecli3中webpack配置相关](https://juejin.im/post/5dcd03eff265da0bb854b860) 101 | * [Vue响应式数据原理2.0](https://juejin.im/post/5dce8143e51d453fa173d79d) 102 | * [为Vuex添加同步Action](https://blog.ixk.me/add-sync-action-for-vuex.html) 103 | * [从new Vue到Hello World(上)](https://juejin.im/post/5dce5be7e51d453fbf29dcf6) 104 | * [Vue3.0响应式系统二三事](http://www.tuicool.com/articles/hit/RVruAbU) 105 | * [Laravel + Vuejs + Tailwind CSS 构建一个 Todo App 第一部分](https://zhuanlan.zhihu.com/p/92326844) 106 | * [vue封装element 中table组件](https://segmentfault.com/a/1190000021056542) 107 | * [Vue.nextTick，了解一下？](https://juejin.im/post/5dd3a79cf265da0bd61f162c) 108 | * [基于 Vue 的两层吸顶踩坑总结](https://segmentfault.com/a/1190000021056294) 109 | * [Vue2.0源码阅读笔记（八）：slot](https://juejin.im/post/5dd3a2bd5188254e890b0549) 110 | * [Vue CLI3搭建组件库并实现按需引入实战操作](https://juejin.im/post/5dd234635188254a1f44646a) 111 | * [一个简单的Vue按钮级权限方案](https://juejin.im/post/5dd2a8d1518825499543c772) 112 | * [前后端分离，我怎么就选择了 Spring Boot + Vue 技术栈？](https://segmentfault.com/a/1190000021062511) 113 | * [学习 vuex 源码整体架构，打造属于自己的状态管理库](https://juejin.im/post/5dd4e61a6fb9a05a5c010af0) 114 | * [浅谈Vue SSR中的Bundle](https://juejin.im/post/5dd4fc575188255d35425983) 115 | * [给大家整理了几个开源免费的 Spring Boot + Vue 学习资料](https://segmentfault.com/a/1190000021061960) 116 | * [通过 GASP 让 Vue 实现动态效果](https://zhuanlan.zhihu.com/p/93253752) 117 | * [vue源码阅读二：虚拟 DOM 是如何生成的？（上）](https://juejin.im/post/5dda3d32f265da7de03eca68) 118 | * [优雅地用Vue生成动态表单](https://juejin.im/post/5ddb82b1f265da7e243d0a72) 119 | * [Vuex基本使用的总结–转载](https://www.maiyewang.com/2019/11/26/vuex%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8%E7%9A%84%E6%80%BB%E7%BB%93-%E8%BD%AC%E8%BD%BD/) 120 | * [Vue中使用provide/inject实现页面reload的方法](https://www.leixuesong.com/3646) 121 | * [Vue SSR与React SSR从0到1开始搭建](https://juejin.im/post/5dd7a6d351882573151169d8) 122 | * [Vue 之keep-alive的使用，实现页面缓存](https://juejin.im/post/5ddcefaef265da06113c6fa9) 123 | * [【前端开发】Vue+Typescript开发模式介绍](https://mp.weixin.qq.com/s?__biz=MzU4Mzg4MDU1MA==&mid=2247484622&idx=1&sn=a493f581bffa2d822cb610a04eac5602) 124 | * [23 个 Vue.js 初级面试题](https://segmentfault.com/a/1190000021131028) 125 | * [『 Vue小Case 』- Vue Prop中的 null vs undefined](https://juejin.im/post/5ddcf5f4e51d4532db416149) 126 | * [Vue.directive 实现元素scroll逻辑复用](https://juejin.im/post/5dde87fcf265da05f264c1f4) 127 | * [简单使用vue-cli](https://www.maiyewang.com/2019/11/28/%E7%AE%80%E5%8D%95%E4%BD%BF%E7%94%A8vue-cli/) 128 | * [Vue2.0源码阅读笔记（九）：内置组件](https://juejin.im/post/5ddf9731e51d45254f52acfe) 129 | * [浅谈Vue下的components模板](https://www.maiyewang.com/2019/11/28/%E6%B5%85%E8%B0%88vue%E4%B8%8B%E7%9A%84components%E6%A8%A1%E6%9D%BF-2/) 130 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]十月-十月江南风信早，梅枝早閟先春.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`十月初-至今`： 十月江南风信早，梅枝早閟先春。* 3 | 4 | __渔家傲·十月小春梅蕊绽__ 5 | [宋] 欧阳修 6 | 十月小春梅蕊绽。红炉画阁新装遍。 7 | 锦帐美人贪睡暖。羞起晚。玉壶一夜冰澌满。 8 | 楼上四垂帘不卷。天寒山色偏宜远。 9 | 风急雁行吹字断。红日短。江天雪意云撩乱。 10 | 11 | 🍑🍒🍓🍅🍆🌽🍄 12 | 当Vue 3.0的源码出现的时候，估计大家按捺不住了吧。 13 | 关于Vue 3.0特性和其它实现，是否想一睹为快。 14 | 🍔🍟🍕🍳🍲🍱🍩 15 | 16 | 国庆虽然刚过去没多久了，这里不妨列出几道思考题给自己充充电： 17 | 18 | 💐 这半年来有持续关注 PWA 和 WebAssembly吗？ 19 | 🌸 是否有过混合开发项目和了解其性能问题？ 20 | 💮 是否你的项目已经在使用TypeScript了？ 21 | 🌹 是否自己搭建过一套类似vue-cli脚手架？ 22 | 🌼 关于高阶函数的应用场景和你的看法？ 23 | 🌺 Vue 3.0 的 Function API + Hooks 与 React Function Component + Hooks区别？ 24 | 🌻 mutable 和 immutable 类型的优缺点？ 25 | 🌷 前端是否在2019年底到明年初进入了use+的全新Hooks时代 26 | 27 | * [Vue 3 源码开放，今天你学习了吗？](https://segmentfault.com/a/1190000020598857) 28 | * [nginx反向代理、负载均衡配置及vue项目部署](https://segmentfault.com/a/1190000020596883) 29 | * [Vue 3.0 源码开放，看看都有哪些新特性](https://zhuanlan.zhihu.com/p/85343099) 30 | * [Vue3 watch函数执行过程](https://juejin.im/post/5d99b5fb5188257377312c82) 31 | * [Vue中的项目优化](https://juejin.im/post/5d9939d0e51d45781332e949) 32 | * [Vue核心梳理](http://blog.poetries.top/2019/10/06/vue-review/) 33 | * [Vue 3 原理剖析：数据响应系统](https://juejin.im/post/5d996e3e6fb9a04e3043cc5b) 34 | * [Vue3.x源码调试](https://juejin.im/post/5d99d9a0f265da5b8601264c) 35 | * [Vue3.0 中的数据侦测](https://juejin.im/post/5d99be7c6fb9a04e1e7baa34) 36 | * [Vue 使用中需要注意回避的地方](https://zhuanlan.zhihu.com/p/85420187) 37 | * [使用 Proxy 实现 Vue.js 3 中的响应式思想](https://juejin.im/post/5d9ae2415188256eee1639e3) 38 | * [vue自动化路由](https://juejin.im/post/5d90798151882576e44088e8) 39 | * [vue中的渲染函数/jsx和插槽slot](https://juejin.im/post/5d907f6bf265da5bba416c32) 40 | * [解决 vue cli 使用 typescript 后打包巨慢的问题](https://juejin.im/post/5d9074a6e51d4577f4608b18) 41 | * [CMS全栈项目之Vue和React篇（下）（含源码）](https://juejin.im/post/5d8f4ee55188252cdb5e3125) 42 | * [不可不知的 Vue.js 列表渲染](https://juejin.im/post/5d907635f265da5bad404cd8) 43 | * [Vue 数据响应式源码分析笔记](https://juejin.im/post/5d88c01df265da03b8109ef9) 44 | * [Vue 组件：基础概念](https://chorer.github.io/2019/10/02/F-Vue%20%E7%BB%84%E4%BB%B6%EF%BC%9A%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5/) 45 | * [Vue 组件：父子组件通信](https://chorer.github.io/2019/10/03/F-Vue%20%E7%BB%84%E4%BB%B6%EF%BC%9A%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6%E9%80%9A%E4%BF%A1/) 46 | * [vue-type-check: Vue 模板中的 Typescript 类型检查](https://segmentfault.com/a/1190000020585698) 47 | * [Vue 关于单向数据流的简单理解](https://chorer.github.io/2019/10/04/F-Vue%20%E5%85%B3%E4%BA%8E%E5%8D%95%E5%90%91%E6%95%B0%E6%8D%AE%E6%B5%81%E7%9A%84%E7%AE%80%E5%8D%95%E7%90%86%E8%A7%A3/) 48 | * [根据vue-cli手摸手实现一个自己的脚手架](https://segmentfault.com/a/1190000020593700) 49 | * [Vue实战—项目的优化（完结篇）](https://segmentfault.com/a/1190000020592276) 50 | * [vue-v-xxx基于 Vue拓展的 v-xxx 库](https://segmentfault.com/a/1190000020605771) 51 | * [初探Cordova结合Vue](http://blog.poetries.top/2019/10/07/cordova-for-vue/) 52 | * [Vue3.0数据响应式原理](https://juejin.im/post/5d9c9891f265da5b6b630151) 53 | * [记一次vue+nuxt性能优化](https://juejin.im/post/5d93e5446fb9a04de04d7986) 54 | * [Vue3响应式系统源码解析(上)](https://juejin.im/post/5d9c9a135188252e097569bd) 55 | * [vue.js快速上手开发知识梳理](https://juejin.im/post/5d9c81346fb9a04e252c8709) 56 | * [一张图理清 Vue 3.0 的响应式系统](https://segmentfault.com/a/1190000020629159) 57 | * [Vue 开发必须知道的 36 个技巧【近1W字】](https://segmentfault.com/a/1190000020620972) 58 | * [Vue项目 使用拦截器和JWT验证 完整案例](https://juejin.im/post/5d9deb275188255ccc5798ed) 59 | * [webpack loader 从上手到理解系列：vue-loader（一）](https://segmentfault.com/a/1190000020629508) 60 | * [Vue3响应式系统源码解析-Ref篇](https://juejin.im/post/5d9eff686fb9a04de04d8367) 61 | * [Vue 3.0 公开代码之后……](https://mp.weixin.qq.com/s/_9XaMyAv0NjJRvwKEEleuw) 62 | * [前端微架构实践(Vue)](https://juejin.im/post/5d9eaa676fb9a04de30c7496) 63 | * [五分钟看懂Vue3-数据绑定](https://juejin.im/post/5d9dc63451882571e202cd58) 64 | * [Vue MVVM实现原理流程 案例分析](https://juejin.im/post/5d9f4b19518825519576b867) 65 | * [「译」一个案例搞懂 Vue.js 的作用域插槽](https://segmentfault.com/a/1190000020643548) 66 | * [使用vuepress开发个人的博客](https://segmentfault.com/a/1190000020636636) 67 | * [浅析Vue3中的响应式原理](https://juejin.im/post/5d9ecf17f265da5bb065dba5) 68 | * [vue3的数据响应原理和实现](https://segmentfault.com/a/1190000020636103) 69 | * [仿 vue-cli 搭建属于自己的项目](https://juejin.im/post/5da041ea6fb9a04e20417877) 70 | * [给vue3源码添加注释：数据响应式部分](https://juejin.im/post/5d9c41436fb9a04def4e5b1c) 71 | * [三十分钟学会使用vue-router搭建单页应用（SPA）](https://juejin.im/post/5da01dd8e51d457819286625) 72 | * [浅析Vue3数据响应系统](http://jungahuang.com/2019/10/11/about-vue3-proxy/) 73 | * [VUE 的单向数据流](https://juejin.im/post/5da008066fb9a04e2b1f0e6f) 74 | * [通过 Laravel 创建一个 Vue 单页面应用（四）](https://segmentfault.com/a/1190000020651067) 75 | * [vue3中effect与computed的亲密关系](https://juejin.im/post/5d9f5090e51d4578502c24b1) 76 | * [使用 webpack4 手动搭建一个 vue 项目](https://juejin.im/post/5d9f6280e51d45782e6039d9) 77 | * [Vue 3.0 公开代码之后……](https://mp.weixin.qq.com/s/_9XaMyAv0NjJRvwKEEleuw) 78 | * [vue打包优化大小,vue服务端渲染，非cli环境实现spa单页面项目](https://juejin.im/post/5da14cf46fb9a04e2f71ca4b) 79 | * [Vue3.0 中的 monorepo 管理模式](https://juejin.im/post/5d9edb225188253e3377537c) 80 | * [Vue之vue-router原理剖析](https://juejin.im/post/5da180556fb9a04e252c8ecc) 81 | * [15 分钟掌握 vue-next 响应式原理](https://segmentfault.com/a/1190000020660741) 82 | * [为什么用vue.js，为什么前端开发46%的人都在用？](https://segmentfault.com/a/1190000020660281) 83 | * [Vue自定义防抖指令](https://juejin.im/post/5d790255f265da03c34c284e) 84 | * [基于 Vue 的商品主图放大镜方案](https://juejin.im/post/5d8235565188256bbe57dc84) 85 | * [基于Vue的轮播组件Vue-Awesome-Swiper](https://www.leixuesong.com/3570) 86 | * [electron-vue项目笔记1——初始化项目](https://juejin.im/post/5d8241636fb9a06ae8364464) 87 | * [vue组件间通讯方式](https://juejin.im/post/5d80777cf265da039a28bb04) 88 | * [Vue Composition API 响应式包装对象原理](https://juejin.im/post/5d836420f265da039b24d1ee) 89 | * [vue面试题之二：路由 vue-router 面试题](https://juejin.im/post/5d832bd75188255be3360cb6) 90 | * [Vue.js slot 插槽](http://www.tuicool.com/articles/hit/vYVrayR) 91 | * [vue 数据更新却不render？](https://juejin.im/post/5d47d706e51d453bc6480170) 92 | * [Vuex 从使用到原理分析（下篇）](https://juejin.im/post/5d84a60fe51d4561f777e288) 93 | * [Vuex与组件通信](https://www.helloweba.net/javascript/615.html) 94 | * [喜大普奔，两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了](https://segmentfault.com/a/1190000020440486) 95 | * [5个有用的Vue开发技巧](https://juejin.im/post/5d861aabe51d4557ca7fde06) 96 | * [Vue 3.0 最新进展：Composition API](https://juejin.im/post/5d836458f265da03d871f6e9) 97 | * [Vue最全指令大集合————VUE](https://www.cnblogs.com/cth0/p/11564416.html) 98 | * [理解 vuex 实现原理](https://juejin.im/post/5d863ff66fb9a06ada54ed03) 99 | * [从vue-loader源码分析CSS Scoped的实现](https://juejin.im/post/5d8627355188253f3a70c22c) 100 | * [国庆前来一波vue相关知识点，值得收藏并给自己充充电](https://segmentfault.com/a/1190000020450933) 101 | * [一文弄懂vuex的使用方式](https://juejin.im/post/5d858cdee51d4562043f57de) 102 | * [vue多页面项目中路由如何使用history模式](https://segmentfault.com/a/1190000020452740) 103 | * [通过 Laravel 创建一个 Vue 单页面应用（一）](https://segmentfault.com/a/1190000020457104) 104 | * [遇见面试 Vuex原理解析](https://juejin.im/post/5d87397c6fb9a06b141821bc) 105 | * [electron-vue项目笔记7——实现主题换肤](https://juejin.im/post/5d864cc75188253f9542bb64) 106 | * [彻底搞懂Vue中keep-alive的魔法(上)](https://juejin.im/post/5d8871c851882509630338c4) 107 | * [Github 上 36 个最实用的 Vue 开源库](https://zhuanlan.zhihu.com/p/83707128) 108 | * [Vue+nodejs(express) 实现文件上传](https://segmentfault.com/a/1190000020467289) 109 | * [一周 GitHub 开源项目推荐：腾讯、12306、Vue、面试……](https://mp.weixin.qq.com/s/NqgQRqtkGDYaZYWMnYNZtg) 110 | * [VUE基础实用技巧](https://www.maiyewang.com/2019/09/24/vue%E5%9F%BA%E7%A1%80%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7-2/) 111 | * [根据不同环境构建 Vue 项目](https://www.itwork.club/2019/09/24/config-vue-cli-env/) 112 | * [前端使用工具强制实行代码规范（Vue）](https://blog.rxliuli.com/p/ce3fba72/) 113 | * [在Vue中使用Tinymce5遇到的问题记录](http://makeup1122.github.io/2019/09/25/vue-tinymce5/) 114 | * [使用nuxt前，需要了解的vue ssr基础](https://juejin.im/post/5d8b68bdf265da5b6e0a24c7) 115 | * [基于@vue/cli 3.x的从0到1搭建Vue项目的实践](https://segmentfault.com/a/1190000020491802) 116 | * [浅析Vue.nextTick()原理](https://segmentfault.com/a/1190000020499713) 117 | * [Vue常见面试题精讲【持续更新】](https://segmentfault.com/a/1190000020518331) 118 | * [10 分钟上手 Vue 组件 Vue-Draggable](https://zhuanlan.zhihu.com/p/84433257) 119 | * [vue全家桶开发的一些小技巧和注意事项](https://juejin.im/post/5d8c6a97e51d45782c23fa69) 120 | * [vue自动化router](https://juejin.im/post/5d8dd305f265da5b7d69017c) 121 | * [Vue中 render 函数应用](https://segmentfault.com/a/1190000020526322) 122 | * [Vue实现20+页面的复杂单页面应用（仿实验楼）](https://juejin.im/post/5d8ec6f0e51d4577ef53de1e) 123 | * [Vue插槽父子调用规则](https://juejin.im/post/5d8f2726f265da5bb414b24e) 124 | 125 | -------------------------------------------------------------------------------- /2019[月报]汇总/[月报]四月-乡村四月闲人少，才了蚕桑又插田.md: -------------------------------------------------------------------------------- 1 | ### *`四月`： 乡村四月闲人少，才了蚕桑又插田。* 2 | 3 | 四月-啦、啦、啦啦啦~。(04.01~04.30): 4 | 5 | __诗三首之一__ 6 | [宋] 严中和 7 | 梅天雨气入帘栊，衣润频添柏火烘。 8 | 四月江南无矮树，人家都在绿阴中。 9 | 10 | * [vue项目首屏打开速度慢？我来带你飞](https://segmentfault.com/a/1190000018715223) 11 | * [Vue JSX 深入解析](https://zhuanlan.zhihu.com/p/59434351) 12 | * [一步步搭建 VuePress 及优化【初始化到发布】](https://segmentfault.com/a/1190000018711587) 13 | * [一步步搭建 VuePress 及优化【插件系列】](https://segmentfault.com/a/1190000018715170) 14 | * [vue-router学习](https://segmentfault.com/a/1190000018713487) 15 | * [Vue 前端面试题](http://t.cn/Eibwugo) 16 | * [vue 脚手架 配置 及文件介绍](https://juejin.im/post/5ca02573e51d456b981c08b5) 17 | * [Vue + TypeScript + Element 项目实战及踩坑记](https://segmentfault.com/a/1190000018720570) 18 | * [从零搭建自己的Vue管理端框架（四）](https://juejin.im/post/5ca01063e51d4577414ea14a) 19 | * [Vue源码解读前必须要知道的Vue构建流程](https://segmentfault.com/a/1190000018717497) 20 | * [Vue.js 的注意事项与技巧](https://segmentfault.com/a/1190000018718923) 21 | * [VUE 9个性能优化秘密？（vue-9-perf-secrets）](https://juejin.im/post/5ca18157e51d45301b5c957c) 22 | * [3 个概念，入门 Vue 组件开发](https://www.infoq.cn/article/PKTbuKWWXSIh_iXtZuUt) 23 | * [Vue-CLI 3.x 自动部署项目至服务器](https://segmentfault.com/a/1190000018729701) 24 | * [你要的移动端vue多页面脚手架，都帮你集成和封装好了](https://juejin.im/post/5ca206d16fb9a05e4868bd90) 25 | * [Vue.js + Tone.js 开发Web钢琴应用](https://juejin.im/post/5ca1d2f1e51d4509ea3d0518) 26 | * [基于vue实现web端超大数据量表格](https://juejin.im/post/5ca1a986f265da30a2319e2e) 27 | * [DIY 一个 Vuex 持久化插件](https://segmentfault.com/a/1190000018741552) 28 | * [剑走偏锋之Vue 组件通信（一）—通过$parent和$children构建自己的通讯方式](https://juejin.im/post/5ca18092e51d4566ce235bff) 29 | * [Vue项目实战（一）——ToDoList](https://juejin.im/post/5ca3191f6fb9a05e605e32a7) 30 | * [Vue传参一箩筐](https://juejin.im/post/5ca1b720f265da309b7804cb) 31 | * [Vue1.0+Webpack1+Gulp项目升级构建方案的踩坑路](https://juejin.im/post/5ca31f16e51d45312f0de3df) 32 | * [前端工程（vue）多环境配置方案](https://juejin.im/post/5ca5cc916fb9a05e146d74b0) 33 | * [Vue 的小奇技（第十二篇）：组件创建时立即调用观察者回调](https://juejin.im/post/5ca59098f265da30d561f383) 34 | * [手把手教你撸一个vue框架（原理篇）](https://juejin.im/post/5ca456bfe51d456d3c45fef4) 35 | * [vue单元测试vue test utils使用初探](https://juejin.im/post/5ca56c2551882543fa41d51f) 36 | * [vue表单验证你真的会了吗？组件之表单验证（form）validate](https://juejin.im/post/5ca57057e51d4514f965c7b8) 37 | * [面试官：react和vue有什么区别吗？](https://juejin.im/post/5ca6fd2f6fb9a05e643def4f) 38 | * [vuethink安装配置](https://segmentfault.com/a/1190000018770454) 39 | * [vue 中this.$emit()的返回值是什么？](https://juejin.im/post/5ca8bbf251882543ec1d6a57) 40 | * [vue.js实现一个会动的简历(包含底部导航功能，编辑功能)](https://segmentfault.com/a/1190000018779991) 41 | * [【Vue 实践】增加简历市场及 WebSocket 通知-02](https://juejin.im/post/5ca9b3526fb9a05e55164c1d) 42 | * [vuepress部署静态网站踩坑指南](https://segmentfault.com/a/1190000018783535) 43 | * [如何优化我们的代码（vue项目）](https://juejin.im/post/5ca88cde6fb9a05e746f852d) 44 | * [「Vue实战」武装你的项目](https://juejin.im/post/5caae5ccf265da24df469294) 45 | * [小白教程|一小时上手最流行的前端框架vue](https://juejin.im/post/5cab02a46fb9a05e6a089348) 46 | * [Vue中使用create-keyframe-animation、动画钩子完成复杂动画](https://juejin.im/post/5caaf85fe51d452b4d56182a) 47 | * [《2019 年 Vue 生态圈调查：92% 的开发者将继续用 Vue》](http://t.cn/E6KyDHf) 48 | * [vue项目封装icon](https://juejin.im/post/5cac0164f265da0374185766) 49 | * [2019 年 Vue 生态圈调查：92% 的开发者将继续用 Vue](https://www.infoq.cn/article/BEJrd7F_3yxqhe36joO9) 50 | * [Vue 路由知识点归纳总结](https://segmentfault.com/a/1190000018801949) 51 | * [Vue源码学习之双向绑定](https://juejin.im/post/5cac736ff265da0368143c20) 52 | * [聊聊vue2.5的patch过程（diff算法）](https://juejin.im/post/5cac2c945188251b0a1e51ee) 53 | * [Vue组件之间通信，父到子，子到父，非父子组件之间数据传递梳理](https://segmentfault.com/a/1190000018809309) 54 | * [【2019 前端进阶之路】深入 Vue 响应式原理，活捉一个 MVVM（超详细）](https://juejin.im/post/5ca15e29f265da30a3303351) 55 | * [记一次用vue做的活动页](https://segmentfault.com/a/1190000018824614) 56 | * [通过几个问题深入分析Vue中的diff原理](https://juejin.im/post/5cad9fc96fb9a068a75d2909) 57 | * [从源码看Vue的响应式原理](https://juejin.im/post/5cad52e7f265da035f6fbb82) 58 | * [vue+vuex+json-seiver实现数据展示+分页](https://juejin.im/post/5cad6c596fb9a06853011518) 59 | * [入手vue-cli 3.x](https://segmentfault.com/a/1190000018833999) 60 | * [五步带你完成vue-cli 项目打包一键部署（测试）服务](https://segmentfault.com/a/1190000018846405) 61 | * [从零开始教你用vuepress搭建自己的博客（1）—基础篇](https://juejin.im/post/5cb03998e51d456e651b645e) 62 | * [[Vue] slot详解，slot、slot-scope和v-slot](https://juejin.im/post/5cb0564e5188251acb530087) 63 | * [koa+mysql+vue+socket.io全栈开发之前端篇](http://www.cnblogs.com/edwardloveyou/p/10702471.html) 64 | * [Vue页面级缓存解决方案feb-alive (下)](https://juejin.im/post/5cb150b6f265da037d4f9c86) 65 | * [如何理解vue的key属性](https://juejin.im/post/5cb06250f265da03b204207e) 66 | * [vue-cli项目使用mock数据的方法（借助express）](http://www.cnblogs.com/dreamcc/p/10705807.html) 67 | * [VueRouter源码分析](https://juejin.im/post/5cb2c1656fb9a0688360fb2c) 68 | * [封装Vue组件的一些技巧](https://juejin.im/post/5cb3eed65188251b0351f2c4) 69 | * [Vue的mergeOptions函数分析-上](https://juejin.im/post/5cb44b50f265da039a3d6339) 70 | * [理理Vue细节](https://juejin.im/post/5cb444605188251ada7e320d) 71 | * [[Vue.js进阶]从源码角度剖析Vue的生命周期](https://juejin.im/post/5cafeb515188251aeb3ec6a2) 72 | * [浏览器事件循环（结合vue nextTicket）](https://juejin.im/post/5cb474b3f265da03474df580) 73 | * [如何将使用了store的Vue业务组件复用](https://juejin.im/post/5cb42f195188257abf2b353e) 74 | * [vue的数据劫持以及操作数组的坑](https://juejin.im/post/5cb59b4af265da03b0515415) 75 | * [Vue 组件间通信方法汇总](https://segmentfault.com/a/1190000018887811) 76 | * [如何优雅的自配Vue2.6.10+webpack4.29.6？](https://juejin.im/post/5cb54221f265da037516968b) 77 | * [高仿网易云音乐 Vue前端项目](https://juejin.im/post/5cb751f7e51d456e6a1d023b) 78 | * [Vue中的scoped及穿透方法](https://juejin.im/post/5cb6dcdbf265da03b36edf4a) 79 | * [记一次 Vue 移动端活动倒计时优化](https://juejin.im/post/5cb5858ce51d456e51614a81) 80 | * [Vue自定义全局Toast和Loading](https://segmentfault.com/a/1190000018901270) 81 | * [Vue SSR 踩坑之旅](https://juejin.im/post/5cb6c36e6fb9a068af37aa35) 82 | * [开发Vue组件系列之模态框](https://juejin.im/post/5cb719ac6fb9a0689173a76f) 83 | * [keep-alive + vuex 让缓存的页面灵活起来](https://juejin.im/post/5cb060b2e51d456e7618a69a) 84 | * [Roadmap for Vue-CLI v4.0](https://github.com/vuejs/vue-cli/issues/3649) 85 | * [What's New in vue-styleguidist 3.0 – Bart Ledoux – Alligator.io](https://alligator.io/vuejs/vue-styleguidist-3/) 86 | * [VueDose #10 – Listen to lifecycle hooks on third-party Vue.js components](https://vuedose.tips/tips/10/) 87 | * [Creating A Spotify-Powered App Using Nuxt.js – Cher Scarlett – Smashing Magazine](https://www.smashingmagazine.com/2019/03/spotify-app-vue-nuxt-javascript/) 88 | * [So What’s New in Vue 2.6? – Nwose Lotanna](https://blog.bitsrc.io/so-whats-new-in-vue-2-6-d070132b2045) 89 | * [Vue.js cheat sheet for beginners - Cynthia Eschler](https://dev.to/ladymashiro/vue-helper-for-beginners-3ne2) 90 | * [Using fully typed Vuex mutations with vuex-typescript – Konrad Straszewski](https://medium.com/@koonradstraszewski/using-fully-typed-vuex-mutations-with-vuex-typescript-7597f56eceec) 91 | * [Building an Online Store with Vue CLI — Part 7 – Nathan Magyar](https://medium.com/@magyarn/building-an-online-store-with-vue-cli-part-7-8e7c84172e19) 92 | * [Working with Vuex in Your NativeScript-Vue Application - Now with Cats! – Raymond Camden](https://www.nativescript.org/blog/working-with-vuex-in-your-nativescript-vue-application-now-with-cats) 93 | * [GitHub - foxbenjaminfox/vue-async-computed](https://github.com/foxbenjaminfox/vue-async-computed) 94 | * [GitHub - syropian/vue-multiclick](https://github.com/syropian/vue-multiclick) 95 | * [GitHub - nono1526/vue-material-year-calendar](https://github.com/nono1526/vue-material-year-calendar) 96 | * [The power of Snapshot Testing – VueDose](https://vuedose.tips/tips/9/) 97 | * [Vue.js - How to Build Your First Package & Publish It on NPM – Nada Rifki](https://www.telerik.com/blogs/vuejs-how-to-build-your-first-package-publish-it-on-npm) 98 | * [Hands-on Vue.js for Beginners (Part 1-7) – Marina Mosti](https://dev.to/vuevixens/hands-on-vuejs-for-beginners-part-1-2j2g) 99 | * [Easiest Way to Implement Infinite Scroll in Vue.js – Fayaz Ahmed](https://medium.com/@fayazara/easiest-way-to-implement-infinite-scroll-in-vue-js-54a0a6c1111) 100 | * [Growth-Hack Your Career as a WIT – Jen Looper](https://dev.to/vuevixens/growth-hack-your-career-as-a-wit-5207) 101 | * [GitLab - montag/vue-cli-plugin-gitlab-pages](https://gitlab.com/montag/vue-cli-plugin-gitlab-pages/) 102 | * [GitHub - antonreshetov/vue-ssr-boilerplate](https://github.com/antonreshetov/vue-ssr-boilerplate) 103 | * [Class API proposal by yyx990803 · vuejs/rfcs · GitHub](https://github.com/vuejs/rfcs/pull/17) 104 | * [The Updated State of Vue.js Report is here](https://www.monterail.com/state-of-vuejs-report) 105 | * [GitHub - vuelidate/vuelidate](https://github.com/vuelidate/vuelidate) 106 | * [Two less known facts about Vuex – VueDose](https://vuedose.tips/tips/8/) 107 | * [Sliding In And Out Of Vue.js — Kevin Ball – Smashing Magazine](https://www.smashingmagazine.com/2019/02/vue-framework-third-party-javascript/) 108 | * [Tracing or Debugging Vue.js Reactivity: The computed tree – Michael Gallagher](https://medium.com/dailyjs/tracing-or-debugging-vue-js-reactivity-the-computed-tree-9da0ba1df5f9) 109 | * [Getting Started with Gridsome ― Egwuenu Gift ](https://scotch.io/tutorials/getting-started-with-gridsome) 110 | * [One more example of abstract component in Vue.js – Michael Lelyakin](https://medium.com/js-dojo/one-more-example-of-abstract-component-in-vue-js-6e80293f7a38) 111 | * [How to Build Production-ready Vue Authentication – Nader Dabit ](https://dev.to/dabit3/how-to-build-production-ready-vue-authentication-23mk) 112 | * [Vue.js with Constructor Pattern – Kamil Borkowski](https://inventi.studio/en/blog/vuejs-with-constructor-pattern) 113 | * [Mastering testing with Vue.js by testing a real application and setting up CI/CD – Liron Navon](https://medium.com/clockwork-nl/mastering-testing-with-vue-js-by-testing-a-real-application-and-setting-up-ci-cd-e4e989c12912) 114 | * [Celebrating a Milestone - Views on Vue 50th Episode](https://devchat.tv/views-on-vue/vov-050-celebrating-a-milestone-views-on-vue-50th-episode/) 115 | * [How to design and build a carousel feature in VueJS – Fabian Hinsenkamp](https://medium.freecodecamp.org/how-to-design-and-build-a-carousel-feature-in-vuejs-125f690a3a9e) 116 | * [GitHub - davidbernegger/VueVelocidad](https://github.com/davidbernegger/VueVelocidad) 117 | * [Release v2.1.4 · shentao/vue-multiselect · GitHub](https://github.com/shentao/vue-multiselect/releases/tag/2.1.4) 118 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 vue3 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 | -------------------------------------------------------------------------------- /PPT/Vue.js the Progressive Framework.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/PPT/Vue.js the Progressive Framework.pdf -------------------------------------------------------------------------------- /PPT/ppt.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /PPT/《初遇Vue2.0，得之它优雅》-放映格式.pps: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/PPT/《初遇Vue2.0，得之它优雅》-放映格式.pps -------------------------------------------------------------------------------- /PPT/《初遇Vue2.0，得之它优雅》.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/PPT/《初遇Vue2.0，得之它优雅》.pptx -------------------------------------------------------------------------------- /blog/01-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/01-1.jpg -------------------------------------------------------------------------------- /blog/01-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/01-2.jpg -------------------------------------------------------------------------------- /blog/11-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/11-2.png -------------------------------------------------------------------------------- /blog/11-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/11-3.png -------------------------------------------------------------------------------- /blog/11-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/11-4.png -------------------------------------------------------------------------------- /blog/11.01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/11.01.png -------------------------------------------------------------------------------- /blog/11.02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/11.02.png -------------------------------------------------------------------------------- /blog/12-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/12-01.png -------------------------------------------------------------------------------- /blog/12-02.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/12-02.jpeg -------------------------------------------------------------------------------- /blog/12-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/12-1.jpg -------------------------------------------------------------------------------- /blog/12-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/12-3.jpg -------------------------------------------------------------------------------- /blog/12-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/12-4.png -------------------------------------------------------------------------------- /blog/2018.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/2018.jpg -------------------------------------------------------------------------------- /blog/2019.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/2019.jpg -------------------------------------------------------------------------------- /blog/2020.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/2020.png -------------------------------------------------------------------------------- /blog/Vue-postman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/Vue-postman.png -------------------------------------------------------------------------------- /blog/bye-2019.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/bye-2019.png -------------------------------------------------------------------------------- /blog/esri-vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/esri-vue.png -------------------------------------------------------------------------------- /blog/file.md: -------------------------------------------------------------------------------- 1 | this 是 JavaScript 中的一个关键字，当一个函数被调用时，除了传入函数的显式参数以外，名为 this 的隐式参数也被传入了函数。this 参数指向了一个自动生成的内部对象，这个内部对象被称为函数上下文。与其他面向对象的语言不同的是， JavaScript 中的 this 依赖于函数的调用方式。所以，想要明白 this 的指向问题，还必须先研究函数在 JavaScript 中是如何被调用的。 2 | 3 | - 上下文调用 4 | - 作用域块 5 | 6 | 谁调用this，this就指向谁。 7 | 8 | 上网找关于JavaScript的this一大把，哪里都有。 9 | 10 | ### 项目 11 | 12 | vue ts node webpack koa 13 | 14 | vuejs+ts+webpack2框架的项目实践 https://mp.weixin.qq.com/s/p2Uc9IV284MXbRHhV2Vf-g 15 | 用 TS + Vue 重写 APlayer HTML5 音乐播放器 https://segmentfault.com/a/1190000010324395 16 | 17 | 18 | ### 平台发布 19 | 20 | 个人网站 github 21 | sf.gg 简书 cnblog 知乎 22 | 23 | 吐的吞的都在这里 24 | 25 | =========================================================== 26 | 27 | 大话大前端时代(一) —— Vue 与 iOS 的组件化 https://segmentfault.com/a/1190000010122331 28 | 29 | ## Vue2.x 坑坑洼洼 30 | 31 | vue2实践（持续更新）https://segmentfault.com/a/1190000008688050 32 | 33 | 刺破vue的心脏之——响应式源码分析 http://www.tuicool.com/articles/BbMbYfq 34 | 35 | #### Vue2.x 坑坑洼洼(一) - 本想搭了个建 36 | 37 | 1、独立构建-VS-运行时构建 38 | 39 | `Failed to mount component: template or render function not defined. (found in root instance) ` 这是什么错误呢？ 40 | 按照vue1.0的配置了webpack后，会出现的错误；这里涉及到vue2.0与vue1.0的第一个不同的地方。具体区别独立构建 vs 运行时构建。在官网的API里知道，是模板编译渲染的问题，解决方法为在webpack配置文件中添加如下配置项： 41 | 42 | ``` 43 | resolve: { 44 | alias: { 45 | 'vue$': 'vue/dist/vue.2.min.js' 46 | } 47 | } 48 | ``` 49 | 50 | 挂载的坑 http://blog.csdn.net/wmwmdtt/article/details/53589662 51 | 52 | 53 | #### Vue2.x 坑坑洼洼(二) - 过滤器爽过了不能再爽了 54 | 55 | 2、过滤器 56 | 57 | 在vue2.x里，废弃自带过滤器了，想用得自己定义了。 58 | http://www.jianshu.com/p/29b7eaabd1ba 59 | 60 | #### Vue2.x 坑坑洼洼(三) - github层出不穷的高仿项目 61 | 62 | https://www.zhihu.com/question/38213423 63 | 64 | #### 来个Vue2.x版 http://qingmang.me/ 65 | 66 | 67 | ## 目录 68 | 69 | http://www.jianshu.com/p/dc5057e7ad0d 70 | 71 | #### 一、Vue2.x 基础基础 72 | 73 | http://www.imooc.com/article/14438 74 | http://www.open-open.com/lib/view/open1491030239567.html 75 | http://www.jianshu.com/p/5ba253651c3b 76 | https://zhuanlan.zhihu.com/p/23078117 77 | http://www.cnblogs.com/lhb25/p/vue-turtoials-for-new-starter.html 78 | http://blog.csdn.net/sinat_17775997/article/details/60580780 79 | 80 | vue-devtools、搭建Vue脚手架（vue-cli）、实战案例 81 | 自定义便签、todolist、购物车 82 | 83 | vue-cli中配置sass和利用SASS函数功能实现px转rem 84 | 85 | #### 一、Vue2.x 指令 86 | 87 | v-model,v-html,v-text,v-bind,v-if,v-show,v-for,v-on:click,组件,过滤器 88 | 89 | #### 二、Vue1.x和Vue2.x的区别和填坑 90 | 91 | 到了Vue2.x有哪些变化？—— 知识点 92 | 到了Vue2.x有哪些变化？—— 组件通信 93 | 94 | #### 三、Vue2.x 动画处理 95 | 96 | #### 三、Vue2.x 插件和组件 97 | 98 | #### 三、Vue2.x 组件上的东东 99 | 100 | 101 | $children,$refs,$parent,$emit 102 | props/state 103 | 104 | Vue.js 组件编码规范 https://pablohpsilva.github.io/vuejs-component-style-guide/ 105 | https://cn.vuejs.org/v2/guide/ 106 | 107 | #### 四、Vue2.x 提高熟练程度 108 | 109 | Vue2.0生命周期和钩子函数的一些理解 ===》推荐 110 | 用webpack（2.x语法）手动搭建Vue项目 111 | 全面解析vue-cli生成的项目中使用其他库（js库、css库） 112 | Vuex从入门到入门 ===》 大中型项目复杂逻辑会用到 113 | Vuex从入门到熟练使用 114 | Vuex从入门到熟练使用 115 | vue与服务端通信—vue-resource axios 116 | vue开发过程中跨域最简单解决方案 117 | 富文本编辑器Ueditor如何在Vue中使用？ 118 | 119 | #### 五、Vue2.x 和 React 的区别 120 | 121 | http://mp.weixin.qq.com/s/yvQzlTdCVa8OFSi1ULI7-A 122 | 123 | #### Vue2.x 番外篇 124 | 125 | mixin weex 126 | 内存泄漏 127 | 128 | #### 结合 Vue2.x 开源项目汇总 129 | 130 | http://mp.weixin.qq.com/s/RnBA1OYWCHHzH7Vr8AaTtA 131 | 132 | #### Vue2.x 在服务器渲染和搭建 133 | 134 | ssr 135 | 136 | #### Vue2.x 性能优化 137 | 138 | 139 | #### 五、ES6基础系列 140 | 141 | ES6入门（一） 142 | ES6快速入门（二） 143 | ES6快速入门（三） 144 | ES6快速入门（四） 145 | 146 | http://www.cnblogs.com/Wayou/p/es6_new_features.html 147 | 148 | 149 | -------------------------------------------------------------------------------- /blog/lifecycle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/lifecycle.png -------------------------------------------------------------------------------- /blog/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/logo.png -------------------------------------------------------------------------------- /blog/n123.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/n123.gif -------------------------------------------------------------------------------- /blog/new-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/new-logo.png -------------------------------------------------------------------------------- /blog/nn666.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/nn666.gif -------------------------------------------------------------------------------- /blog/red-draft.md: -------------------------------------------------------------------------------- 1 | 2 | ## 集Vue+TyleScript+Webpack+...开发的资源流水线   3 | 4 | 5 | ### Vue+ 6 | 7 | Vue是东西呢？http://cn.vuejs.org/ 8 | 9 | 从Vue2.0开始吧，之前有用过Vue1.0+。 10 | 11 | 由尤雨溪开发并维护的前端框架，在这两年2015、2016国内大大被重用和提起。 12 | 13 | [Vue 2.0 中文版](https://vuefe.cn/) 14 | 15 | #### 在国内有些大公司已经引进Vue来处理业务： 16 | 17 | UC浏览器、稀土掘金、 18 | 滴滴, 还出了一本书 Vue.js 权威指南 19 | 饿了么，开源了一个基于Vue的UI库 GitHub - ElemeFE/element: Desktop UI elements for Vue.js 2.0 20 | 阿里的 weex GitHub - alibaba/weex: A framework for building Mobile cross-platform UI 21 | GitLab选择了Vue https://about.gitlab.com/2016/10/20/why-we-chose-vue/ 22 | 23 | 荔枝FM，移動端部分使用Vue 24 | 25 | B 站的三个项目 _(•̀ω•́ 」∠)_： 26 | 圈子：哔哩哔哩兴趣圈，二次元兴趣交友社区 27 | 直播（仅首页与活动页）：哔哩哔哩直播，二次元弹幕直播平台 28 | 周边商城：bilibili－周边商城 29 | 30 | 上面的信息基本来自知乎》https://www.zhihu.com/question/33264609 31 | 32 | #### 更新项目 33 | 34 | 简书 35 | 饿了吗 36 | 网易云音乐 37 | 知乎日报 38 | 39 | Node爬虫接口: https://ecitlm.github.io/SpliderApi/#/ 40 | 41 | ### 开始Vue 42 | 43 | 已经在知乎发表了一篇文章 [新手向：Vue 2.0 的建议学习顺序](https://zhuanlan.zhihu.com/p/23134551) 44 | 45 | 我在这里就加几点： 46 | - 前端基础就不说了，HTML+CSS+JavaScript 47 | - 有过开发插件、模块化（module）、组件、控件 48 | - Node、工程化工具（grunt|gulp|webpack） 49 | - .... 50 | 51 | 好啦~~~ 52 | 53 | 一般其实呢 54 | 最重要的就是会排查错误和查找问题，也要会最新资讯。   55 | 56 | npm 和cnpm 的关系   57 | sass、node-sass 在npm install的时候为什么老是错误   58 | 59 | 翻墙和网络好 60 | 61 | 62 | 哈哈哈，看到下面有人评论：Vue 不难学，难的是配置 Webpack……哈哈。 63 | 64 | 所以在学前端的时候，还需要学浏览器、 HTTP、数据、网络 ... 65 | 66 | ### 更类似的东东 67 | 68 | 之前很久之前就是JSP，有看过、接触过JSP的同学们都知道 69 | JSP 的语法就是在HTML里加入自定义的东西和加入了动态语言 70 | 71 | 哦，好吧，我们就说MVC模式，还有MVVM模式............ 72 | 哎呀，可能早期还会接触到backbone框架的人，或者已经不是很重要了 73 | 重要的是接触过angular的人，这一下就会更加很好非常棒地..... 74 | 就是很棒，别说了 75 | 76 | 我想说的就是： 77 | 78 | - 分离 79 | - HTML动态解析模板 80 | - 结构化 81 | - 模块化 82 | - 工程化 83 | 84 | ### 一步一步来... 85 | 86 | #### Vue 基础 87 | 88 |  有个Vue社区 http://www.vue-js.com/ 89 | 90 | 2.0中文社区，上面有提到，再来再次给出《[Vue 2.0 中文版](https://vuefe.cn/)》 91 | 92 |  看一下2.0的API：https://vuefe.github.io/api/ 93 | 94 | #### 组件 95 | 96 | #### vue-router 97 | 98 | 来，链接在这里：[vue-router 2](http://router.vuejs.org/zh-cn/) 99 | 100 | 101 | __路由对象和路由匹配__ 102 | 103 | 路由对象，即$router会被注入每个组件中，可以利用它进行一些信息的获取。如 104 | 105 | |属性|说明| 106 | |-----------------------------------|:-------------------------------:| 107 | |$route.path |当前路由对象的路径，如'/view/a'| 108 | |$rotue.params |关于动态片段（如/user/:username)的键值对信息,如{username: 'paolino'}| 109 | |$route.query |请求参数，如/foo?user=1获取到query.user = 1| 110 | |$route.router |所属路由器以及所属组件信息| 111 | |$route.matched |数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。| 112 | |$route.name |当前路径名字| 113 | 114 | __路由选项__ 115 | 116 | |路由选项名| 默认值| 作用| 117 | |---------------|:-------------------:|:-------------------------------:| 118 | |hashbang |true |将路径格式化为#!开头| 119 | |history |false |启用HTML5 history模式，可以使用pushState和replaceState来管理记录| 120 | |abstract |false| 使用一个不依赖于浏览器的浏览历史虚拟管理后端。| 121 | |transitionOnLoad| false |初次加载是否启用场景切换| 122 | |saveScrollPosition| false| 在启用html5 history模式的时候生效，用于后退操作的时候记住之前的滚动条位置| 123 | |linkActiveClass |"v-link-active" |链接被点击时候需要添加到v-link元素上的class类,默认为active| 124 | 125 | 如，我想采用一个有路径格式化并启用Html5 history功能的路由器，则可以在路由器初始化的时候，指定这些参数: 126 | 127 | ```javascript 128 | var router = new VueRouter({ 129 | hashbang: true, 130 | history: true 131 | }); 132 | ``` 133 | 134 | 请暂时参考这篇文章[VueJs路由跳转——vue-router的使用](http://www.jianshu.com/p/cb918fe14dc6#) 135 | 136 | 137 | __注意项__ 138 | 139 | - 响应路由参数的变化(组件内部跳同一个组件) 140 | - 嵌套路径的 children 141 | - 编程式的导航 142 | 143 |  1、声明式：router-link :to="..." || 编程式：router.push(...) 144 | 这个方法会向 history 栈添加一个新的记录 145 | 146 | ```javascript 147 | 148 | // 字符串 149 | router.push('home') 150 | 151 | // 对象 152 | router.push({ path: 'home' }) 153 | 154 | // 命名的路由 155 | router.push({ name: 'user', params: { userId: 123 }}) 156 | 157 | // 带查询参数，变成 /register?plan=private 158 | router.push({ path: 'register', query: { plan: 'private' }}) 159 | 160 | ``` 161 | 162 | 2、声明式：router-link :to="..." replace || 编程式：router.replace(...) 163 |    不会向 history 添加新记录，替换掉当前的 history 记录 164 | 165 | 3、router.go(n) 166 | 167 | ```javascript 168 | 169 | // 在浏览器记录中前进一步，等同于 history.forward() 170 | router.go(1) 171 | 172 | // 后退一步记录，等同于 history.back() 173 | router.go(-1) 174 | 175 | // 前进 3 步记录 176 | router.go(3) 177 | 178 | // 如果 history 记录不够用，那就默默地失败呗 179 | router.go(-100) 180 | router.go(100) 181 | 182 | ``` 183 | 184 | 4、操作 History 185 | 186 | 你也许注意到 router.push、 router.replace 和 router.go 跟 window.history.pushState、 window.history.replaceState 和 window.history.go好像， 实际上它们确实是效仿 window.history API 的。 还有值得提及的，vue-router 的导航方法 （push、 replace、 go） 在各类路由模式（history、 hash 和 abstract）下表现一致。 187 | 188 | - 命名路由 和 命名视图 189 |  命名路由就是在路由加个 name 的标签 190 |  命名视图就是在视图加个 name 的标签，可以设置默认值 191 | 192 | - 重定向 和 别名 193 |  重定向：内部跳转 194 | 195 | ```javascript 196 | { path: '/a', redirect: '/b' } 197 | { path: '/a', redirect: { name: 'foo' }} 198 | { path: '/a', redirect: to => { 199 | // 方法接收 目标路由 作为参数 200 | // return 重定向的 字符串路径/路径对象 201 | }} 202 | ``` 203 |  别名：保持当前路由去访问另一个路由 204 | ```javascript 205 | { path: '/a', component: A, alias: '/b' } 206 | ``` 207 | - HTML5 History 模式 208 | 209 |  这个给个链接自己去玩 http://router.vuejs.org/zh-cn/essentials/history-mode.html 210 |  因为这个比较复杂和需要后台来配合... 211 | 212 | - 导航钩子（路由ing锁） 213 | 正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。 214 |  来来来：http://router.vuejs.org/zh-cn/advanced/navigation-guards.html 215 | 216 | - 路由元信息 （就是标志过滤处理） 217 | - 过渡动效 ... 218 | - 数据获取 219 |  1、导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示『加载中』之类的指示。   220 |  2、导航完成之前获取：导航完成前，在路由的 enter 钩子中获取数据，在数据获取成功后执行导航。 221 | - 滚动行为 222 | 注意: 这个功能只在 HTML5 history 模式下可用。 223 | - 路由懒加载 224 |  说白了就是模块化加载 225 | 结合 Vue 的 异步组件 和 Webpack 的 code splitting feature, 轻松实现路由组件的懒加载。 226 | 227 | 228 | #### Vuex 状态管理   229 | 230 |  登录状态，信息储存、暂存，操作状态。 231 | 232 |  有空可以去解读源码：http://vuex.vuejs.org/en/index.html 233 |  有中文版： https://segmentfault.com/a/1190000007108052   234 | 235 | #### Vue-loading 236 | 237 | #### Vue-resource 238 | 239 | #### 动画过渡 240 | 241 | http://vuejs.org/guide/transitions.html 242 | 243 | 244 | #### 项目目录 245 | 246 | #### webpack 247 | 248 | ### Vue-cli 构建工具 249 | 250 | ```v 251 | npm install -g vue-cli 252 | vue init webpack my-project 253 | ``` 254 | 255 | 256 | ### 还需要一些周边知识 257 | 258 | Node+npm Es6 Sass webpack gulp   259 | 260 | ### 项目 261 | 262 | [豆瓣API](https://developers.douban.com/wiki/?title=guide) [聚合数据](https://www.juhe.cn) 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | -------------------------------------------------------------------------------- /blog/timg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/timg.jpg -------------------------------------------------------------------------------- /blog/vue.js.hot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/vue.js.hot.png -------------------------------------------------------------------------------- /blog/xiaocuo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/blog/xiaocuo.png -------------------------------------------------------------------------------- /demo/README.md: -------------------------------------------------------------------------------- 1 | 2 | ### Vue2.0 项目 3 | 纯属自己在玩Vue2.0的测试文件 4 | 5 | 6 | -------------------------------------------------------------------------------- /demo/demo1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Hello Vue-2.0.0.js! 6 | 7 | 8 | 11 | 26 | 27 | 28 | 29 |
30 | 31 | 32 | 33 |
34 | 声明式渲染 35 |
36 |

message: {{ message }}

37 |
38 | 47 |

这里我们遇到点新东西。你看到的 v-bind 属性被称为指令。指令带有前缀 v-，以表示它们是 Vue.js 提供的特殊属性。可能你已经猜到了，它们会在渲染过的 DOM 上应用特殊的响应式行为。这个指令的简单含义是说：将这个元素节点的 title 属性和 Vue 实例的 message 属性绑定到一起。 48 |
你再次打开浏览器的控制台输入 app2.message = 'some new message'，你就会再一次看到这个绑定了title属性的HTML已经进行了更新。

49 |
50 | 51 | 52 | 53 |
54 | 条件与循环 55 |

条件:v-if

56 |
57 |

Now you see me

58 |
59 | 67 |

继续在控制台设置 app3.seen = false，你会发现 “Now you see me” 消失了。

68 |

循环:v-for

69 |
70 |
    71 |
  1. 72 | {{ todo.text }} 73 |
    2. 74 |
75 |
    76 |
  • 77 | {{item}} 78 |
    • 79 |
80 |
81 | 96 |

在控制台里，输入 app4.todos.push({ text: 'New item' })。你会发现列表中多了一栏新内容。

97 |
98 | 99 | 100 | 101 |
102 | 处理用户输入 103 |
104 |

{{ message }}

105 | 106 |
107 | 120 |

在 reverseMessage 方法中，我们在没有接触 DOM 的情况下更新了应用的状态 - 所有的 DOM 操作都由 Vue 来处理，你写的代码只需要关注基本逻辑。 121 |
Vue 也提供了 v-model 指令，它使得在表单输入和应用状态中做双向数据绑定变得非常轻巧。

122 |
123 |

{{ message }}

124 | 125 |
126 | 134 |

input的value绑定了message~~~

135 |
136 | 总结上面：
137 | - new Vue({})
138 | - 看源代码的strats对象（el,name,data,watch,props,methods,computed）
139 | - 数据和动作是个怎么样对应的？
140 | 141 |
142 |
143 | 144 |
145 | 组件 146 | 147 |
148 |
    149 | 153 | 154 |
155 |
156 | 174 |
175 | 176 | 177 | 思考：
178 | - JavaScript库有什么能力去解析HTML
179 | - 将HTML结构化已经归为自己所有
180 | - 而且像模块化一样（request和sea）,对文件的处理
181 | - 浏览器和V8或者解析前端代码的机制

182 | 后来有了Node，工程化，各种预处理器，动态植入。
183 | 184 | 185 |
186 | 187 | 188 | 189 | -------------------------------------------------------------------------------- /demo/demo2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 |
30 | 前言 31 |

在demo1中提到，思考的问题列表中，在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选项可以在 [API 文档](https://vuefe.cn/api/)中查看。

32 |
33 | 34 | 35 | 36 |
37 | Vue 实例 38 |
39 | 40 | 41 | 42 |
43 | 实例生命周期 44 |
45 | 46 | 47 | 48 |
49 | 计算属性 50 |

computed: 就是这个鬼东西。

51 | 71 |

72 | 计算属性里面有个 —计算缓存— 的概念；什么意思呢？？计算缓存、计算缓存、计算缓存..... 名副其实就是对原数据本来需要计算的过程缓存起来，就是把结果缓存起来，如果相关依赖的数据没更变，则不必再计算一直，直接给出结果；放心这计算属性自带 getter 功能的，会监听相关依赖的数据的。 73 |

74 |

75 | 其实实例化还提供另一个方法：methods。这个东东顾名思义就是方法的意思；说白了就是个函数； 如果有对数据操作的话，每次调用都要跑一次，跟上面的计算缓存就不一样了。 76 |

77 |

78 | 那竟然计算属性自带 getter 的功能，那 Vue 里面提供了 watch 的方法，怎么个区分？

79 |

80 | 说白了简单的计算集合的东西就放计算属性里面，如果要调用方法或者大一点的逻辑就使用了 watch了，去看$watch API吧；暂且这样理解。

81 |

82 | 除了计算属性本身提供了 getter 方法，如果你想要 setter 方法，你可以定义啊。

83 |
84 | 思考：
85 | 到目前为止你会发现实例化中的data、methods、computed下的数据直接暴露在实例化对象下了，已经把这三个东东忽略掉了，为啥为什么呢？？？ 86 | 87 |
88 |
89 |
90 | 91 |

Class 与 Style 绑定

92 | 93 | 94 | 95 |
96 | 操作class 97 |

v-bind:class

98 |

v-bind:class="{ active: isActive, 'text-danger': hasError }"

99 |

你也可以直接绑定数据里的一个对象：

100 |

v-bind:class="classObject"

101 |

渲染的结果和上面一样。我们也可以在这里绑定一个返回对象的计算属性。这是一个常用且强大的模式.

102 |

也可以定义数组：

103 |

v-bind:class="[activeClass, errorClass]"

104 |

v-bind:class="[isActive ? activeClass : '', errorClass]"

105 |

v-bind:class="[{ active: isActive }, errorClass]"

106 |
107 | 108 | 109 | 110 |
111 | 绑定内联样式 112 |

v-bind:style 的对象语法十分直观——看着非常像 CSS ，其实它是一个 JavaScript 对象。 CSS 属性名可以用驼峰式（camelCase）或短横分隔命名（kebab-case）：

113 |

v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"

114 |

直接绑定到一个样式对象通常更好，让模板更清晰.

115 |

也可以是数组.

116 |

对于一些CSS样式，Vue会主动补全前缀，尤其是CSS3的特性.

117 |
118 | 119 |

条件渲染

120 | 121 | 122 | 123 |
124 | v-if v-else v-show 125 |

126 | 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元素呢？此时我们可以把一个 127 | template 元素当做包装元素，并在上面使用 v-if，最终的渲染结果不会包含它。

128 |

129 | 不同的是有 v-show 的元素会始终渲染并保持在 DOM 中。v-show 是简单的切换元素的 CSS 属性 display 。注意 v-show 不支持 template 语法。

130 |

131 | 可以用 v-else 指令给 v-if 或 v-show 添加一个 “else 块”,

132 |

133 | v-else 元素必须立即跟在 v-if 或 v-show 元素的后面——否则它不能被识别。

134 |

135 | 将 v-show 用在组件上时，因为指令的优先级 v-else 会出现问题。用另一个 v-show 替换 v-else,双层使用就是加个 ‘！’的符号就行了。

136 |

137 | 在切换 v-if 块时， Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。 v-if 是真实的条件渲染，因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——在条件第一次变为真时才开始局部编译（编译会被缓存起来）。 相比之下， v-show 简单得多——元素始终被编译并保留，只是简单地基于 CSS 切换。 一般来说， v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。

138 |
139 | 140 |

列表渲染

141 | 142 | 143 | 144 |
145 | v-for 146 |

147 | 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 148 |

149 |

150 | 在 v-for 块内部，我们有完全访问父作用域的属性。 v-for 还支持一个可选的第二个参数为当前项的索引 151 |

152 |

153 | v-for="(item, index) in items"
154 | {{ parentMessage }} - {{ index }} - {{ item.message }} 155 |

156 |

157 | 你也可以用 of 替代 in 作为分隔符，所以它是最接近 JavaScript 迭代器的语法：v-for="item of items" 158 |

159 |

160 | 组件 和 v-for 161 |

162 |

163 | props 164 |

165 |

166 | 没那么简单... 167 |

168 |

重塑数组

169 | 170 | 171 | 172 |
173 | 174 | 175 | 思考：
176 | 所有上面学的东西，一旦加上组件了，一旦嵌套了，一旦和模板一起还有和JavaScript本身的解析一直吗？ 177 | 178 | 179 |
180 | 181 | 182 | 183 | -------------------------------------------------------------------------------- /demo/demo3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 |
30 | 前言 31 |

接下来就是讲事件和浏览器本身的控件...

32 |

这些可能牵扯很多基础和浏览器对事件和控件的解释

33 |
34 | 35 | 36 | 37 | 38 |
39 | v-bind 和 v-on 事件 40 |

v-bind: 可以简写 ":"

41 |

v-on: 可以简写 "@"

42 |

Vue 提供了很多简写的事件写法

43 |
44 | 45 | 46 | 47 |
48 | 表单控件绑定 49 |

用 v-model 指令在表单控件元素上创建双向数据绑定

50 |
51 | 52 | 53 |

组件

54 | 55 | 56 | 57 |
58 | 使用组件 59 |

组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。

60 | 61 |
62 | 63 | 64 | 65 | 思考：
66 | Vue 很多地方，会出现说：不要这样，要那样，的情况。
67 | 搞个专栏吧。 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 |
99 | 100 | 101 | -------------------------------------------------------------------------------- /demo/transition.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 |
30 | 前言 31 |

Vue2.0提供了过渡效果动画，这一篇讲述动画。

32 |

大概的处理方式就是： 33 |
- CSS3.0的动画 34 |
- JavaScript的处理

35 | 案例1： 36 |

37 |
38 | --> 41 | 42 |

我就是个动画

43 | 44 | 45 | 46 | 47 | 48 |
49 | 50 |
51 | 52 | 93 | 105 | 106 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /docs/.nojekyll: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/.nojekyll -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- 1 | 2 | # 《Vue 2.x》 3 | 4 | > docsify 5 | -------------------------------------------------------------------------------- /docs/img/20170830103228.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830103228.png -------------------------------------------------------------------------------- /docs/img/20170830104628.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830104628.png -------------------------------------------------------------------------------- /docs/img/20170830104750.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830104750.png -------------------------------------------------------------------------------- /docs/img/20170830104826.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830104826.png -------------------------------------------------------------------------------- /docs/img/20170830104852.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830104852.png -------------------------------------------------------------------------------- /docs/img/20170830200257.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830200257.png -------------------------------------------------------------------------------- /docs/img/20170830200819.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830200819.png -------------------------------------------------------------------------------- /docs/img/20170830201342.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830201342.png -------------------------------------------------------------------------------- /docs/img/20170830201932.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830201932.png -------------------------------------------------------------------------------- /docs/img/20170830202248.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830202248.png -------------------------------------------------------------------------------- /docs/img/20170830202928.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830202928.png -------------------------------------------------------------------------------- /docs/img/20170830203016.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170830203016.png -------------------------------------------------------------------------------- /docs/img/20170901085842.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170901085842.png -------------------------------------------------------------------------------- /docs/img/20170901090522.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170901090522.png -------------------------------------------------------------------------------- /docs/img/20170901090857.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170901090857.png -------------------------------------------------------------------------------- /docs/img/20170901091338.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/20170901091338.png -------------------------------------------------------------------------------- /docs/img/authorimage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/authorimage.jpg -------------------------------------------------------------------------------- /docs/img/cssweekly.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/cssweekly.gif -------------------------------------------------------------------------------- /docs/img/how-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/how-1.png -------------------------------------------------------------------------------- /docs/img/how-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/how-2.jpeg -------------------------------------------------------------------------------- /docs/img/how-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/how-3.jpeg -------------------------------------------------------------------------------- /docs/img/how-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/how-4.jpeg -------------------------------------------------------------------------------- /docs/img/nihai.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluezhan/vue2/326c5f5cfaf032888856386ff0c5a663bd476a3b/docs/img/nihai.png -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Vue2.x沉睡的凶猛在苏醒|bluezhan 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 33 | 35 | 36 | -------------------------------------------------------------------------------- /docs/others/vue学习五部曲.md: -------------------------------------------------------------------------------- 1 | 2 | ## 学习Vue全面教程和资料 3 | 4 | 基础和周边（MVVM、webpack、） 5 | 6 | 组件 7 | 8 | 第三方库和封库 9 | 10 | es6(TS) 11 | 12 | 架构全家桶 13 | 14 | 技巧和模式 15 | 16 | 附加 17 | - vscode 18 | 19 | 20 | ## 参考库 21 | 22 | 23 | Awesome Vue.js vue.js学习资源链接大全 中文 24 | -------------------------------------------------------------------------------- /docs/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tec", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "keywords": [], 10 | "author": "", 11 | "license": "ISC" 12 | } 13 | -------------------------------------------------------------------------------- /docs/path/10-javascript-concepts-you-need-to-know-for-interviews.md: -------------------------------------------------------------------------------- 1 | 2 | # 你需要知道面试中的10个JavaScript概念 3 | 4 | >翻译原文出处：[10 JavaScript concepts you need to know for interviews](https://dev.to/arnavaggarwal/10-javascript-concepts-you-need-to-know-for-interviews) 5 | 6 | 之前不是闹得沸沸扬扬的大漠穷秋文章《为什么只会Vue的都是前端小白？》；甚至大多数回头看了，也就会jQuery和Vue这两个库；也就大部分在运用着这两个库。我这里不是吐槽和开骂什么的；在之前jQuery年代，很多面试官都会问除了用jQuery来实现，能不能改写原生JavaScript来处理。也大部分人在看jQuery源码，甚至穷出不尽的底层库。 7 | 8 | ## 自我学习 9 | 10 | 目前有成千上万的年轻人在学习JavaScript和Web开发，希望获得一份工作。通常，自我学习的年轻人对JavaScript语言本身不够深入了解，在这方面留下了一片空白。 11 | 12 | 实际上令人惊讶的是，只需要了解非常小的一部分语言就可以来制作复杂的网页。在自己的网站上创建网站的人往往不太了解JavaScript的基本原理。大多数年轻人基本都是通过Bootstrap、jQuery及插件、Backbone或Angular等库和框架直接就搞定，而且还能构建复杂应用。 13 | 14 | 使用基本技能来避免复杂的主题和实现功能是相当容易的。在不理解被复制的代码的情况下，通过依赖[Stack Overflow](https://stackoverflow.com/)、github等网站放出的demo，甚至一些建站网站来创建自己的网站是比较轻松的。 15 | 16 | 如果您想要掌握更多的JavaScript面试相关资讯，请查看“ [提升你的JS：中级JavaScript的权威指南](https://www.educative.io/collection/5679346740101120/5707702298738688?authorName=Arnav%20Aggarwal)” 17 | 18 | ## 面试 19 | 20 | 那么问题来了，测试您对JavaScript深浅理解的问题，正是许多科技公司在面试中所要求的。当一个求职者只是刚好能通过面试，但如果不够深入了解该语言的本质，这是很槽糕的。 21 | 22 | 以下是Web开发中常见的概念需要重要的，前提是你已经了解了循环、函数和回调等基础知识。 23 | 24 | ## 概念 25 | 26 | 1、[值和引用](https://www.educative.io/collection/page/5679346740101120/5707702298738688/5685265389584384/) — 了解对象、数组和函数是通过引用进行复制和传递的；了解原始元素是按值复制和传递的。 27 | 2、[作用域](https://scotch.io/tutorials/understanding-scope-in-javascript#toc-scope-in-javascript) — 了解全局作用域，函数作用域和块作用域之间的差异。了解哪些变量在哪里可以用。了解JavaScript引擎如何执行变量查找。新出的ES6语法中申明变量关键字let、const对变量作用域的影响。 28 | 3、[变量提升](http://javascriptissexy.com/javascript-variable-scope-and-hoisting-explained/) — 了解变量和函数声明被提升到可用范围的顶部；了解函数表达式没有提升。 29 | 4、[闭包](http://javascriptissexy.com/understand-javascript-closures-with-ease/) — 知道闭包是指可以访问其他函数作用域内变量的函数。知道这样做可以使我们做什么，例如创建私有变量，动态函数生成等。 30 | 5、[this](https://www.educative.io/collection/page/5679346740101120/5707702298738688/5676830073815040) — 知道this的绑定规则。知道它是如何工作的，知道如何找出它在函数中与之相等的，并且知道为什么它是有用的。 31 | 6、[new](https://codeburst.io/javascripts-new-keyword-explained-as-simply-as-possible-fec0d87b2741) — 知道new如何与面向对象编程有关，知道使用new调用的函数会发生什么，通过函数的prototype属性了解如何使用new继承生成的对象。 32 | 7、[apply，call，bind](https://codeplanet.io/javascript-apply-vs-call-vs-bind/) — 知道这几个函数如何工作的，知道如何使用它们，知道它们做了什么。 33 | 8、[原型和继承](https://codeburst.io/master-javascript-prototypes-inheritance-d0a9a5a75c4e) — 了解JavaScript中的继承通过prototype链进行工作，了解如何通过函数和对象设置继承，以及new函数帮我们来实现它。知道__proto__和原型属性是什么以及它们的作用。 34 | 9、[异步JS](https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=948s) — 了解事件循环。了解浏览器如何处理用户输入，Web请求和一般事件；知道如何识别并正确实现异步代码。了解JavaScript是异步单线程的。 35 | 10、[高阶函数](https://www.sitepoint.com/higher-order-functions-javascript/) — 了解函数是JavaScript中的一级对象，这意味着什么；知道从另一个函数返回函数是完全合法的。了解闭包和高阶函数允许我们使用的情况。 36 | 37 | ## 更多资源 38 | 39 | 如果上面的知识点包含的链接还不够，那么你可以上其它网站找资源，可以帮助您学习这些概念。 40 | 41 | 我个人创建了 [提升你的JS：中级JavaScript的权威指南](https://www.educative.io/collection/5679346740101120/5707702298738688?authorName=Arnav%20Aggarwal)，以帮助开发者提高他们的知识；它涵盖了所有这些概念和更多。 42 | 43 | 这里是我已经阅读或看过的资源，至少有一些可以推荐。 44 | 45 | - [You Don’t Know JS](https://github.com/getify/You-Dont-Know-JS) 46 | - [JavaScript is Sexy](http://javascriptissexy.com/16-javascript-concepts-you-must-know-well/) 47 | - [javascript.com](https://www.javascript.com/resources) 48 | - [Frontend Masters](https://frontendmasters.com/) 49 | - [Eloquent JavaScript](http://eloquentjavascript.net/) 50 | 51 | Good luck for your interviews!!!!(这句你懂得) 52 | 53 | 如果你发现这很有用，就请您点个赞，转发给其他人也看到它（这是博主原话）。 54 | 55 | 随时查看我最近的一些写的文章： 56 | 57 | - [提升你的JS：中级JavaScript的权威指南](https://www.educative.io/collection/5679346740101120/5707702298738688?authorName=Arnav%20Aggarwal) 58 | - [我从参加一个编码开机画面中学到的东西，并实现了一个](https://codeburst.io/what-i-learned-from-attending-a-coding-bootcamp-and-teaching-another-one-65addec715fd) 59 | - [反应生态系统设置 - 分步演练](https://codeburst.io/react-ecosystem-setup-step-by-step-walkthrough-721ff45a7fc1) 60 | 61 | ## 参考 62 | 63 | - [你们认为学习JavaScript难点在那里？](https://www.zhihu.com/question/34262554) 64 | - [10个JavaScript难点](http://www.cnblogs.com/fundebug/p/7193369.html) 65 | - [你有必要知道的 25 个 JavaScript 面试题](https://segmentfault.com/a/1190000004180569) 66 | - [谈谈javascript语法里一些难点问题（一）](http://www.cnblogs.com/sharpxiajun/p/4133462.html) 67 | - [谈谈javascript语法里一些难点问题（二）](http://www.cnblogs.com/sharpxiajun/p/4133984.html) 68 | - [javascript技术难点（三）之this、new、apply和call详解](http://www.cnblogs.com/sharpxiajun/p/4148932.html) 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /docs/path/11-2.md: -------------------------------------------------------------------------------- 1 | 2 | ### *`十一月`： 立冬、小雪，寒冬腊月之月* 3 | 4 | 十一月下半月-十一月都城居暖阁(11.16~11.30): 5 | 6 | * [Vue2.0组件的继承与扩展](https://segmentfault.com/a/1190000017110701) 7 | * [Cookbook：优化 Vue 组件的运行时性能](https://juejin.im/post/5bf7ca2f6fb9a049a9795a88) 8 | * [vue-cli在webpack的配置文件探究](https://segmentfault.com/a/1190000017123704) 9 | * [electron + vue项目实现打印小票功能](https://juejin.im/post/5bf8b580e51d4522143b7b03) 10 | * [当spring boot 遇到 vue-admin, 搭建完美后台](https://segmentfault.com/a/1190000017131555) 11 | * [songEagle开发系列:Vue + Vuex + Koa 中使用JWT认证](https://segmentfault.com/a/1190000017131758) 12 | * [vue下实现input实现图片上传，压缩，拼接以及旋转](https://segmentfault.com/a/1190000017129732) 13 | * [10分钟快速精通rollup.js——Vue.js源码打包原理深度分析](https://juejin.im/post/5bf822c2f265da61307486c7) 14 | * [深入了解最新的Vue Devtools v5.0](https://segmentfault.com/a/1190000017126996) 15 | * [NPM生态报告，React和Vue的差距居然这么大？](https://juejin.im/post/5bfa5a4ce51d451cf6158b38) 16 | * [深入Vue.js从源码开始(二)](https://segmentfault.com/a/1190000017132896) 17 | * [VUE CONF大会之后的感想(非技术)](https://juejin.im/post/5bf972b86fb9a049a9795e57) 18 | * [vuex 渐进式教程（一）](https://juejin.im/post/5bf7c4375188254b9d0935c9) 19 | * [Vue中的methods、watch、computed](https://segmentfault.com/a/1190000017136576) 20 | * [Vue一个案例引发的动态组件与全局事件绑定总结](https://juejin.im/post/5be77819f265da616a472e16) 21 | * [双十一，打包半价理解Vue的nextTick与watcher以及Dep的蓝色生死恋？](https://juejin.im/post/5be692936fb9a049e129b741) 22 | * [Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南](https://juejin.im/post/5be85c7af265da612909b436) 23 | * [为什么lodash的remove在vuejs中不是响应式的？](https://juejin.im/post/5be829a75188255940367155) 24 | * [vue源码分析1-new Vue做了哪些操作](https://juejin.im/post/5be4193ae51d455e5c4dba71) 25 | * [Vue.js 你不知道的冷(qi)门(ji)知(yin)识(qiao)](https://juejin.im/post/5be01d0ce51d450700084925) 26 | * [Vuex最完整的模块定义](https://segmentfault.com/a/1190000016985188) 27 | * [随我来基于webpack构建一个简易的vue脚手架 (webpack系列二)](https://segmentfault.com/a/1190000016986938) 28 | * [一个vue前端的VSCODE插件分享（2018）](https://juejin.im/post/5be53004f265da615b70f7a0) 29 | * [vue单页应用中 返回列表记住上次滚动位置、keep-alive缓存之后更新列表数据 那点事](https://juejin.im/post/5bea9a8651882517165d9089) 30 | * [管中窥Vue](https://segmentfault.com/a/1190000016990339) 31 | * [如何使用marked.js使Markdown在网页上良好的展示（vue + element ui）](https://juejin.im/post/5be1469fe51d457c1f756a37) 32 | * [vue项目刷新当前页面](https://segmentfault.com/a/1190000017007631) 33 | * [抛开 Vue、React、JQuery 这类第三方js，我们该怎么写代码？](https://yalishizhude.github.io/2018/11/14/web-components/) 34 | * [Vue keep-alive实践总结](http://www.cnblogs.com/mei1234/p/9959837.html) 35 | * [vue项目实践004~~~一篮子的实践技巧](https://juejin.im/post/5bec22236fb9a049cb184dd7) 36 | * [Vue一个案例引发的递归组件的使用](https://juejin.im/post/5bed05ac6fb9a04a053f3d60) 37 | * [一份超级详细的Vue-cli3.0使用教程[赶紧来试试]](https://segmentfault.com/a/1190000017020755) 38 | * [Vue 全家桶实现一个移动端酷狗音乐](https://segmentfault.com/a/1190000017030127) 39 | * [vue.js的项目实战](https://segmentfault.com/a/1190000017027368) 40 | * [Vue钩子函数生命周期实例详解](http://www.cnblogs.com/guobinhui/p/9971894.html) 41 | * [手把手教你实现一个 Vue 进度条组件](https://segmentfault.com/a/1190000017035590) 42 | * [Vue.js 3.0 PPT（附部分中文翻译）](https://juejin.im/post/5bed9c31e51d4516f64d528a) 43 | * [Vue-CLI路由懒加载预渲染项目实战](https://segmentfault.com/a/1190000017048260) 44 | * [来实现一个缩水版Vuex](https://segmentfault.com/a/1190000017049048) 45 | * [vue中的适配：px2rem](https://segmentfault.com/a/1190000017059317) 46 | * [Vue数据通信详解](https://segmentfault.com/a/1190000017069770) 47 | * [Vue.js 3.0 新特性预览](https://www.css88.com/archives/10052?f=tt) 48 | * [GitHub上最热门的十大Vue.js项目](https://segmentfault.com/a/1190000017091211) 49 | * [Vue CLI 3 环境中使用模拟数据（Mock）](https://www.css88.com/archives/10066) 50 | * [从源码里面了解vue的nextTick的使用](https://juejin.im/post/5bf4f640e51d4549ab391118) 51 | * [「伪全栈」Vue+Node搭建一个商城应用](https://juejin.im/post/5bf676acf265da6166241b0e) 52 | * [如何专业的构建Vue组件](https://futu.im/article/how-to-build-vue-components-like-a-pro/) 53 | * [vue面试题总结](https://segmentfault.com/a/1190000017103048) 54 | * [Vue数据双向绑定探究](https://segmentfault.com/a/1190000017107719) 55 | * [vue 表单输入绑定，有时不会自动更新？](https://segmentfault.com/a/1190000017107890) 56 | * [Evan You Previews Vue.js 3.0 🔥 – Vue Mastery](https://medium.com/vue-mastery/evan-you-previews-vue-js-3-0-ab063dec3547) 57 | * [The State of JavaScript 2018 Results](https://2018.stateofjs.com/introduction/) 58 | * [Release v2.3.1 · nuxt/nuxt.js · GitHub](https://github.com/nuxt/nuxt.js/releases/v2.3.1) 59 | * [Save 35% on an annual subscription to VueMastery.com](https://www.vuemastery.com/courses/) 60 | * [Real-life use cases for computed properties in Vue.js – Sunil Sandhu](https://medium.com/javascript-in-plain-english/real-life-use-cases-for-computed-properties-in-vue-js-5fdeecbeb3b3) 61 | * [Using Redux + Redux-Observable with Vue.js – Jean-Sebastien Tremblay](https://snipcart.com/blog/redux-vue) 62 | * [Adding Vue.js to an Existing Project – Blunt Jackson](https://medium.com/@bluntjackson/adding-vue-js-to-an-existing-project-ed2d040f870b) 63 | * [Nuxt.js Fundamentals, a free Vue.js video course – Vue School](https://vueschool.io/courses/nuxtjs-fundamentals) 64 | * [Offline-First Vue Apps with Hoodie & Workbox – Peter Mbanugo](https://www.telerik.com/blogs/offline-first-vue-apps-with-hoodie-workbox) 65 | * [Patching the Vue.js Virtual DOM: The need, the explanation and the solution – Michael Gallagher](https://medium.com/dailyjs/patching-the-vue-js-virtual-dom-the-need-the-explanation-and-the-solution-ba18e4ae385b) 66 | * [🇷🇴 Frontend Wizard – Bucarest, Romania – Remote allowed](https://vuejobs.com/jobs/539-frontend-wizard) 67 | * [Shapy](https://shapy.app/) 68 | * [Vuex Pathify - ridiculously simple Vuex setup + wiring](https://davestewart.github.io/vuex-pathify/) 69 | * [GitHub - filrak/vue-offline](https://github.com/filrak/vue-offline) 70 | * [GitHub - sascha245/vue-threejs-composer](https://github.com/sascha245/vue-threejs-composer) 71 | * [GitHub - fritx/vue-threejs](https://github.com/fritx/vue-threejs) 72 | * [GitHub - sgraewe/nuxt-tailwind](https://github.com/sgraewe/nuxt-tailwind) 73 | * [GitHub - nuxt/serve-placeholder: ](https://github.com/nuxt/serve-placeholder) 74 | * [NativeScript 5.0 is hot 🔥 out of the oven!](https://www.nativescript.org/blog/nativescript-5.0-is-hot-out-of-the-oven) 75 | * [4 Connect.Tech Conference Talks Now Live ](https://www.vuemastery.com/conferences/connect-tech-2018/) 76 | * [Black Friday Mega Sale – Vue School](https://vueschool.io/blackfriday) 77 | * [Type Vue without TypeScript – Rahul Kadyan ](https://medium.com/@znck/type-vue-without-typescript-b2b49210f0b) 78 | * [Deep Dive into VuePress: Craft a Clean Documentation & Blog –Charles Ouellet](https://hackernoon.com/deep-dive-into-vuepress-craft-a-clean-documentation-blog-de6ac8e0c917) 79 | * [Working an application in Vue.js with TDD — An extensive guide for people who have time — part 4 – Daniel Kuroski](https://medium.com/magnetis-backstage/working-an-application-in-vue-js-with-tdd-an-extensive-guide-for-people-who-have-time-part-4-700a4269e368) 80 | * [Nuxt.js (v2), Firestore & SSR 🔥 – Pascal Luther](https://medium.com/@pascalluther/nuxt-js-v2-firestore-ssr-938d8fb7d2b0) 81 | * [Building A Real-Time Chat Application With Vue.js and Firebase - Part 1 - Sebastian Eschweiler](https://codingthesmartway.com/building-a-real-time-chat-application-with-vue-js-and-firebase-part-1/) 82 | * [Vue as Event Bus — Life is Happier – Eko Simanjuntak](https://medium.com/easyread/vue-as-event-bus-life-is-happier-7a04fe5231e1) 83 | * [GitHub - chrisvfritz/hello-vue-components](https://github.com/chrisvfritz/hello-vue-components) 84 | * [GitHub - chrisvfritz/vue-monolith-example](https://github.com/chrisvfritz/vue-monolith-example) 85 | * [GitHub - shenoy/vue-scrollama](https://github.com/shenoy/vue-scrollama) -------------------------------------------------------------------------------- /docs/path/19-3.md: -------------------------------------------------------------------------------- 1 | ### *`三月`： 三月情 三月恋 三月醉把春之泉* 2 | 3 | 三月上下半月-三月帆 三月赞 三月礼花盎然天。(03.01~03.30): 4 | 5 | __宣城见杜鹃花__ 6 | [唐] 李白 7 | 蜀国曾闻子规鸟，宣城还见杜鹃花。 8 | 一叫一回肠一断，三春三月忆三巴。 9 | 10 | * [聊聊 Vuex、Flux、Redux、Redux-saga、Dva、MobX](https://zhuanlan.zhihu.com/p/53599723?f=tt) 11 | * [Vue.js 你需要知道的 v-slot （译）](https://juejin.im/post/5c64e11151882562e4726d98) 12 | * [如何在Vue项目中使用SVG Icon](https://www.w3cplus.com/vue/svg-icon-in-vue.html) 13 | * [记一次vue-webpack项目优化实践](https://segmentfault.com/a/1190000018168498) 14 | * [如何在Vue中构建可重用的Transition](https://www.w3cplus.com/vue/vue-js-reusable-transitions.html) 15 | * [如何使用 vue + typescript 编写页面 ( vuex装饰器部分 )](https://juejin.im/post/5c6774156fb9a049eb3c778f) 16 | * [vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component](https://juejin.im/post/5c6772ff518825629c56943c) 17 | * [你可能不清楚的 Vue Router 深度用法（一）](https://segmentfault.com/a/1190000018173547) 18 | * [vuejs组件通信精髓归纳](https://segmentfault.com/a/1190000018182722) 19 | * [Vue动态路由缓存不相互影响的解决办法](https://juejin.im/post/5c6a6276e51d457fd52ee74e) 20 | * [尤雨溪：TypeScript 不适合在 Vue 业务开发中使用吗？](https://www.zhihu.com/question/310485097/answer/591869966) 21 | * [vue模仿新年集福活动（移动端）](https://segmentfault.com/a/1190000018203329) 22 | * [Vue 后台管理类项目兼容IE9+](https://juejin.im/post/5c6b6f61f265da2de660fc61) 23 | * [如何使用 vue + typescript 编写页面 （Vue生命周期函数）](https://juejin.im/post/5c6bbcfbf265da2da955ab79) 24 | * [Vue源码探究-生命周期](https://juejin.im/post/5c6b52cdf265da2d9d1ca069) 25 | * [Vue.js 你需要知道的 scopedSlots](https://juejin.im/post/5c65511ce51d457fd23cf56b) 26 | * [9102年webpack4搭建vue项目](https://juejin.im/post/5c665da5f265da2dcb676cfc) 27 | * [前端面试题—vue部分详解](https://juejin.im/post/5c6d4a46f265da2de6610287) 28 | * [2019前端面试题汇总（主要为Vue）](https://segmentfault.com/a/1190000018225708) 29 | * [深入 Vue：源码目录及构建过程分析](https://mp.weixin.qq.com/s/85xzA639pnQZRLyEsnvFTw) 30 | * [Vue 服务端渲染实践 ——Web应用首屏耗时最优化方案](https://juejin.im/post/5c6d1586f265da2d9b5e1053) 31 | * [详解 Vue 生命周期实现](https://juejin.im/post/5c6d48e36fb9a049eb3c84ff) 32 | * [我的这套VuePress主题你熟悉吧](https://juejin.im/post/5c6dc6465188256559172860) 33 | * [30个值得关注的Vue开源项目](https://segmentfault.com/a/1190000018246945) 34 | * [webpack4.0+vue+es6配置](https://juejin.im/post/5c68f4e9e51d454be11473b9) 35 | * [Vue.js基础教程](https://segmentfault.com/a/1190000018249133) 36 | * [Vue 2.6 发布了](https://zhuanlan.zhihu.com/p/56260917) 37 | * [Vue组件数据通讯新姿势：$attrs 和 $listeners](https://www.w3cplus.com/vue/vue-js-attrs-and-listeners.html) 38 | * [Vue源码分析系列二：$mount()方法](https://juejin.im/post/5c70a8b7518825767633c533) 39 | * [用VueJS写一个Chrome浏览器插件](https://segmentfault.com/a/1190000018272959) 40 | * [vue全家桶安装以及修改webpack配置新增vue项目启动方式](http://www.cnblogs.com/qisi007/p/10238850.html) 41 | * [vue 2.0 使用 Font Awesome](https://segmentfault.com/a/1190000018279068) 42 | * [浅析Vue 中 $nextTick 机制](https://juejin.im/post/5c749bc7e51d45659809408a) 43 | * [Vue源码探究-事件系统](https://juejin.im/post/5c7490586fb9a049cd54d871) 44 | * [深入了解 Vue 响应式原理(数据拦截)](https://juejin.im/post/5c47cbe95188252420629eca) 45 | * [根据调试工具看Vue源码之组件通信（一）](https://segmentfault.com/a/1190000018314332) 46 | * [Vue新指令：v-slot](https://www.w3cplus.com/vue/vue/vue-v-slot.html) 47 | * [Vue案例引发的「嵌套组件」通信的简单方式](https://juejin.im/post/5c7621766fb9a049f362c3c8) 48 | * [Vue 的小奇技（第七篇）：在 vue-multiselect 基础上创建 ImageSelect 组件](https://juejin.im/post/5c75ffe3f265da2ddb2972f3) 49 | * [Vue生命周期的理解](https://segmentfault.com/a/1190000018331135) 50 | * [浅析 Vue 2.6 中的 nextTick 方法](https://segmentfault.com/a/1190000018328525) 51 | * [深入vuex原理(上)](https://juejin.im/post/5c779b7df265da2da771e052) 52 | * [Hooks 对 Vue 而言意味着什么](https://juejin.im/post/5c7784d5f265da2de713629c) 53 | * [vuex实现及简略解析](https://segmentfault.com/a/1190000018343771) 54 | * [浅谈如何搭建Vue项目](http://developer.51cto.com/art/201903/592689.htm) 55 | * [vue项目中使用token的身份验证的简单实践](https://juejin.im/post/5c788f8a6fb9a04a0379e9ae) 56 | * [在vue移动端项目中，配合clipboard.js插件，复制一段密令（类似淘宝支付宝口令）的文本到剪切板](https://segmentfault.com/a/1190000018357868) 57 | * [Vue中实现token验证](http://www.cnblogs.com/chenwenhao/p/10466774.html) 58 | * [vue.js 开发系列（三）Skeleton 骨架屏渲染](https://juejin.im/post/5c7bab75518825629b4310a4) 59 | * [记一次 Vue 项目重构](https://segmentfault.com/a/1190000018364199) 60 | * [Vue-cli 的 create 指令是如何创建项目文件的](https://meixg.cn/2019/03/03/vue-cli-create/) 61 | * [Vue 性能优化：如何实现延迟加载和代码拆分？](https://www.infoq.cn/article/9ihyy7HW00ij8suTh*zN) 62 | * [如何优雅的在 vue 中添加权限控制](https://juejin.im/post/5c7bae3ff265da2db27950f3) 63 | * [Vue简史](https://juejin.im/post/5c7c97f6f265da2de7136c59) 64 | * [vue+webpack4多页面打包配置](https://segmentfault.com/a/1190000018381677) 65 | * [手摸手，一起从0到1走进vue的世界（一）](https://juejin.im/post/5c74aae3518825787e69ff0a) 66 | * [Vue 的小奇技（第六篇）：在 Vue.js 2.6 中不使用 Vuex 来创建 store](https://juejin.im/post/5c7cea0d6fb9a049fd1092ae) 67 | * [Vue 开发经验小记](https://juejin.im/post/5c7deb78f265da2dbc59ae00) 68 | * [Vue源码简析之视图生成（上）](https://juejin.im/post/5c7b7fad518825408b658326) 69 | * [vueX10分钟入门](https://segmentfault.com/a/1190000018384838) 70 | * [React与Vue模板使用比较(一、vue模板与React JSX比较)](https://juejin.im/post/5c6bc870f265da2dd42760dc) 71 | * [深入了解 Vue.js 是如何进行「依赖收集]](https://juejin.im/post/5c75f336e51d45708f2a26da) 72 | * [简易版本vue的实现](https://segmentfault.com/a/1190000018399289) 73 | * [Vue 的小奇技（第八篇）：两个鲜有人知的 Vuex 技巧](https://juejin.im/post/5c7f20a46fb9a049db73e3d8) 74 | * [Vue $dispatch 和 $broadcast 详解](https://juejin.im/post/5c7fd345f265da2da771f4cd) 75 | * [vue的源码分析（不断更新中）](https://segmentfault.com/a/1190000018412337) 76 | * [13 个超实用的 Vue PC 端框架](http://news.51cto.com/art/201903/593007.htm) 77 | * [使用vue开发移动端管理后台](https://segmentfault.com/a/1190000018416530) 78 | * [vue + iview 项目实践总结](https://juejin.im/post/58c0e882da2f60186d6d4818) 79 | * [你也许不知道的 Vuejs：最佳实践（三）](https://yugasun.com/post/you-may-not-know-vuejs-15.html) 80 | * [使用 Vue 实现 Context-Menu 的思考与总结](https://juejin.im/post/5c81045ae51d457f2d791598) 81 | * [vue实现短信验证码登录](http://www.cnblogs.com/zhoulifeng/p/10502058.html) 82 | * [Vue中的验证登录状态](https://segmentfault.com/a/1190000018437732) 83 | * [基于 Laravel + Vue.js 构建的开源电商系统 —— Bagisto](undefined) 84 | * [Vue图片懒加载插件](http://www.cnblogs.com/chenwenhao/p/10505387.html) 85 | * [每天学点Vue源码: vm.$mount挂载函数](https://juejin.im/post/5c8531995188251bbf2edf82) 86 | * [根据调试工具看Vue源码之computed（一）](https://segmentfault.com/a/1190000018449250) 87 | * [Vue 服务端渲染实践：Web 应用首屏耗时最优化方案](https://zhuanlan.zhihu.com/p/57223501) 88 | * [Vue源码探究-数据绑定的实现](https://juejin.im/post/5c8704616fb9a049d81cae95) 89 | * [Vue 的小奇技（第九篇）：快照测试的威力](https://juejin.im/post/5c8710956fb9a049e6611635) 90 | * [尤雨溪谈 Vue.js :缔造自由与真我](https://juejin.im/post/5c8628306fb9a049ae08b867) 91 | * [详解vue中静态资源的路径问题(深度好文)](https://segmentfault.com/a/1190000018472635) 92 | * [Vue 结合 echarts 原生 html5 实现拖拽排版报表系统](https://segmentfault.com/a/1190000018471200) 93 | * [[vue-keep-ratio] Vue 保持 Dom 元素宽高比例的一个指令](https://segmentfault.com/a/1190000018476119) 94 | * [Vue项目架构优化](https://juejin.im/post/5c885bbf6fb9a049e6611a3b) 95 | * [Vue渲染过程浅析](https://segmentfault.com/a/1190000018495383) 96 | * [关于Vue slot插槽 我想说的事](https://segmentfault.com/a/1190000018492852) 97 | * [Vue嵌入iframe,iframe如何跨域调用vue内路由](https://juejin.im/post/5c89b461e51d453ce63bdc0c) 98 | * [vue模块拖拽效果实现](https://segmentfault.com/a/1190000018507258) 99 | * [「从源码中学习」10分钟精通Vue选项Props](https://juejin.im/post/5c88e669f265da2d8f47792a) 100 | * [2019年 Vue.js 报告中的亮点](https://segmentfault.com/a/1190000018528933) 101 | * [Vue倔强青铜-入门和组件化通信G](https://juejin.im/post/5c8d068ef265da2db2798046) 102 | * [基于刮刮卡Vue组件发布一个NPM包](https://juejin.im/post/5c8ced235188257de6634efe) 103 | * [Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面](https://segmentfault.com/a/1190000018531202) 104 | * [TodoList：适合初学者的vue+node小项目](https://segmentfault.com/a/1190000018528910) 105 | * [根据调试工具看Vue源码之computed（二）](https://segmentfault.com/a/1190000018531489) 106 | * [基于 vue 的通用表单解决方案的思考](https://github.com/Alvin-Liu/Blog/issues/18) 107 | * [Vue.js-Render函数](https://segmentfault.com/a/1190000018559170) 108 | * [Vue.js-状态管理与Vuex](https://segmentfault.com/a/1190000018559465) 109 | * [Vue.js-组件详解](https://segmentfault.com/a/1190000018554874) 110 | * [Vue.js-函数化组件](https://segmentfault.com/a/1190000018559284) 111 | * [Vue.js-Vue实例](https://segmentfault.com/a/1190000018559612) 112 | * [Vue实现电商网站项目](https://segmentfault.com/a/1190000018562933) 113 | * [Vue 的小奇技（第十篇）：监听第三方组件的生命周期钩子](https://juejin.im/post/5c905f45f265da60df410019) 114 | * [Vue2.0源码阅读笔记（一）：选项合并](https://juejin.im/post/5c8f60f8e51d45768a6e95f0) 115 | * [加快你的网站响应速度-Vue懒加载](https://juejin.im/post/5c8f506ee51d4567c212ae25) 116 | * [Vue.js基础拾遗](https://juejin.im/post/5c90b50f5188252d5a148793) 117 | * [最简单的Vue.js入门方法](https://segmentfault.com/a/1190000018574802) 118 | * [基于vue解决大数据表格卡顿问题](https://juejin.im/post/5c8e51bff265da67f51b42c6) 119 | * [vue 组件的三种使用方式教程](https://juejin.im/post/5c91e54f5188252d7c216627) 120 | * [重构：从 0.1 构建一个 Vue 表单验证插件](https://juejin.im/post/5c90e141e51d4579a6301451) 121 | * [JS框架对比，Angular还是Vue适宜才最好](http://developer.51cto.com/art/201903/593664.htm) 122 | * [vue.js 会是那颗银弹吗？](https://zhuanlan.zhihu.com/p/59777047) 123 | * [Vue秩序白银 —构建自己的Vuex](https://juejin.im/post/5c934fa9f265da60f96f8712) 124 | * [浅出Vue 错误处理机制errorCaptured、errorHandler](https://segmentfault.com/a/1190000018606181) 125 | * [【重学Vue】数据响应原理真的是双向绑定吗？](https://juejin.im/post/5c9351135188252d9b376152) 126 | * [vue开发项目完全指南](https://segmentfault.com/a/1190000018619576) 127 | * [在 WebStorm 中，配置能够识别 Vue CLI 3 创建的项目的别名 alias @](https://juejin.im/post/5c9477ad6fb9a070ce31b050) 128 | * [Angular, React 和 Vue 开发团队的福音：前端代码分析 SaaS 服务](https://zhuanlan.zhihu.com/p/59664258) 129 | * [和尤雨溪一起进阶vue](https://juejin.im/post/5c94b63a51882511c832fa98) 130 | * [手把手带你搭建VuePress的技术博客](https://juejin.im/post/5c94ddf35188252d65344cfe) 131 | * [一个Vue引发的性能问题](https://www.yinchengli.com/2019/03/24/vue-performance-problem/) 132 | * [Vue 实现 Pornhub 风格 Logo 生成器](http://t.cn/EJLAzFY) 133 | * [深入Vue.js组件(一)](https://juejin.im/post/5c987dd2e51d451aea0abf08) 134 | * [Vue源码探究-状态初始化](https://juejin.im/post/5c983e44e51d4533ec19a83c) 135 | * [「从源码中学习」面试官不知道的Vue题目答案](https://juejin.im/post/5c959f74f265da610c068fa8) 136 | * [Vue使用技巧和项目中遇到的问题](http://news.51cto.com/art/201903/593856.htm) 137 | * [Vue技术分类](https://segmentfault.com/a/1190000018663104) 138 | * [如何更好的使用module vuex？](https://juejin.im/post/5c997e59f265da60f6731774) 139 | * [基于Redux/Vuex/MobX等库的通用化状态OOP](https://juejin.im/post/5c98e5af6fb9a070dc289fc1) 140 | * [【Vue 实践】页面生成 pdf 文件-01](https://segmentfault.com/a/1190000018665468) 141 | * [Vue项目部署（阿里云+Nginx代理+PM2）](https://segmentfault.com/a/1190000018658773) 142 | * [仿 vue-cli 搭建属于自己的脚手架](https://juejin.im/post/5c94fef7f265da60fd0c15e8) -------------------------------------------------------------------------------- /docs/path/19-4.md: -------------------------------------------------------------------------------- 1 | ### *`四月`： 乡村四月闲人少，才了蚕桑又插田。* 2 | 3 | 四月-啦、啦、啦啦啦~。(04.01~04.30): 4 | 5 | __诗三首之一__ 6 | [宋] 严中和 7 | 梅天雨气入帘栊，衣润频添柏火烘。 8 | 四月江南无矮树，人家都在绿阴中。 9 | 10 | * [vue项目首屏打开速度慢？我来带你飞](https://segmentfault.com/a/1190000018715223) 11 | * [Vue JSX 深入解析](https://zhuanlan.zhihu.com/p/59434351) 12 | * [一步步搭建 VuePress 及优化【初始化到发布】](https://segmentfault.com/a/1190000018711587) 13 | * [一步步搭建 VuePress 及优化【插件系列】](https://segmentfault.com/a/1190000018715170) 14 | * [vue-router学习](https://segmentfault.com/a/1190000018713487) 15 | * [Vue 前端面试题](http://t.cn/Eibwugo) 16 | * [vue 脚手架 配置 及文件介绍](https://juejin.im/post/5ca02573e51d456b981c08b5) 17 | * [Vue + TypeScript + Element 项目实战及踩坑记](https://segmentfault.com/a/1190000018720570) 18 | * [从零搭建自己的Vue管理端框架（四）](https://juejin.im/post/5ca01063e51d4577414ea14a) 19 | * [Vue源码解读前必须要知道的Vue构建流程](https://segmentfault.com/a/1190000018717497) 20 | * [Vue.js 的注意事项与技巧](https://segmentfault.com/a/1190000018718923) 21 | * [VUE 9个性能优化秘密？（vue-9-perf-secrets）](https://juejin.im/post/5ca18157e51d45301b5c957c) 22 | * [3 个概念，入门 Vue 组件开发](https://www.infoq.cn/article/PKTbuKWWXSIh_iXtZuUt) 23 | * [Vue-CLI 3.x 自动部署项目至服务器](https://segmentfault.com/a/1190000018729701) 24 | * [你要的移动端vue多页面脚手架，都帮你集成和封装好了](https://juejin.im/post/5ca206d16fb9a05e4868bd90) 25 | * [Vue.js + Tone.js 开发Web钢琴应用](https://juejin.im/post/5ca1d2f1e51d4509ea3d0518) 26 | * [基于vue实现web端超大数据量表格](https://juejin.im/post/5ca1a986f265da30a2319e2e) 27 | * [DIY 一个 Vuex 持久化插件](https://segmentfault.com/a/1190000018741552) 28 | * [剑走偏锋之Vue 组件通信（一）—通过$parent和$children构建自己的通讯方式](https://juejin.im/post/5ca18092e51d4566ce235bff) 29 | * [Vue项目实战（一）——ToDoList](https://juejin.im/post/5ca3191f6fb9a05e605e32a7) 30 | * [Vue传参一箩筐](https://juejin.im/post/5ca1b720f265da309b7804cb) 31 | * [Vue1.0+Webpack1+Gulp项目升级构建方案的踩坑路](https://juejin.im/post/5ca31f16e51d45312f0de3df) 32 | * [前端工程（vue）多环境配置方案](https://juejin.im/post/5ca5cc916fb9a05e146d74b0) 33 | * [Vue 的小奇技（第十二篇）：组件创建时立即调用观察者回调](https://juejin.im/post/5ca59098f265da30d561f383) 34 | * [手把手教你撸一个vue框架（原理篇）](https://juejin.im/post/5ca456bfe51d456d3c45fef4) 35 | * [vue单元测试vue test utils使用初探](https://juejin.im/post/5ca56c2551882543fa41d51f) 36 | * [vue表单验证你真的会了吗？组件之表单验证（form）validate](https://juejin.im/post/5ca57057e51d4514f965c7b8) 37 | * [面试官：react和vue有什么区别吗？](https://juejin.im/post/5ca6fd2f6fb9a05e643def4f) 38 | * [vuethink安装配置](https://segmentfault.com/a/1190000018770454) 39 | * [vue 中this.$emit()的返回值是什么？](https://juejin.im/post/5ca8bbf251882543ec1d6a57) 40 | * [vue.js实现一个会动的简历(包含底部导航功能，编辑功能)](https://segmentfault.com/a/1190000018779991) 41 | * [【Vue 实践】增加简历市场及 WebSocket 通知-02](https://juejin.im/post/5ca9b3526fb9a05e55164c1d) 42 | * [vuepress部署静态网站踩坑指南](https://segmentfault.com/a/1190000018783535) 43 | * [如何优化我们的代码（vue项目）](https://juejin.im/post/5ca88cde6fb9a05e746f852d) 44 | * [「Vue实战」武装你的项目](https://juejin.im/post/5caae5ccf265da24df469294) 45 | * [小白教程|一小时上手最流行的前端框架vue](https://juejin.im/post/5cab02a46fb9a05e6a089348) 46 | * [Vue中使用create-keyframe-animation、动画钩子完成复杂动画](https://juejin.im/post/5caaf85fe51d452b4d56182a) 47 | * [《2019 年 Vue 生态圈调查：92% 的开发者将继续用 Vue》](http://t.cn/E6KyDHf) 48 | * [vue项目封装icon](https://juejin.im/post/5cac0164f265da0374185766) 49 | * [2019 年 Vue 生态圈调查：92% 的开发者将继续用 Vue](https://www.infoq.cn/article/BEJrd7F_3yxqhe36joO9) 50 | * [Vue 路由知识点归纳总结](https://segmentfault.com/a/1190000018801949) 51 | * [Vue源码学习之双向绑定](https://juejin.im/post/5cac736ff265da0368143c20) 52 | * [聊聊vue2.5的patch过程（diff算法）](https://juejin.im/post/5cac2c945188251b0a1e51ee) 53 | * [Vue组件之间通信，父到子，子到父，非父子组件之间数据传递梳理](https://segmentfault.com/a/1190000018809309) 54 | * [【2019 前端进阶之路】深入 Vue 响应式原理，活捉一个 MVVM（超详细）](https://juejin.im/post/5ca15e29f265da30a3303351) 55 | * [记一次用vue做的活动页](https://segmentfault.com/a/1190000018824614) 56 | * [通过几个问题深入分析Vue中的diff原理](https://juejin.im/post/5cad9fc96fb9a068a75d2909) 57 | * [从源码看Vue的响应式原理](https://juejin.im/post/5cad52e7f265da035f6fbb82) 58 | * [vue+vuex+json-seiver实现数据展示+分页](https://juejin.im/post/5cad6c596fb9a06853011518) 59 | * [入手vue-cli 3.x](https://segmentfault.com/a/1190000018833999) 60 | * [五步带你完成vue-cli 项目打包一键部署（测试）服务](https://segmentfault.com/a/1190000018846405) 61 | * [从零开始教你用vuepress搭建自己的博客（1）—基础篇](https://juejin.im/post/5cb03998e51d456e651b645e) 62 | * [[Vue] slot详解，slot、slot-scope和v-slot](https://juejin.im/post/5cb0564e5188251acb530087) 63 | * [koa+mysql+vue+socket.io全栈开发之前端篇](http://www.cnblogs.com/edwardloveyou/p/10702471.html) 64 | * [Vue页面级缓存解决方案feb-alive (下)](https://juejin.im/post/5cb150b6f265da037d4f9c86) 65 | * [如何理解vue的key属性](https://juejin.im/post/5cb06250f265da03b204207e) 66 | * [vue-cli项目使用mock数据的方法（借助express）](http://www.cnblogs.com/dreamcc/p/10705807.html) 67 | * [VueRouter源码分析](https://juejin.im/post/5cb2c1656fb9a0688360fb2c) 68 | * [封装Vue组件的一些技巧](https://juejin.im/post/5cb3eed65188251b0351f2c4) 69 | * [Vue的mergeOptions函数分析-上](https://juejin.im/post/5cb44b50f265da039a3d6339) 70 | * [理理Vue细节](https://juejin.im/post/5cb444605188251ada7e320d) 71 | * [[Vue.js进阶]从源码角度剖析Vue的生命周期](https://juejin.im/post/5cafeb515188251aeb3ec6a2) 72 | * [浏览器事件循环（结合vue nextTicket）](https://juejin.im/post/5cb474b3f265da03474df580) 73 | * [如何将使用了store的Vue业务组件复用](https://juejin.im/post/5cb42f195188257abf2b353e) 74 | * [vue的数据劫持以及操作数组的坑](https://juejin.im/post/5cb59b4af265da03b0515415) 75 | * [Vue 组件间通信方法汇总](https://segmentfault.com/a/1190000018887811) 76 | * [如何优雅的自配Vue2.6.10+webpack4.29.6？](https://juejin.im/post/5cb54221f265da037516968b) 77 | * [高仿网易云音乐 Vue前端项目](https://juejin.im/post/5cb751f7e51d456e6a1d023b) 78 | * [Vue中的scoped及穿透方法](https://juejin.im/post/5cb6dcdbf265da03b36edf4a) 79 | * [记一次 Vue 移动端活动倒计时优化](https://juejin.im/post/5cb5858ce51d456e51614a81) 80 | * [Vue自定义全局Toast和Loading](https://segmentfault.com/a/1190000018901270) 81 | * [Vue SSR 踩坑之旅](https://juejin.im/post/5cb6c36e6fb9a068af37aa35) 82 | * [开发Vue组件系列之模态框](https://juejin.im/post/5cb719ac6fb9a0689173a76f) 83 | * [keep-alive + vuex 让缓存的页面灵活起来](https://juejin.im/post/5cb060b2e51d456e7618a69a) 84 | * [Roadmap for Vue-CLI v4.0](https://github.com/vuejs/vue-cli/issues/3649) 85 | * [What's New in vue-styleguidist 3.0 – Bart Ledoux – Alligator.io](https://alligator.io/vuejs/vue-styleguidist-3/) 86 | * [VueDose #10 – Listen to lifecycle hooks on third-party Vue.js components](https://vuedose.tips/tips/10/) 87 | * [Creating A Spotify-Powered App Using Nuxt.js – Cher Scarlett – Smashing Magazine](https://www.smashingmagazine.com/2019/03/spotify-app-vue-nuxt-javascript/) 88 | * [So What’s New in Vue 2.6? – Nwose Lotanna](https://blog.bitsrc.io/so-whats-new-in-vue-2-6-d070132b2045) 89 | * [Vue.js cheat sheet for beginners - Cynthia Eschler](https://dev.to/ladymashiro/vue-helper-for-beginners-3ne2) 90 | * [Using fully typed Vuex mutations with vuex-typescript – Konrad Straszewski](https://medium.com/@koonradstraszewski/using-fully-typed-vuex-mutations-with-vuex-typescript-7597f56eceec) 91 | * [Building an Online Store with Vue CLI — Part 7 – Nathan Magyar](https://medium.com/@magyarn/building-an-online-store-with-vue-cli-part-7-8e7c84172e19) 92 | * [Working with Vuex in Your NativeScript-Vue Application - Now with Cats! – Raymond Camden](https://www.nativescript.org/blog/working-with-vuex-in-your-nativescript-vue-application-now-with-cats) 93 | * [GitHub - foxbenjaminfox/vue-async-computed](https://github.com/foxbenjaminfox/vue-async-computed) 94 | * [GitHub - syropian/vue-multiclick](https://github.com/syropian/vue-multiclick) 95 | * [GitHub - nono1526/vue-material-year-calendar](https://github.com/nono1526/vue-material-year-calendar) 96 | * [The power of Snapshot Testing – VueDose](https://vuedose.tips/tips/9/) 97 | * [Vue.js - How to Build Your First Package & Publish It on NPM – Nada Rifki](https://www.telerik.com/blogs/vuejs-how-to-build-your-first-package-publish-it-on-npm) 98 | * [Hands-on Vue.js for Beginners (Part 1-7) – Marina Mosti](https://dev.to/vuevixens/hands-on-vuejs-for-beginners-part-1-2j2g) 99 | * [Easiest Way to Implement Infinite Scroll in Vue.js – Fayaz Ahmed](https://medium.com/@fayazara/easiest-way-to-implement-infinite-scroll-in-vue-js-54a0a6c1111) 100 | * [Growth-Hack Your Career as a WIT – Jen Looper](https://dev.to/vuevixens/growth-hack-your-career-as-a-wit-5207) 101 | * [GitLab - montag/vue-cli-plugin-gitlab-pages](https://gitlab.com/montag/vue-cli-plugin-gitlab-pages/) 102 | * [GitHub - antonreshetov/vue-ssr-boilerplate](https://github.com/antonreshetov/vue-ssr-boilerplate) 103 | * [Class API proposal by yyx990803 · vuejs/rfcs · GitHub](https://github.com/vuejs/rfcs/pull/17) 104 | * [The Updated State of Vue.js Report is here](https://www.monterail.com/state-of-vuejs-report) 105 | * [GitHub - vuelidate/vuelidate](https://github.com/vuelidate/vuelidate) 106 | * [Two less known facts about Vuex – VueDose](https://vuedose.tips/tips/8/) 107 | * [Sliding In And Out Of Vue.js — Kevin Ball – Smashing Magazine](https://www.smashingmagazine.com/2019/02/vue-framework-third-party-javascript/) 108 | * [Tracing or Debugging Vue.js Reactivity: The computed tree – Michael Gallagher](https://medium.com/dailyjs/tracing-or-debugging-vue-js-reactivity-the-computed-tree-9da0ba1df5f9) 109 | * [Getting Started with Gridsome ― Egwuenu Gift ](https://scotch.io/tutorials/getting-started-with-gridsome) 110 | * [One more example of abstract component in Vue.js – Michael Lelyakin](https://medium.com/js-dojo/one-more-example-of-abstract-component-in-vue-js-6e80293f7a38) 111 | * [How to Build Production-ready Vue Authentication – Nader Dabit ](https://dev.to/dabit3/how-to-build-production-ready-vue-authentication-23mk) 112 | * [Vue.js with Constructor Pattern – Kamil Borkowski](https://inventi.studio/en/blog/vuejs-with-constructor-pattern) 113 | * [Mastering testing with Vue.js by testing a real application and setting up CI/CD – Liron Navon](https://medium.com/clockwork-nl/mastering-testing-with-vue-js-by-testing-a-real-application-and-setting-up-ci-cd-e4e989c12912) 114 | * [Celebrating a Milestone - Views on Vue 50th Episode](https://devchat.tv/views-on-vue/vov-050-celebrating-a-milestone-views-on-vue-50th-episode/) 115 | * [How to design and build a carousel feature in VueJS – Fabian Hinsenkamp](https://medium.freecodecamp.org/how-to-design-and-build-a-carousel-feature-in-vuejs-125f690a3a9e) 116 | * [GitHub - davidbernegger/VueVelocidad](https://github.com/davidbernegger/VueVelocidad) 117 | * [Release v2.1.4 · shentao/vue-multiselect · GitHub](https://github.com/shentao/vue-multiselect/releases/tag/2.1.4) 118 | -------------------------------------------------------------------------------- /docs/path/19-6.md: -------------------------------------------------------------------------------- 1 | ### *`六月`： 六月盘底算，轻舟起！* 2 | 3 | 六月-六月竹风寒，来处余香飘坐。(06.01~06.30): 4 | 5 | __杂感__ 6 | [宋] 陆游 7 | 十月可酿酒，六月可作酱，儿曹念乃翁，左右日供养。 8 | 比邻有老疾，亦复致一饷；老老以及人，此义古所尚。 9 | 10 | * [Vue中高德地图的使用](https://juejin.im/post/5d00d029e51d4510aa0114e9) 11 | * [Vuex学习（1）](https://juejin.im/post/5cff678d518825729626e918) 12 | * [Svelte 3 快速开发指南(对比React与vue)[每日前端夜话0x83]](https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247486841&idx=1&sn=4d024232a02ad0c150e29d84e9b9c726) 13 | * [模拟 vue3.0 rfcs `createComponent` api 中的`props`类型推导](https://segmentfault.com/a/1190000019457171) 14 | * [手把教你搭建SSR(vue/vue-cli + express)](https://segmentfault.com/a/1190000019462324) 15 | * [新的 Vue Function-based API 当中的看到的 Clojure 的影子](https://segmentfault.com/a/1190000019455310) 16 | * [一个基于vuepress默认主题开发的主题-vuepress-theme-reform](https://juejin.im/post/5d0215aff265da1b6a348f61) 17 | * [实现简约不简单的vuex](https://juejin.im/post/5d01ba1af265da1b6836b6df) 18 | * [使用Hook构建解耦的Vue.js应用程序](https://juejin.im/post/5d02030cf265da1bac4011db) 19 | * [Vue 改变数据，页面不刷新的问题](https://segmentfault.com/a/1190000019470488) 20 | * [vue中的父子传值双向绑定及数据修改视图不更新问题](https://segmentfault.com/a/1190000019459531) 21 | * [Intro to VuePress 1.x](https://zhuanlan.zhihu.com/p/68669412) 22 | * [Vue.js的IoC容器模式探索](https://juejin.im/post/5d034012f265da1bab29aa91) 23 | * [【第四期】基于 @vue/cli3 插件，集成日志系统【SSR第三篇】](https://juejin.im/post/5d030cc4f265da1bd04edc64) 24 | * [Vue 3.0前的 TypeScript 最佳入门实践](https://mp.weixin.qq.com/s?__biz=MzI1NDU3NzM5Mg==&mid=2247483764&idx=1&sn=df7dbf5c4e910a6e1893a0b57b0dd727) 25 | * [history和hash，vue-router](https://segmentfault.com/a/1190000019483158) 26 | * [开发一个简单的 Vue 弹窗组件](https://segmentfault.com/a/1190000019480688) 27 | * [Vue组件库工程探索与实践之按需加载](https://juejin.im/post/5d0353d2f265da1bcc193e22) 28 | * [Vue 3.0 的重大改动暴露了哪些问题](https://juejin.im/post/5d03140a5188253d592e070e) 29 | * [精读 vue-hooks](https://juejin.im/post/5d0243a3f265da1b8f1abc49) 30 | * [Vue Function-based API RFC](https://zhuanlan.zhihu.com/p/68477600) 31 | * [2019 前端面试 | Vue.js 专题](https://juejin.im/post/5d046560f265da1b961301d8) 32 | * [揭秘 Vue-3.0 最具潜力的 API](https://zhuanlan.zhihu.com/p/68758240) 33 | * [Vue源码浅析之异步组件注册](https://segmentfault.com/a/1190000019485927) 34 | * [最简单的vue消息提示全局组件](https://segmentfault.com/a/1190000019487630) 35 | * [VueConf 2019 PPT](https://vue.w3ctech.com/) 36 | * [vue基本知识点](https://www.cnblogs.com/PeiGaGa/p/11032653.html) 37 | * [Vue拖拽组件列表实现动态页面配置](https://www.cnblogs.com/dora-zc/p/11031847.html) 38 | * [vue+element加入签名效果（移动端）](https://juejin.im/post/5cf79f03f265da1bb564e75f) 39 | * [Vue源码解析-了解vue插槽slot篇](https://segmentfault.com/a/1190000019492734) 40 | * [vue 路由基础](https://segmentfault.com/a/1190000019492525) 41 | * [vue 状态管理（三）](https://juejin.im/post/5d05d3d651882546dd100c73) 42 | * [基于better-scroll的vue滚动组件](https://segmentfault.com/a/1190000019493601) 43 | * [vue核心原理学习](https://juejin.im/post/5cedf4f86fb9a07ef71055bb) 44 | * [[vue中使用typescript] 超实用教程](https://juejin.im/post/5d0701935188251a4f000ae2) 45 | * [用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]](https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247486867&idx=1&sn=322dfbe80d5df996c061fc6f91f3a1d6) 46 | * [Vue parse之 从template到astElement 源码详解](https://juejin.im/post/5d01b954f265da1bbf69172e) 47 | * [提升90%加载速度——vuecli下的首屏性能优化](https://segmentfault.com/a/1190000019499007) 48 | * [用webpack4.0撸单页/多页脚手架(jquery,react,vue,typescript)](https://juejin.im/post/5d078cc16fb9a07ef37668d0) 49 | * [5种处理Vue异常的方法](https://segmentfault.com/a/1190000019497128) 50 | * [公司要求熟悉框架 Vue，必问面试题你都会几道？](https://mp.weixin.qq.com/s?__biz=MzU3NjczNDk2MA==&mid=2247484312&idx=1&sn=cd486a3a2e3665488c1c8b7cf9e1ca75) 51 | * [记一次忏悔的前端面试经验（Vue 双向绑定原理）](https://juejin.im/post/5d08abeaf265da1b8e70a1d7) 52 | * [使用vue-i18n实现多语言切换效果](https://www.helloweba.net/javascript/609.html) 53 | * [Vue.js 2.0 手把手入门笔记](https://juejin.im/post/5d08b86b6fb9a07eaf2b93a9) 54 | * [【Vue项目总结】后台管理项目总结](https://segmentfault.com/a/1190000019516643) 55 | * [【vue】用图告诉你响应式原理](https://juejin.im/post/5cfa08ee5188254a6c23dd47) 56 | * [Vue实战-头部模块编写（5）](https://segmentfault.com/a/1190000019513244) 57 | * [前端黑科技结合Vue 如何让首页秒开](https://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247486834&idx=1&sn=547d4cf7f32edb1c7a747c535ca62a36) 58 | * [来试试这个用 Vue 撸的数据可视化后台吧](http://developer.51cto.com/art/201906/598117.htm) 59 | * [服务器发布Vue/Nuxt项目指南(图文版本)](https://segmentfault.com/a/1190000019525739) 60 | * [【vue源码解析】render到底做了什么？](https://juejin.im/post/5d09c587e51d454f71439ce2) 61 | * [vue router的总结–$router和$route](http://huolalaweb.com/2019/06/19/vue-router/) 62 | * [Vue动态表单 —— vue-dynamic-form2](https://segmentfault.com/a/1190000019522366) 63 | * [Vue 源码剖析 —— 对象变化侦测](https://juejin.im/post/5d09f8875188252f921b13b7) 64 | * [vuex对ts的支持太弱？一个让 vuex 更好的支持 typescript 的解决方案](https://juejin.im/post/5d09de7ee51d45108223fc71) 65 | * [Vue 动态添加路由及生成菜单](https://segmentfault.com/a/1190000019527606) 66 | * [一个简单案例教你如何用Typescript写Vuex](https://juejin.im/post/5d09682d518825531e0648a7) 67 | * [前端项目之vue分环境打包](https://juejin.im/post/5d0901c8e51d454d544abf65) 68 | * [Vue 页面权限控制和登陆验证](https://segmentfault.com/a/1190000019532448) 69 | * [Vue踩坑之旅（二）—— 监听页面刷新和关闭](https://juejin.im/post/5d0aee8ff265da1b8d162275) 70 | * [Vue踩坑之旅（三）—— 修改子组件样式](https://juejin.im/post/5d0b3a5be51d45108c59a54e) 71 | * [Vue和MVVM的对应关系](https://juejin.im/post/5d0c3541f265da1b827aa306) 72 | * [vue项目工程化规范](https://juejin.im/post/5d0c8a92f265da1b94215196) 73 | * [Vue.js 高级概念：Mixins，自定义指令，过滤器，过渡，状态管理和服务端渲染](https://juejin.im/post/5d0aec48e51d455a694f9542) 74 | * [Vue单页SPA后台管理点击刷新当前页面](https://juejin.im/post/5d0c88d451882532bc6bd5f3) 75 | * [Vue生命周期钩子简介[每日前端夜话0x8A]](http://www.tuicool.com/articles/hit/FnIFZz6) 76 | * [【Vue项目总结】项目nginx部署](https://segmentfault.com/a/1190000019549313) 77 | * [让 babel webpack vue 配置文件支持智能提示](https://www.52cik.com/2019/06/21/config-intelli-sense.html) 78 | * [撸一个Vue脚手架plus，高级概念玩儿一遍(超详细)](https://juejin.im/post/5d0dbbf6e51d45599e019de1) 79 | * [vue项目中运用webpack动态配置打包多种环境域名](https://www.cnblogs.com/c-ms/p/11073675.html) 80 | * [[Vue]组件编写小结](https://juejin.im/post/5d0e78b26fb9a07ebe74c91e) 81 | * [Vue 最黑暗的一天](https://juejin.im/post/5d0f64d4f265da1b67211893) 82 | * [学习vue源码—vue-diff](https://juejin.im/post/5d0f71c86fb9a07ef90ca38a) 83 | * [这几天国外关于 Vue 新 API 的一些争论](https://zhuanlan.zhihu.com/p/70423361) 84 | * [学会了Vue，前端面试却没找到工作？](https://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247486849&idx=1&sn=f350de23b9d008b8969d5940e49e1c62) 85 | * [学会了Vue，前端面试却没找到工作？](https://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ==&mid=2247486849&idx=1&sn=f350de23b9d008b8969d5940e49e1c62) 86 | * [mpvue框架使用记录](https://juejin.im/post/5d102bf2e51d4577407b1d5d) 87 | * [支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component](https://segmentfault.com/a/1190000019569852) 88 | * [一文学会Vue中间件管道[每日前端夜话0x8C]](https://mp.weixin.qq.com/s?__biz=MzI3NzIzMDY0NA==&mid=2247486905&idx=1&sn=cc264d813aa9a7c3af5f4f504816aa37) 89 | * [centos7.6+nginx+nvm+pm2+nodejs+vuejs初探](https://juejin.im/post/5d11b89af265da1b9253e82b) 90 | * [Vue 组件间传参最佳实践](https://segmentfault.com/a/1190000019580144) 91 | * [重学Vue-Router](https://juejin.im/post/5d120e4b6fb9a07ea567fd1c) 92 | * [vue + videojs 处理 m3u8 的坑](https://segmentfault.com/a/1190000019580362) 93 | * [Vue 源码剖析 —— 变化侦测相关 API 实现原理](https://juejin.im/post/5d1223c06fb9a07eec59d878) 94 | * [Vue移动端右滑屏幕返回上一页](https://www.helloweba.net/javascript/610.html) -------------------------------------------------------------------------------- /docs/path/2019-q4.md: -------------------------------------------------------------------------------- 1 | ## 再见！2019，ヾ(￣▽￣)Bye~Bye~ 2 | 3 | ![](https://github.com/itemsets/vue2/raw/master/blog/2019.jpg) 4 | 5 | ### *`你好十二月`： 十二月北斗璇光射幽土，四气缘环若朝暮。* 6 | 7 | __忆长安·十二月__ 8 | [唐]谢良辅 9 | 忆长安，腊月时，温泉彩仗新移。 10 | 瑞气遥迎凤辇，日光先暖龙池。 11 | 取酒虾蟆陵下，家家守岁传卮。 12 | 13 | Hello, December, please be nice to me！ 14 | 15 | | 再见十一月 | 你好十二月 | 16 | | ---- | ---- | 17 | |![](./blog/12-01.png)|![](./blog/12-02.jpeg)| 18 | 19 | ... 20 | 21 | ### *`十一月`： 边城十一月，雨雪乱霏霏。元戎号令严，人马亦轻肥。* 22 | ### *`十月初-十月底`： 十月江南风信早，梅枝早閟先春。* 23 | 24 | 需要看2019-月报 25 | 查看：2019月报汇总目录。 26 | 27 | 1.1、【[[月报]一月上半月-新春犹一月，已觉日微长](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%B8%80%E6%9C%88%E4%B8%8A%E5%8D%8A%E6%9C%88-%E6%96%B0%E6%98%A5%E7%8A%B9%E4%B8%80%E6%9C%88%EF%BC%8C%E5%B7%B2%E8%A7%89%E6%97%A5%E5%BE%AE%E9%95%BF.md)】 28 | 1.2、【[[月报]一月下半月-岂敢定居，一月三捷](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%B8%80%E6%9C%88%E4%B8%8B%E5%8D%8A%E6%9C%88-%E5%B2%82%E6%95%A2%E5%AE%9A%E5%B1%85%EF%BC%8C%E4%B8%80%E6%9C%88%E4%B8%89%E6%8D%B7.md)】 29 | 2、 【[[月报]二月-不知细叶谁裁出，二月春风似剪刀](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%BA%8C%E6%9C%88-%E4%B8%8D%E7%9F%A5%E7%BB%86%E5%8F%B6%E8%B0%81%E8%A3%81%E5%87%BA%EF%BC%8C%E4%BA%8C%E6%9C%88%E6%98%A5%E9%A3%8E%E4%BC%BC%E5%89%AA%E5%88%80.md)】 30 | 3、 【[[月报]三月情 三月恋 三月醉把春之泉](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%B8%89%E6%9C%88%E6%83%85%20%E4%B8%89%E6%9C%88%E6%81%8B%20%E4%B8%89%E6%9C%88%E9%86%89%E6%8A%8A%E6%98%A5%E4%B9%8B%E6%B3%89.md)】 31 | 4、 【[[月报]四月-乡村四月闲人少，才了蚕桑又插田](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E5%9B%9B%E6%9C%88-%E4%B9%A1%E6%9D%91%E5%9B%9B%E6%9C%88%E9%97%B2%E4%BA%BA%E5%B0%91%EF%BC%8C%E6%89%8D%E4%BA%86%E8%9A%95%E6%A1%91%E5%8F%88%E6%8F%92%E7%94%B0.md)】 32 | 5、 【[[月报]五月-田家少闲月，五月人倍忙](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%BA%94%E6%9C%88-%E7%94%B0%E5%AE%B6%E5%B0%91%E9%97%B2%E6%9C%88%EF%BC%8C%E4%BA%94%E6%9C%88%E4%BA%BA%E5%80%8D%E5%BF%99.md)】 33 | 6、 【[[月报]六月-六月竹风寒，来处余香飘坐](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E5%85%AD%E6%9C%88-%E5%85%AD%E6%9C%88%E7%AB%B9%E9%A3%8E%E5%AF%92%EF%BC%8C%E6%9D%A5%E5%A4%84%E4%BD%99%E9%A6%99%E9%A3%98%E5%9D%90.md)】 34 | 7、 【[[月报]七月-不在山，不在岸，采我之时七月半](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%B8%83%E6%9C%88-%E4%B8%8D%E5%9C%A8%E5%B1%B1%EF%BC%8C%E4%B8%8D%E5%9C%A8%E5%B2%B8%EF%BC%8C%E9%87%87%E6%88%91%E4%B9%8B%E6%97%B6%E4%B8%83%E6%9C%88%E5%8D%8A.md)】 35 | 8、 【[[月报]八月-八月秋高风怒号，卷我屋上三重茅](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E5%85%AB%E6%9C%88-%E5%85%AB%E6%9C%88%E7%A7%8B%E9%AB%98%E9%A3%8E%E6%80%92%E5%8F%B7%EF%BC%8C%E5%8D%B7%E6%88%91%E5%B1%8B%E4%B8%8A%E4%B8%89%E9%87%8D%E8%8C%85.md)】 36 | 8.9、【[[八月底九月初]浪里个浪、浪里个浪里个浪](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E5%85%AB%E6%9C%88%E5%BA%95%E4%B9%9D%E6%9C%88%E5%88%9D%5D%E6%B5%AA%E9%87%8C%E4%B8%AA%E6%B5%AA%E3%80%81%E6%B5%AA%E9%87%8C%E4%B8%AA%E6%B5%AA%E9%87%8C%E4%B8%AA%E6%B5%AA.md)】 37 | 9、 【[[月报]九月-九月从今知几度, 试看镜里头如雪](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E4%B9%9D%E6%9C%88-%E4%B9%9D%E6%9C%88%E4%BB%8E%E4%BB%8A%E7%9F%A5%E5%87%A0%E5%BA%A6%2C%20%E8%AF%95%E7%9C%8B%E9%95%9C%E9%87%8C%E5%A4%B4%E5%A6%82%E9%9B%AA.md)】 38 | 10、 【[[月报]十月-十月江南风信早，梅枝早閟先春](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E5%8D%81%E6%9C%88-%E5%8D%81%E6%9C%88%E6%B1%9F%E5%8D%97%E9%A3%8E%E4%BF%A1%E6%97%A9%EF%BC%8C%E6%A2%85%E6%9E%9D%E6%97%A9%E9%96%9F%E5%85%88%E6%98%A5.md)】 39 | 11、 【[[月报]十一月-边城十一月，雨雪乱霏霏。元戎号令严，人马亦轻肥](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E5%8D%81%E4%B8%80%E6%9C%88-%E8%BE%B9%E5%9F%8E%E5%8D%81%E4%B8%80%E6%9C%88%EF%BC%8C%E9%9B%A8%E9%9B%AA%E4%B9%B1%E9%9C%8F%E9%9C%8F%E3%80%82%E5%85%83%E6%88%8E%E5%8F%B7%E4%BB%A4%E4%B8%A5%EF%BC%8C%E4%BA%BA%E9%A9%AC%E4%BA%A6%E8%BD%BB%E8%82%A5.md)】 40 | 12、 【[[月报]十二月-十二月北斗璇光射幽土，四气缘环若朝暮](https://github.com/itemsets/vue2/blob/master/2019%5B%E6%9C%88%E6%8A%A5%5D%E6%B1%87%E6%80%BB/%5B%E6%9C%88%E6%8A%A5%5D%E5%8D%81%E4%BA%8C%E6%9C%88-%E5%8D%81%E4%BA%8C%E6%9C%88%E5%8C%97%E6%96%97%E7%92%87%E5%85%89%E5%B0%84%E5%B9%BD%E5%9C%9F%EF%BC%8C%E5%9B%9B%E6%B0%94%E7%BC%98%E7%8E%AF%E8%8B%A5%E6%9C%9D%E6%9A%AE.md)】 -------------------------------------------------------------------------------- /docs/path/2020-2.md: -------------------------------------------------------------------------------- 1 | #### 停车坐爱枫林晚，霜叶红于二月花。 2 | 3 | * [Vue图片浏览插件v-viewer的使用](https://juejin.im/post/5e3e4f06e51d45270e2113a1) 4 | * [如何在Vue中动态添加类名](https://segmentfault.com/a/1190000021652350) 5 | * [前端三大React vs Vue vs Angular](https://juejin.im/post/5e3e7419f265da572549b437) 6 | * [手摸手带你使用Vue-Cli3搭建前端开发环境](https://segmentfault.com/a/1190000021709647) 7 | * [从零开发一套完整的vue项目开发环境](https://segmentfault.com/a/1190000021713184) 8 | * [vue前端动态路由实现用户权限过滤](https://juejin.im/post/5e412cae6fb9a07c820f9d97) 9 | * [如何在 Vue 中使用 JSX 以及使用它的原因](https://segmentfault.com/a/1190000021643223) 10 | * [字节跳动面试官：请说一下vuex工作原理（重点就几行代码而已啦）](https://segmentfault.com/a/1190000021717329) 11 | * [Vue之事件总线](https://segmentfault.com/a/1190000021719881) 12 | * [vue2.x+vue-cli3.0地图demo踩过的坑](https://juejin.im/post/5e3f722ee51d4527223e4550) 13 | * [Vue.js渐进式JavaScript框架](https://segmentfault.com/a/1190000021714617) 14 | * [vue使用的血泪心得](https://juejin.im/post/5e41ccab518825494d4fc467) 15 | * [用Vue3(Vue-Composition API) 写一个疫情查询小工具](https://juejin.im/post/5e427febe51d45270d530227) 16 | * [vue-router实现原理及两种模式分析](https://juejin.im/post/5e4229395188254919495d8f) 17 | * [Vue 中如何让 input 聚焦？(包含视频讲解)](https://segmentfault.com/a/1190000021690720) 18 | * [如何正确更改Ant Design of Vue样式](https://juejin.im/post/5e4172d651882549150e9955) 19 | * [初级前端 Vue 高频基础面试题](https://segmentfault.com/a/1190000021731699) 20 | * [vue源码阅读复盘-watcher模块](https://juejin.im/post/5e440b976fb9a07cbb6e2f58) 21 | * [vue源码剖析思维导图（一）](https://juejin.im/post/5e43f331e51d4526e651b33b) 22 | * [大前端之路-vue-router 和 vue-cli 速览](https://juejin.im/post/5e420a94f265da57301be70e) 23 | * [Vue.js 项目打包优化实践](https://juejin.im/post/5e4a2eeef265da575d20d5fc) 24 | * [精通React/Vue系列之实现一个全局提示(Message)组件](https://juejin.im/post/5e4a1965e51d4526e418f842) 25 | * [Vue中fragment.js使用方法详解](https://segmentfault.com/a/1190000021764907) 26 | * [@vue/cli 项目编译重复命中缓存问题解析](https://segmentfault.com/a/1190000021768648) 27 | * [Vue从js迁移到ts](https://segmentfault.com/a/1190000021777028) 28 | * [从 React 切换到 Vue.js](https://www.infoq.cn/article/22jiqjCXXcs0DajEFT0h) 29 | * [TypeScript从零实现基于Proxy的响应式库，带你彻底搞懂Vue3的响应式原理](https://juejin.im/post/5e21196fe51d454d523be084) 30 | * [基于 Flask 和 Vue 的词云生成应用](https://juejin.im/post/5e216901e51d4558850ea00f) 31 | * [Vue.js 学习笔记（一）数据绑定与指示器](https://rollingstarky.github.io/2020/01/18/data-binding-and-directives-in-vue-js/) 32 | * [理清Vue响应式系统中的Watcher和Dep的关系](https://juejin.im/post/5e23fcb1f265da3e2650e17e) 33 | * [带你彻底搞懂Vue3的Proxy响应式原理基于函数劫持实现Map和Set的响应式](https://juejin.im/post/5e23b20f51882510073eb571) 34 | * [阿望教你用vue写扫雷（超详细哦）](https://awang0608.github.io/2020/01/19/%E9%98%BF%E6%9C%9B%E6%95%99%E4%BD%A0%E7%94%A8vue%E5%86%99%E6%89%AB%E9%9B%B7-%E8%B6%85%E8%AF%A6%E7%BB%86%E5%93%A6/) 35 | * [代码规范化之Vue篇](https://juejin.im/post/5e2d3af65188254e1d4398fa) 36 | * [2020年，11种应该加入工具箱的顶级VueJS开发员工具​](https://blog.csdn.net/duxinshuxiaobian/article/details/104088128) 37 | * [强化表单的9个Vue输入库](https://www.cnblogs.com/GeniusLyzh/p/12236164.html) 38 | * [Vue入门指南——计算属性](https://blog.csdn.net/weixin_44253336/article/details/104090427) 39 | * [Vue造轮子-tab组件(下)](https://segmentfault.com/a/1190000021653651) 40 | * [深度解析：Vue3如何巧妙的实现强大的computed](https://juejin.im/post/5e2fdf29e51d45026866107d) 41 | * [Vue造轮子-popover组件(上)](https://juejin.im/post/5e311dd051882510073ebb6b) 42 | * [vue项目搭建问题记录](https://blog.csdn.net/tuzongxun/article/details/104100344) 43 | * [Vue入门指南——侦听器](https://blog.csdn.net/weixin_44253336/article/details/104095936) 44 | * [Vue入门指南——过滤器](https://blog.csdn.net/weixin_44253336/article/details/104096669) 45 | * [重拳出击：打造 Vue3.0 + Typescript + TSX 开(乞)发(丐)模式](https://juejin.im/post/5e32502ae51d450268661152) 46 | * [vuex为什么不建议在action中修改state](https://juejin.im/post/5e21595be51d4552464d3ebe) 47 | * [如何在Vue中使用lottie加载SVG动画](https://juejin.im/post/5e327db0f265da3e3b5c6003) 48 | * [在React中引入Vue3的reactivity分包来实现最强大的状态管理](https://juejin.im/post/5e2d0d016fb9a02fc05da472) 49 | * [vue-cli设置css不生效](https://www.daozhao.com/8817.html) 50 | * [Vue实现一个全屏加载插件并发布至npm仓库](https://juejin.im/post/5e3307145188252c30002fa7) 51 | * [Vue-5个进阶属性（指令等）](https://juejin.im/post/5e34378751882536c964f427) 52 | * [Vue 中 强制组件重新渲染的正确方法](https://segmentfault.com/a/1190000021599461) 53 | * [面相 vue 开发者的 react 入坑指南](https://blog.rxliuli.com/p/b6a3c3df/) 54 | * [从头为 Vue.js 3 实现 Vuex](https://mp.weixin.qq.com/s?__biz=MzI0MDYzOTEyOA==&mid=2247484352&idx=1&sn=2004fefa92ea13332bc906412f41cf60) 55 | * [vue 源码学习（一）入门和响应式原理](https://segmentfault.com/a/1190000021673620) 56 | * [修改vue源码实现动态路由缓存 动态路由](https://juejin.im/post/5e36c148f265da3e240b361b) 57 | * [花括号匹配变量组件实现记录，vue字符串渲染成组件的两种方式](https://juejin.im/post/5e37dee95188254d9032ab71) 58 | * [基于vue实现一个新型肺炎疫情动态Demo](https://juejin.im/post/5e38f1d151882549281bdf61) 59 | * [整合 Django 2.x + Vue.js 框架快速搭建web项目](https://juejin.im/post/5e36d5dc51882520ea398f21) 60 | * [Vue如何使用混合Mixins和插件开发](https://segmentfault.com/a/1190000021679760) 61 | -------------------------------------------------------------------------------- /docs/path/2020-3.md: -------------------------------------------------------------------------------- 1 | ### *拜托，三月疫情结束，大家平平安安* 2 | 3 | 《蝶恋花·柳絮年年三月暮》 4 | [清]周济 5 | 柳絮年年三月暮，断送莺花，十里湖边路。 6 | 万转千回无落处，随侬只恁低低去。 7 | 满眼颓垣欹病树，纵有余英，不值风姨炉。 8 | 烟里黄沙遮不住，河流日夜东南注。 9 | 10 | * [Vue-Cli@2项目迁移日志](https://blog.ixk.me/vue-cli2-project-migration-log.html) 11 | * [如何构建运行良好的Vue组件](https://segmentfault.com/a/1190000021615618) 12 | * [记一次惨痛的Vue-cli + VueX + SSR经历](https://juejin.im/post/5e4f43b9518825492a71fddb) 13 | * [vue3.0源码速读](https://juejin.im/post/5e4eb264f265da575c16bc14) 14 | * [21天完美搞定Vue框架技术（第2天）](https://segmentfault.com/a/1190000021806757) 15 | * [Ant Design Vue Pro 项目实战-项目初始化（一）](https://www.cnblogs.com/wzgj/p/12344846.html) 16 | * [vue路由核心要点（vue-router）](https://www.cnblogs.com/halfsoul/p/12347148.html) 17 | * [vue中实现简易购物车（麻雀小，五脏全）](https://segmentfault.com/a/1190000021812737) 18 | * [Vue的完整版和非完整版的差异](https://juejin.im/post/5e51e912e51d4526cf47f7af) 19 | * [Vue响应式原理简单实现](https://juejin.im/post/5e522eb2518825497467f353) 20 | * [笔记：关于 Vue-SSR 的实践性测试](https://segmentfault.com/a/1190000021820780) 21 | * [[Vue源码学习]1-从零跑通Vue实例化过程](https://juejin.im/post/5e523e22e51d4527066e8fed) 22 | * [vuex知识笔记，及与localStorage和sessionStorage的区别](https://www.cnblogs.com/tandaxia/p/12353218.html) 23 | * [Vue项目总结（1）-基本概念+Nodejs+VUE+VSCode](https://juejin.im/post/5e512734518825495853bf36) 24 | * [搞清Vue生命周期执行顺序](https://juejin.im/post/5e527ecae51d4526cb161b46) 25 | * [Vue深入响应式原理](https://juejin.im/post/5e527eabe51d4526d6405da8) 26 | * [Vue实例$mount](http://link.caibaojian.com?url=https://juejin.im/post/5e5364e16fb9a07cbe3465d2) 27 | * [VUE源码系列五：组件是怎样生成的？(附详细源码解析)](http://link.caibaojian.com?url=https://juejin.im/post/5e2804e1e51d453c9e155f08) 28 | * [从源码分析Vue的响应式原理](http://link.caibaojian.com?url=https://juejin.im/post/5e50c285f265da57375c3c94) 29 | * [高级 Vue 技巧：控制父类的 slot](http://link.caibaojian.com?url=https://segmentfault.com/a/1190000021662927) 30 | * [Vue中你可能认为是bug的情况原来是这样的](http://link.caibaojian.com?url=https://www.cnblogs.com/qidaoxueyuan/p/12358157.html) 31 | * [vue配置命令打包不同的生产环境与测试环境](http://link.caibaojian.com?url=https://www.teaxia.com/archives/1140/) 32 | * [从零开始搭建Electron+Vue+Webpack项目框架，一套代码，同时构建客户端、web端（四）](http://link.caibaojian.com?url=https://www.cnblogs.com/kakayang/p/12165742.html) 33 | * [浅析vue-router源码并尝试实现一个简单的前端路由](http://link.caibaojian.com?url=https://juejin.im/post/5e435815f265da57340233ee) 34 | * [记一次vue-cli3 webpack简单性能优化](http://link.caibaojian.com?url=https://juejin.im/post/5e54c9d06fb9a07cd614d2a0) 35 | * [Vue.js 学习教程指南](http://link.caibaojian.com?url=https://zhuanlan.zhihu.com/p/109095281) 36 | * [轻松理解vuex的运用和常见问题，顺便学会vue企业必备实例](http://link.caibaojian.com?url=https://developer.51cto.com/art/202002/611272.htm) 37 | * [Vue必须掌握之组件通信（7种方法）](http://link.caibaojian.com?url=https://www.maiyewang.com/archives/80712) 38 | * [vue插槽（slot）的模板与JSX写法](http://link.caibaojian.com?url=https://www.maiyewang.com/archives/81461) 39 | * [Vue – 自定义组件双向绑定](http://link.caibaojian.com?url=https://www.maiyewang.com/archives/81466) 40 | * [手把手教你搞定权限管理，结合Vue实现菜单的动态权限控制](http://link.caibaojian.com?url=https://juejin.im/post/5e57c8236fb9a07caf445ddc) 41 | * [基于 Serverless 的 VuePress 极简静态网站](http://link.caibaojian.com?url=https://china.serverless.com/best-practice/2020-02-04-vuepress-serverless/) 42 | * [Vue自定义alertTip组件，Go发邮件email的简单使用](http://link.caibaojian.com?url=https://juejin.im/post/5e57d7f9518825495f4546b8) 43 | * [（三）complier模板编译-vue源码动手写系列](http://link.caibaojian.com?url=https://juejin.im/post/5e57df48e51d4527271e99c9) 44 | * [Vue组件化开发之通用型弹出框](http://link.caibaojian.com?url=https://juejin.im/post/5e58015ce51d4526f65cc73a) 45 | * [Vue代理解决生产环境跨域问题 部署必备干货](http://link.caibaojian.com?url=https://segmentfault.com/a/1190000021866670) 46 | * [了解vue计算属性和methods、watched](http://link.caibaojian.com?url=https://juejin.im/post/5e58cc3c518825490966dfc1) 47 | * [Vue 中 render 函数有点意思](http://link.caibaojian.com?url=https://segmentfault.com/a/1190000021790899) 48 | * [为什么 Vue 实例只能有一个根元素？](http://link.caibaojian.com?url=https://juejin.im/post/5e57d0f3e51d4526ec0d39ca) 49 | * [一个指令为各大vue组件库的table组件加上动态编辑功能](http://link.caibaojian.com?url=https://segmentfault.com/a/1190000021871839) 50 | * [Vue2.0变化侦测Array类型的处理](http://link.caibaojian.com?url=https://juejin.im/post/5e5924396fb9a07c7f607362) 51 | * [基于Vue的跨移动端和PC端适应](http://link.caibaojian.com?url=https://juejin.im/post/5e5a2aa85188254946705c60) 52 | * [Vue.js × 尤雨溪 30分钟纪录片 | 中文字幕](http://link.caibaojian.com?url=https://mp.weixin.qq.com/s?__biz=MzI1NDU3NzM5Mg==&mid=2247484359&idx=1&sn=c20d6a44a92f28f9e9f6a14b3a957a8f) 53 | * [VueJs best practices](http://link.caibaojian.com?url=https://juejin.im/post/5e5a4cd1f265da57133b2ccd) 54 | 55 | -------------------------------------------------------------------------------- /docs/path/4ajaxforvue.md: -------------------------------------------------------------------------------- 1 | ## Vue.js应用的四种AJAX请求数据模式 2 | 3 | >翻译原文出处：[4 AJAX Patterns For Vue.js Apps](https://vuejsdevelopers.com/2017/08/28/vue-js-ajax-recipes/) 4 | 脾人翻译略差，别见笑。 5 | 6 | 如果您闲的没事干去两个Vue.js开发人员：“在Vue应用中使用AJAX的正确姿势是咋样的？”，您将会得到三种或更多的不同回答。 7 | 8 | Vue.js官方没有提供实现AJAX的指定方式，并且有许多不同的设计模式可以被有效地使用。每个都有自己的利弊，应根据要求进行判断。你甚至可以同时使用几个！ 9 | 10 | 在本文中，我将向您展示您可以在Vue应用程序中实现AJAX的四个位置： 11 | 12 | 1、[根实例](#根实例) 13 | 2、[组件Components](#组件Components) 14 | 3、[Vuex actions](#Vuex-actions) 15 | 4、[路线导航卫士](#路线导航卫士) 16 | 5、[另加：奖金模式]() 17 | 18 | 我将解释每个方法，举一个例子，并涵盖利弊。 19 | 20 | ### 一、根实例 21 | 22 | 在使用Vue框架时，您可以一开始就从根实例发出所有AJAX请求，即写好所有的数据请求，并将所有状态存储在该实例中。如果任何子组件需要数据，它将会顺着`props`中传下来。如果子组件需要刷新数据，则将使用自定义事件来提示根实例请求它。 23 | 24 | ```js 25 | 26 | new Vue({ 27 | data: { 28 | message: '' 29 | }, 30 | methods: { 31 | refreshMessage(resource) { 32 | this.$http.get('/message').then((response) { 33 | this.message = response.data.message; 34 | }); 35 | } 36 | } 37 | }) 38 | 39 | Vue.component('sub-component', { 40 | template: '
{{ message }}
', 41 | props: [ 'message' ] 42 | methods: { 43 | refreshMessage() { 44 | this.$emit('refreshMessage'); 45 | } 46 | } 47 | }); 48 | 49 | ``` 50 | 51 | __优点__ 52 | 53 | * 将所有的AJAX逻辑和数据保存在一个地方。 54 | * 保持您的组件“独立性”，以便它们可以更加专注于展示。 55 | 56 | __缺点__ 57 | 58 | 随着您的应用扩展，需要书写大量的“props”和自定义事件。 59 | 60 | ### 二、组件Components 61 | 62 | 在使用Vue框架时，组件负责管理自己的AJAX请求和独立状态。实际上，您可能需要创建几个“容器组件”来管理本地组“展示组件”的数据。 63 | 64 | 例如，filter-list可能是一个容器组件包装filter-input和filter-reset，它们作为展示组件。filter-list将包含AJAX数据逻辑，并且将管理该组中所有组件的数据，通过`props`和事件进行通信。 65 | 66 | >请参阅[译文《容器组件和展示组件》原作者：Dan Abramov](http://www.jianshu.com/p/6fa2b21f5df3)，可以更好地深入了解这种模式。 67 | 68 | 为了简化此架构的实现，您可以将任何AJAX逻辑抽象为混合，然后在组件中使用mixin使其成为AJAX。 69 | 70 | ```js 71 | 72 | let mixin = { 73 | methods: { 74 | callAJAX(resource) { 75 | //... 76 | } 77 | } 78 | }; 79 | 80 | Vue.component('container-comp', { 81 | // No meaningful template, I just manage data for my children 82 | template: '
', 83 | mixins: [ myMixin ], 84 | data() { 85 | return { 86 | //... 87 | } 88 | }, 89 | 90 | }); 91 | 92 | Vue.component('presentation-comp', { 93 | template: '
I just show stuff like {{ mydata }}
', 94 | props: [ 'mydata' ] 95 | }); 96 | 97 | ``` 98 | 99 | __优点__ 100 | 101 | * 保持组件脱钩和可重用。 102 | * 在任何时候和任何地点都可以获取数据。 103 | 104 | __缺点__ 105 | 106 | * 与其他组件或组件组不通信数据。 107 | * 组件可能会产生很多累赘的职责和重复的功能。 108 | 109 | ### 三、Vuex actions 110 | 111 | 在使用Vue框架时，您可以在Vuex `store`中管理状态和AJAX逻辑; 组件可以通过`dispatch`方法操作来请求新数据(store.dispatch将用于触发actions动作)。 112 | 113 | 如果您要使用此模式，最好从您的`action`中返回一个`promise`，以便对AJAX请求的解析做出反应，例如隐藏加载微调器，重新启用按钮等。 114 | 115 | ```js 116 | 117 | store = new Vuex.Store({ 118 | state: { 119 | message: '' 120 | }, 121 | mutations: { 122 | updateMessage(state, payload) { 123 | state.message = payload 124 | } 125 | }, 126 | actions: { 127 | refreshMessage(context) { 128 | return new Promise((resolve) => { 129 | this.$http.get('...').then((response) => { 130 | context.commit('updateMessage', response.data.message); 131 | resolve(); 132 | }); 133 | }); 134 | } 135 | } 136 | }); 137 | 138 | Vue.component('my-component', { 139 | template: '
{{ message }}
', 140 | methods: { 141 | refreshMessage() { 142 | this.$store.dispatch('refeshMessage').then(() => { 143 | // do stuff 144 | }); 145 | } 146 | }, 147 | computed: { 148 | message: { return this.$store.state.message; } 149 | } 150 | }); 151 | 152 | ``` 153 | 154 | 155 | 本人比较喜欢这种数据请求模式，因为它很好地分离了你的状态和表现的逻辑。如果你正在使用Vuex，这是要走的路。如果你不使用Vuex，这模式可能是一个很好的理由。 156 | 157 | __优点__ 158 | 159 | * 所有的根组件架构的优点，不需要`props `和自定义事件。 160 | 161 | __缺点__ 162 | 163 | * 增加Vuex的开销。 164 | 165 | 166 | ### 四、路线导航卫士 167 | 168 | 在使用Vue框架时，您的应用程序分为多个页面，当路由更变时，将抓取页面及其子组件所需的所有数据。 169 | 170 | 这种方法的主要优点是它真正简化了您的UI。如果组件独立获取自己的数据，则当组件数据以任意顺序填充时，页面将不可预测地重新呈现。 171 | 172 | 实现这一点的一个整洁的方法是在您的服务器上为每个页面创建端点，例如/about，/contact与您的应用程序中的路由名称相匹配。然后，您可以实现一个通用beforeRouteEnter钩子，将所有数据属性合并到页面组件的数据中： 173 | 174 | 175 | ```js 176 | 177 | import axios from 'axios'; 178 | 179 | router.beforeRouteEnter((to, from, next) => { 180 | axios.get(`/api${to.path}`).then(({ data }) => { 181 | next(vm => Object.assign(vm.$data, data)) 182 | }); 183 | }) 184 | 185 | ``` 186 | 187 | 188 | __优点__ 189 | 190 | * 使UI更可预测。 191 | 192 | __缺点__ 193 | 194 | * 总体来说，直到所有数据准备就绪了 ,页面才能呈现。 195 | * 如果不使用路线，这模式没有太多的帮助。 196 | 197 | ### 奖金模式：将第一个AJAX调用的服务器渲染到页面中 198 | 199 | 建议在初始页面加载时使用AJAX来检索应用程序状态，因为它需要额外的往返服务器，这将延迟应用程序的渲染。 200 | 201 | 相反，将初始应用程序状态注入HTML页面的内联脚本中，以便应用程序作为全局变量在需要时可用。 202 | 203 | ```html 204 | 205 | ... 206 | 207 | ... 208 | 211 | 212 | 213 |
214 | 215 | 216 | 217 | ``` 218 | 219 | 然后，AJAX可以更适合地用于后续数据提取。 220 | 221 | 如果您有兴趣了解有关此架构的更多信息，请参阅作者的文章“[避免此全面堆栈Vue / Laravel应用程序中的常见反模式](https://vuejsdevelopers.com/2017/08/06/vue-js-laravel-full-stack-ajax/)”。 -------------------------------------------------------------------------------- /docs/path/86-million-project-in-57-lines-of-code.md: -------------------------------------------------------------------------------- 1 | 2 | # 本人未能在一行代码中搞定一个8600万美元的项目 3 | 4 | >瞎逛medium瞎搞，其实也没什么的。真的... 5 | >原文翻译出处：[How I failed to replicate an $86 million project in 1 line of code](https://medium.com/@ryanfb/how-i-failed-to-replicate-an-86-million-project-in-1-line-of-code-615048a1f9d0) 6 | 7 | 最近被澳大利亚一个8600万的项目被程序猿几行代码刷屏了；简直就是为了搞事。 8 | 9 | 相关链接： 10 | - [How I replicated an $86 million project in 57 lines of code](https://medium.freecodecamp.org/how-i-replicated-an-86-million-project-in-57-lines-of-code-277031330ee9) 11 | - [Automatic License Plate Recognition library](https://github.com/openalpr/openalpr) 12 | - [Flock is your virtual security guard](http://www.flocksafety.com/) 13 | - [How I failed to replicate an $86 million project in 1 line of code](https://medium.com/@ryanfb/how-i-failed-to-replicate-an-86-million-project-in-1-line-of-code-615048a1f9d0) 14 | - [Hacker News-How I failed to replicate an $86M project in 1 line of code](https://news.ycombinator.com/item?id=15158811) 15 | - 乱入：[I have a funny story from Finland](https://www.resavr.com/comment/how-replicated-an-86-9466504) 16 | - 乱入：[Inside Dev (Sep 3rd, 2017)](https://inside.com/campaigns/inside-dev-2017-09-03-3154/sections/development-dregs-17344) 17 | - 乱入：[谷歌无人车之父Sebastian Thrun：摄像头才是无人驾驶最好的方式](https://baijia.baidu.com/s?id=1576951828995877033&wfr=pc&fr=app_lst) 18 | 19 | 上文有翻译： 20 | - [【57行代码搞定8600万美元项目】用开源工具DIY车牌识别系统](https://mp.weixin.qq.com/s/iwPI8g2JwabwiCO8kfw8Hw) 21 | - [57行价值八千万美元的车牌识别代码](https://yq.aliyun.com/articles/199312) 22 | 23 | ![](https://github.com/itemsets/vue2/raw/master/docs/img/nihai.png) 24 | 25 | 当你使用现有的开源技术来进行实验时，仅仅只是为了能看到结果的话，那就不错的。 26 | 27 | 在Medium上的一篇文章“我如何以57行代码复制8600万美元的项目”，已经在过去几天激烈地进行了几轮，描述了为澳大利亚维多利亚警察局开发的自动牌照识别系统（ALPR）系统是否可以使用开放式来源ALPR系统OpenALPR。这基本上是无处不在的套路文章标题“为什么这需要多少多少美金？我可以在一个周末用代码就搞定了！”，对任何具备基础逻辑的（或复杂的）科技推导出的结论和对之评论。 28 | 29 | 然而，由于OpenALPR是免费且开源的，所以我们可以测试这个说法的合理性。 30 | 31 | 但我们将OpenALPR跑在本地电脑上的时候就要忽略一些无鬼用的东西，​​直接跳到我们试图从dashcam视频中自动将牌照识别出来。对于这些我们要测试视频，当初我选择了“Drive around Bendigo(围绕本迪戈驾驶)”，这是一个惊人的27分钟的YouTube视频，并且是很有代表性的，因为它的1080p车载镜头是非常明确的，而且也在我们围绕系统部署的区域里。从youtube下载后，我将它加入到OpenALPR中来，并运行了命令行。 `time alpr --clock -n 1 'Drive around Bendigo-hrD75ebjCms.mp4' > bendigo.txt`... 32 | 33 | ![OpenALPR的处理时间，让人很惊讶](https://github.com/itemsets/vue2/raw/master/docs/img/how-1.png) 34 | 35 | 嗯；好好好，问题来了。我在处理这27分钟视频里使用3.5GHz Core i7的电脑配置上花费了超过3.5小时，而且不是实时的。铅笔在几个“优化”，还有一些“每个巡逻车超强电脑硬件”我猜。 36 | 我猜，如果要达到最佳的帧数并读取数据比较靠谱的话，得有部配置超腻害的电脑来跑。 37 | 38 | 无论如何，总算出了结果！常言道，加快CPU的周期才能更容易更快地得到我们想要的数据。我们将结果过滤到只有潜在的车牌命名为`bendigo.txt`的文件里；每条数据组中单词，它匹配起来会达到高达6,137个相识的词语中（如果我们从中再过滤掉一些唯一的单词，则大概为1,653）。不错！很好，差不多了。这似乎还是很多啊。让我们来仔细看看先： 39 | 40 | ``` 41 | fgrep confidence bendigo.txt| cut -d' ' -f 6 | sort -u | shuf | head 42 | SURANT 43 | 1IR9DT 44 | 111DIDI 45 | ARR0W1 46 | I311 47 | SGRD 48 | D1R91T 49 | 0DI10D 50 | II000 51 | 1ID1 52 | ``` 53 | 54 | 其中有一些看起来并不是我们想要的。好吧，不过这并没什么大碍，在前面我们在开始部署的代码中提出的“非常直接的代码优先修复”，比如在验证注册号之前采用“只接受大于90%的置信度”。 55 | 56 | 运行`fgrep 'confidence: 9' bendigo.txt | cut -d' ' -f 6 | sort -u` 57 | 把它切成90%可信度的车牌号码，将它们过滤成唯一的车牌号码，那这样我们得到了些什么？ 58 | 59 | ``` 60 | 0G700 HERE M5ER TUG700 WKX2D2 61 | 0NRED HM5ER MP356 TUG70Q X036 62 | 1HM5ER IUG700 R1GHT TUG70U XP036 63 | 1IR9IT JG700 R1LV TUG7Q0 XS036 64 | 1ZZ735 KEEP SLV522 TZ2735 XSP036 65 | DH0SAHUT KX212 SLV52Z TZZ735 XSP036E 66 | ERGE KX2D2 SLV5Z2 UG700 XSPQ36 67 | ERQGHT KXZ12 T0G700 UG70U YLJ641 68 | G700 LANE T0G70U VKX212 YLJ64D 69 | GR1L LJ641 T2Z735 WKX212 YLJ64I 70 | GRILL LV522 TDG700 71 | ``` 72 | 73 | 好的，所以我们还有一些明显的重复和识别错误，大概会在注册验证的时候将会排除这些。不过之后我们把27分钟的视频放到VicRoads网站上校正这些数据时，我们总共得到了7个自动认可并是有效号码。 74 | 75 | ![OpenALPR中的少数几个板块在野外正确识别，成功！](https://github.com/itemsets/vue2/raw/master/docs/img/how-2.jpeg) 76 | 77 | ![那是TUG700还是TDG700在中间？OpenALPR无法决定。两者都是有效的牌号。显然，“YLJ641”不在VicRoads数据库中。](https://github.com/itemsets/vue2/raw/master/docs/img/how-3.jpeg) 78 | 79 | 我在这里不是故意虚伪的：从OpenALPR过滤器中匹配到“有效”的号码是一个棘手的问题。我鼓励任何人可以去尝试一下，并发布他们的方法和结果。但是，即使将数据过滤到很好的匹配中，基本的问题是OpenALPR在我抛出的每一个视频中都会丢失大量清晰可辨的盘符，并且它一直都是这样去处理的。 80 | 81 | ![这个版本在全分辨率视频中非常清晰。OpenALPR在这一帧中识别出一个板，但不正确地识别为“10DID”。](https://github.com/itemsets/vue2/raw/master/docs/img/how-4.jpeg) 82 | 83 | 我喜欢开源的东西！这里有一个免费的、开放源码、健壮、快速、准确的ALPR系统！这是一个很棒的集成系统，如果这个项目发布之后，任何人使用了他们的开源代码！但OpenALPR还没有去弄这一块。假设现在已经有一个开源的并很完善的解决方案，在上面的每个问题中，当然可能是有了25％的解决方案也好，而这不是仅仅提高了其质量的问题了，更多是在算法和识别技术上了，也可能是硬件的问题，哈哈哈哈。 84 | 85 | 这个项目能不到8600万美元吗？也许，可以用OpenALPR作为起点吗？也许，它会实际降低成本吗？谁知道呢：这是也行是一个具有复杂、很有挑战性的需求项目。 86 | 87 | tags: Open Source、Alpr、Computer Vision。 88 | 89 | -------------------------------------------------------------------------------- /docs/path/Building-a-Maybe-in-JavaScript.md: -------------------------------------------------------------------------------- 1 | 2 | # 尝试在JavaScript中构建一个"Maybe"检测器 3 | 4 | >翻译原文出处：[Building a Maybe in JavaScript](http://developingthoughts.co.uk/building-a-maybe-in-javascript/) 5 | 鄙人翻译略差且略有出入，别见笑。 6 | 7 | 很多时候我们会碰到：Uncaught TypeError: Cannot read property 'x' of undefined（无法读取未定义的属性“x”）。 8 | 我猜，如果你正好看到这个你以前不单只碰过还历历在目的东西，可能有那么一刻想把显示器给砸了。 9 | 这里想起了我们尊敬的计算机领域的爵士——托尼·霍尔；他在Infoq办的大会演讲时，用到的主题是：“Null References: The Billion Dollar Mistake”（Null 引用：一个十亿美元级别的错误），讲演摘要中这样写的： 10 | “我把Null引用称为自己的十亿美元错误。它的发明是在1965年，那时我用一个面向对象语言( ALGOL W )设计了第一个全面的引用类型系统。我的目的是确保所有引用的使用都是绝对安全的，编译器会自动进行检查。但是我未能抵御住诱惑，加入了Null引用，仅仅是因为实现起来非常容易。它导致了数不清的错误、漏洞和系统崩溃，可能在之后40年中造成了十亿美元的损失。近年来，大家开始使用各种程序分析程序，比如微软的PREfix和PREfast来检查引用，如果存在为非Null的风险时就提出警告。更新的程序设计语言比如Spec#已经引入了非Null引用的声明。这正是我在1965年拒绝的解决方案。” 11 | 12 | ## 那十亿美元级别的错误 13 | 14 | 幸运的是，我们可以使用一些功能性的编程技术，以清洁、简洁和可靠的方式缓解这带来疼痛。让我们想象一下，我们要从下面的对象中提取属性“c”的值，并附加字符串“is great”。 15 | 16 | ```js 17 | const a = { 18 | b: { 19 | c: "fp" 20 | } 21 | }; 22 | ``` 23 | 24 | 我们使用的简单方法可能是： 25 | 26 | ```js 27 | const appendString = (obj) => 28 | obj.b.c + " is great"; 29 | 30 | appendString(a); 31 | 32 | ``` 33 | 34 | 这样的写法很棒，但可悲的是`a`对象并非是一成不变的。因此，我们收回的数据有时会采取到以下的形式： 35 | 36 | ```js 37 | const a = { 38 | b: {} 39 | }; 40 | 41 | // or 42 | 43 | const a = {}; 44 | 45 | ``` 46 | 47 | 当这个时候我们调用了appendString函数时，整个宇宙将会爆炸的... 48 | 49 | ## 无法读取未定义的属性“c” 50 | 51 | 这个时候可能要我们对函数的传参进行空检查： 52 | 53 | ```js 54 | const appendString = (obj) => { 55 | if (!obj || !obj.b || !obj.b.c || !) return null; 56 | return obj.b.c + " is great"; 57 | } 58 | ``` 59 | 60 | 这是有效的，但它看起来很丑陋和很容易出错。我们必须对传参进行每种类型的对象定义特定的（正确的）空检查，这是不是很有趣（复杂）。 61 | 哈哈哈，这个时候可能`Maybe`就派得上场了。 62 | 63 | ## `Maybe`的基本用法 64 | 65 | 基本上，我们都会将要构建的对象封装其值可能为null的概念，并且考虑到随之而来的复杂性。在学习`Elm`(一门专注于Web前端的纯函数式语言)之后，我会在Maybe上的封装了两个概念状态`Maybe.just`和`Maybe.nothing`。对于初学者，我们简单地定义一个返回一个布尔值的`isNothing`方法，告诉我们Maybe是否不包含任何内容： 66 | 67 | ```js 68 | const isNullOrUndef = (value) => value === null || typeof value === "undefined"; 69 | 70 | const maybe = (value) => ({ 71 | isNothing: () => isNullOrUndef(value) 72 | }); 73 | ``` 74 | 75 | 甚至使用一个简单的工厂函数来创建我们的`Maybe` - 考虑到往后可能会添加更多的方法，我们将使用一个对象来定义它： 76 | 77 | ```js 78 | const Maybe = { 79 | just: maybe, 80 | nothing: () => maybe(null) 81 | }; 82 | 83 | ``` 84 | 85 | 所以现在我们可以这样做： 86 | 87 | ```js 88 | const maybeNumberOne = Maybe.just("a value"); 89 | const maybeNumberTwo = Maybe.nothing(); 90 | 91 | maybeNumberOne.isNothing(); // false 92 | maybeNumberTwo.isNothing(); // true 93 | ``` 94 | 95 | 一切都很好，但到目前为止还不是很实用。编程是关于转换数据的，所以我们需要一种改变我们的`Maybe`的方法 - 一个`map`函数。这个`map`函数将使用一个表示我们希望进行转换的函数参数，并返回一个包含转换结果的新参数。重要的是，如果`maybe`不包含任何内容，那么该函数将不会被应用，我们将返回一个新的`maybe.nothing`方法。 96 | 97 | ```js 98 | const maybe = (value) => ({ 99 | isNothing: () => isNullOrUndef(value), 100 | map: (transformer) => !isNullOrUndef(value) ? Maybe.just(transformer(value)) : Maybe.nothing() 101 | }); 102 | ``` 103 | 104 | 现在我们可以这样来调用`maybe`实现： 105 | 106 | ```js 107 | const maybeOne = Maybe.just(5); 108 | maybeOne.map(x => x + 1); // Maybe.just(6); 109 | 110 | const maybeTwo = Maybe.nothing(); 111 | maybeTwo.map(x => x + 1) // Maybe.nothing(); 112 | ``` 113 | 114 | 关键一点的是`maybe.map`返回一个新的`maybe`，所以我们可以将这些操作链接在一起。回到我们现在可以做的最初的问题： 115 | 116 | ```js 117 | const a = { 118 | b: { 119 | c: "fp" 120 | } 121 | }; 122 | 123 | const maybeA = Maybe.just(a) 124 | .map(a => a.b) 125 | .map(b => b.c) 126 | .map(c => c + " is great!"); 127 | ``` 128 | 129 | 这里的好处是，如果链中的任何步骤返回null，我们仍然会得到结果Maybe.nothing的结果，而不是运行时错误。 130 | 131 | 好了，在`Github`上面有个`maybe.js`库: [A Maybe monad implementation in JavaScript](https://github.com/stewart/maybe.js): 132 | 133 | 它比`Haskell`的实现更加灵活，而且还附带了一些额外的功能，考虑到 134 | JavaScript的类型系统限制和语言的一般灵活性。 135 | 136 | ## Point-free 链式函数 137 | 138 | 如果你看过我以前发布的文章[柯里化函数](http://developingthoughts.co.uk/curried-functions-and-point-free-programming/)，那么你就会想我们可以弄得比这更好。我们可以创建从对象中提取命名属性的高阶函数，以及用于追加字符串： 139 | 140 | ```js 141 | const prop = (propName) => (obj) => obj[propName]; 142 | const append = (appendee) => (appendix) = appendee + appendix; 143 | ``` 144 | 145 | 这里可以参考知乎上的[JavaScript函数式编程（一）](https://zhuanlan.zhihu.com/p/21714695)里面的知识点。 146 | 147 | 所以现在我们可以在我们的`map`链式中使用这个功能： 148 | 149 | ```js 150 | const a = { 151 | b: { 152 | c: "fp" 153 | } 154 | }; 155 | 156 | const maybeA = Maybe.just(a) 157 | .map(prop("b")) 158 | .map(prop("c")) 159 | .map(append(" is great!")); 160 | ``` 161 | 162 | 好了，我们现在终于到了这一步， 我们已经处理了空检查，并将其重构为`point-free`形式。接下来需要做的就是使逻辑可重用性；我们想要的是能够将我们的功能传递给一个功能，并应用所有步骤，以便我们可以在许多不同的`Maybe`上重新使用提取器： 163 | 164 | ```js 165 | const extractor = // what we're about to make 166 | extractor(Maybe.just(a)); // Maybe.just("fp is great") 167 | ``` 168 | 169 | 我们需要的是一个需要我们的步骤的函数，并且每个步骤依次调用我们`Maybe.map`方法。我们将调用函数`Maybe.chain`，我们可以用reducer来实现： 170 | 171 | ```js 172 | const Maybe = { 173 | just: maybe, 174 | nothing: () => maybe(null), 175 | chain: (...fns) => (input) => fns.reduce((output, curr) => output.map(curr), input) 176 | }; 177 | ``` 178 | 179 | 我们现在可以构建一个可以应用于`maybe`的可用功能： 180 | 181 | ```js 182 | const appendToC = Maybe.chain( 183 | prop("b"), 184 | prop("c"), 185 | append(" is great!") 186 | ); 187 | ``` 188 | 189 | 并将其用于各种输入： 190 | 191 | ```js 192 | const goodInput = Maybe.just({ 193 | b: { 194 | c: "fp" 195 | } 196 | }); 197 | 198 | const badInput = Maybe.just({}); 199 | 200 | appendToC(goodInput); // Maybe.just("fp is great!") 201 | appendToC(badInput); // Maybe.nothing() 202 | ``` 203 | 204 | 虽然我在学习`Elm`之前不习惯`Maybe`的价值观概念，但是他们在JavaScript中不想落后啊。如果我们简简单单地去使用它，就只会使用到基础方法而已，所以我们要在它的基础上添加更多的功能函数。所以我将在稍后阅读关于使用`Maybe`的后续文章。 205 | 206 | ：：完毕：： 207 | 208 | ## 更多阅读 209 | 210 | - [Elm入门实践（一）——基础篇](https://segmentfault.com/a/1190000005701562) 211 | - [函数式编程入门教程](http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html) 212 | - [JavaScript函数式编程（一）](https://zhuanlan.zhihu.com/p/21714695) 213 | - [JavaScript函数式编程（二）](https://zhuanlan.zhihu.com/p/21926955) 214 | - [JavaScript函数式编程（三）](https://zhuanlan.zhihu.com/p/22094473) 215 | - [函数式JavaScript（2）：如何打造“函数式”编程语言？](http://blog.jobbole.com/77078/) 216 | - [A Maybe monad implementation in JavaScript](https://github.com/stewart/maybe.js) 217 | - [Functional Programming in Javascript](http://reactivex.io/learnrx/) 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | -------------------------------------------------------------------------------- /docs/path/JavaScript-good.md: -------------------------------------------------------------------------------- 1 | 2 | # JavaScript-good 3 | 4 | 5 | 3、对单页应用和模块化开发有较深的理解 ； 6 | 4、对Web服务器端开发（Node.js、Java等）有一定的实践经验 ； 7 | 5、对前端开发的工程化、规范化、前后端协作等领域有较深的研究 ； 8 | 9 | 10 | 在写函数的时候 11 | 12 | 无法就是： 13 | - 健全性 14 | - 可读性 15 | - 可扩展 16 | - 健壮性 17 | 18 | 那么里面还有函数的参数验证(这就涉及到基础类型和引用类型应用和检查、还有拷贝、转变啊) 19 | 20 | 21 | ## 关于new的一切 22 | 23 | new操作的过程如下： 24 | 1.创建一个空对象{}，并将this指向该空对象； 25 | 2.将this的__proto__指向构造函数的prototype； 26 | 3.执行构造函数，如果构造函数返回值为对象，那么就返回该对象；如果构造函数没有显式返回值或者返回值为基本数据类型，那么直接忽略这些返回值，而是返回this。 27 | 28 | Animal 本身是一个普通函数，但当通过new来创建对象时，Animal 就是构造函数。 29 | JS引擎执行这句代码时，在内部做了很多工作，用伪代码模拟其内部流程如下： 30 | ```js 31 | var cat = new Animal("cat"); 32 | new Animal("cat") = { 33 | var obj = {}; 34 | obj.__proto__ = Animal.prototype; 35 | var result = Animal.call(obj,"cat"); 36 | return typeof result === 'object'? result : obj; 37 | } 38 | ``` 39 | 40 | new操作有几个特点： 41 | 42 | 构造函数（里面定义变量、函数和外面的区别） 43 | 函数对象 44 | 基本数据类型和引用类型 45 | __proto__ 和 prototype 、constructor 46 | call apply 47 | new 后面一定是构造函数 （not a constructor） 48 | 49 | #### 构造函数 50 | 51 | JavaScript中构造函数与new操作符的实例详解 52 | ｛…｝语法允许创建一个对象，但如果需要创建多个类似的对象，则我们需要使用构造函数和“new”操作符。 53 | 54 | 构造函数技术上就是正常的函数，但一般有两个约定： 55 | 1、他们的名称第一个字母大写。 56 | 2、他们应该仅仅使用new操作符执行。 57 | 58 | ```js 59 | function User(name) { 60 | // this = {}; (implicitly) 61 | 62 | // we add properties to this 63 | this.name = name; 64 | this.isAdmin = false; 65 | 66 | // return this; (implicitly) 67 | } 68 | ``` 69 | 70 | 通常构造器无需返回值语句。它的任务是往this对象中写一些必要内容，然后自动返回之。 71 | 但如果有return语句，那么规则很简单： 72 | - 如果return返回一个对象，那么则代替this被返回。 73 | - 如果return返回原始类型，则被忽略，仍然返回this。 74 | 75 | 技术上，任何函数都可以用作构造器，即任何函数都可以使用new调用。 76 | 首字母大写只是一个常规约定，使其更清晰说明其为构造函数，应该使用new调用。 77 | 78 | 双重使用构造器: new.target 79 | 80 | 函数内部，我们可以检查其调用方式是否使用new方式。使用一个特殊的属性new.target可以。 81 | 普通调用其值为空，通过new调用其值为该函数。 82 | 83 | 84 | ```js 85 | function User() { 86 | console.log(new.target); 87 | } 88 | 89 | User(); // undefined 90 | new User(); // function User { ... } 91 | 92 | function User(name) { 93 | if (!new.target) { // if you run me without new 94 | return new User(name); // ...I will add new for you 95 | } 96 | 97 | this.name = name; 98 | } 99 | 100 | let john = User("John"); // redirects call to new User 101 | alert(john.name); // John 102 | ``` 103 | 104 | 105 | 有一个经典的例题： 106 | ```js 107 | function Animal(name){ 108 | this.name = name; 109 | } 110 | Animal.color = "black"; 111 | Animal.prototype.say = function(){ 112 | console.log("I'm " + this.name); 113 | }; 114 | var cat = new Animal("cat"); 115 | 116 | console.log( 117 | cat.name, //cat 118 | cat.height //undefined 119 | ); 120 | cat.say(); //I'm cat 121 | 122 | console.log( 123 | Animal.name, //Animal 124 | Animal.color //back 125 | ); 126 | Animal.say(); //Animal.say is not a function 127 | ``` 128 | 129 | 代码解读如下： 130 | 131 | L1-3： 创建了一个函数Animal，并在其 this 上定义了属性：name，name的值是函数被执行时的形参。 132 | L4 ： 在 Animal 对象（Animal本身是一个函数对象）上定义了一个静态属性:color,并赋值“black” 133 | L5-7：在 Animal 函数的原型对象 prototype 上定义了一个 say() 方法，say方法输出了 this 的 name 值。 134 | L8： 通过 new 关键字创建了一个新对象 cat 135 | L10-14： cat 对象尝试访问 name 和 color 属性，并调用 say 方法。 136 | L16-20： Animal 对象尝试访问 name 和 color 属性，并调用 say 方法。 137 | 138 | 139 | 参考 140 | JavaScript中构造函数与new操作符的实例详解 http://www.php.cn/js-tutorial-376246.html 141 | 深入理解 new 操作符 http://www.cnblogs.com/onepixel/p/5043523.html 142 | 143 | 144 | ## __proto__ 和 prototype 、constructor 145 | 146 | #### prototype 147 | 148 | 我们每创建一个函数，就会有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含由特定类型或者实例共享的属性和方法。 149 | 150 | 151 | 152 | Parent.prototype指向了原型对象，而Parent.prototype.construtor又指回了Parent；Parent的每一个实例都包含一个内部属性__proto__，该属性指向Parent.prototype。实例虽然不包含方法和属性，但却可以通过查找获得。 153 | 154 | 注意事项： 155 | 156 | 1、用新对象替换prototype属性，会删除默认构造函数属性。也就会破坏construtor属性的值。 157 | 2、用新对象替换prototype属性不会更新以前的实例。 158 | 159 | 160 | 161 | ## 解析URL并生成对象 162 | 163 | 164 | ## 两道简单题目 165 | 166 | ========= 167 | function f5() { 168 | f = ff(); 169 | return f; 170 | function ff() { 171 | return "f" in window; 172 | }; 173 | 174 | } 175 | console.log(f5()); //返回的为什么不是true呢 176 | ========== 177 | var obj={ 178 | name:name, 179 | age:f3() 180 | }; 181 | var name="QQ"; 182 | var age=18; 183 | function f3() { 184 | return ++age 185 | } 186 | console.log(obj); //浏览器首次打印和刷新页面后打印的结果不一样，为什么呢？ 187 | ========== 188 | 189 | 考的最多就是：this\new\变量提升\作用域\return\引用类型\setTimeout 190 | 191 | ## 参考 192 | 193 | - [为什么你的前端工作经验不值钱？](http://mp.weixin.qq.com/s/6X8peCZXUWrroVBMBD5eyg) 194 | - [理解构造函数与原型对象](https://mp.weixin.qq.com/s/egP8jkUDLSUknwu1Ms__jg) 195 | - [【第1050期】前端校招面试该考察什么？](http://mp.weixin.qq.com/s/GtPwOzlKZFAP2-oFTF5nNQ) 196 | - [web图片响应式自适应结合懒加载的最佳方案](http://mp.weixin.qq.com/s/E7jrI56qafxmXSDdK4F3pA) 197 | - [一道Javascript面试题引发的血案](http://www.igeekbar.com/igeekbar/post/374.htm) 198 | - [从这两套题，重新认识JS的this、作用域、闭包、对象](https://juejin.im/post/59aa71d56fb9a0248d24fae3) 199 | - [20个必会的JavaScript面试题](https://segmentfault.com/a/1190000008785931) 200 | - [javascript中那些折磨人的面试题](https://segmentfault.com/a/1190000006129337) 201 | - [一道经典的JavaScript面试题分析](http://www.jianshu.com/p/e833e554bcf5) 202 | - [80%应聘者都不及格的JS面试题](http://www.jb51.net/article/109005.htm) 203 | - [个人小结--javascript实用技巧和写法建议](https://segmentfault.com/a/1190000011031658) 204 | 205 | 206 | 207 | 208 | -------------------------------------------------------------------------------- /docs/path/Vue 2.5 is coming.md: -------------------------------------------------------------------------------- 1 | 2 | # Vue 2.5 is coming 3 | 4 | 外号外号，来自Vue.js团队的最新消息。 5 | 6 | Thank you for joining our AMA. The questions were brilliant; we all had much fun answering them. Here is a summary of the AMA: 7 | 8 | Vue 2.5 is coming 9 | vue-test-utils; including an upgrade to the testing documentation 10 | Improved TypeScript support 11 | vue-cli 3.0 has started and we want the community to participate 12 | We plan public roadmap to make it easier to get on board and contribute. 13 | Egoist and Linusborg might or might not be machines/AI 14 | React patent issues don't affect Vue; we are unlikely to see any issues surrounding this. Vue will remain on MIT license. 15 | Company backing is not an issue for us. We believe Vue has already surpassed the critical mass and "survival" is really no longer an issue. 16 | Weex, NativeScript + Vue, and other tooling will be supported by the team for the long term. We are helping to mature the documentation and bridge the gap to help adoption. 17 | React Fiber is interesting. Vue can leverage some learnings, and we will watch the space. Although we don't see a strong need to implement something similar. 18 | Vue 3.0 is in the planning phase, targeting evergreen browsers. This will help us enhance the reactivity system and reduce library size. 2.x and 3.x will be maintained in parallel. 19 | Web components will not (yet) be part of core, but we will continue to watch this space 20 | We wish Wordpress all the best with their upcoming challenges and will support them as much as we can. It's still too early to say what will happen here, but we are very excited as a team on the prospects it brings. 21 | 22 | 23 | 感谢您加入我们的AMA。问题是辉煌的 我们都很乐意回答他们。以下是AMA的总结： 24 | 25 | Vue 2.5即将到来 26 | vue-test-utils ; 包括升级到测试文档 27 | 改进了TypeScript支持 28 | vue-cli 3.0已经开始，我们希望社区参与 29 | 我们计划公共路线图，使其更容易上手并贡献。 30 | Egoist和Linusborg可能或可能不是机器/ AI 31 | 反应专利问题不影响Vue; 我们不太可能会看到有关这方面的任何问题。Vue将继续留在MIT许可证上。 32 | 公司的支持不是我们的问题。我们认为Vue已经超越了临界质量，“生存”真的不再是一个问题。 33 | Weex，NativeScript + Vue和其他工具将由团队长期支持。我们正在帮助成熟文档，弥合差距，以帮助采用。 34 | 反应纤维是有趣的。Vue可以利用一些学习，我们将观看这个空间。虽然我们看不出强烈的需要实施类似的事情。 35 | Vue 3.0正处于规划阶段，针对常青浏览器。这将有助于我们增强反应性系统并减少库的大小。2.x和3.x将保持并行。 36 | Web组件不会（也）成为核心部分，但我们将继续观看这个空间 37 | 我们祝愿Wordpress尽快迎接即将到来的挑战，并尽可能地支持他们。说这里会发生什么还为时过早，但是我们非常激动，因为它带来了前景。 -------------------------------------------------------------------------------- /docs/path/Vuex+xstate.md: -------------------------------------------------------------------------------- 1 | 2 | # Vuex + xstate 3 | 4 | >翻译原地址：https://medium.com/@brockreece/vuex-xstate-4f9ea23bb24e 5 | 6 | 最近看了David Khourshid在`React Rally`上的《关于基于状态机的UI设计》最新演讲，激动不己，决定拿来玩一玩； 7 | 项目：[xstate](https://github.com/davidkpiano/xstate)。 8 | 9 | PPT:[Infinitely Better UIs with Finite Automata](http://slides.com/davidkhourshid/finite-state-machines#/) 10 | 11 | 而后，我觉得这种模式非常适合Vue.js，特别是Vuex；我在`codepen`上快速地完成了几个示例；运行并检查了之后，我将这些示例发送给了David Khourshid。 12 | 13 | 让我们看看`xstate`在Vue是怎么集成的： 14 | 15 | ```html 16 |
17 |
{{ state }}
18 | 19 |
20 | ``` 21 | 22 | ```js 23 | const lightMachine = xstate.Machine({ 24 | key: "light", 25 | initial: "green", 26 | states: { 27 | green: { 28 | on: { 29 | TIMER: "yellow" 30 | } 31 | }, 32 | yellow: { 33 | on: { 34 | TIMER: "red" 35 | } 36 | }, 37 | red: { 38 | on: { 39 | TIMER: "green" 40 | } 41 | } 42 | } 43 | }) 44 | const store = new Vuex.Store({ 45 | state: { 46 | currentState: lightMachine.initial 47 | }, 48 | mutations: { 49 | transition(state, action) { 50 | state.currentState = lightMachine.transition(state.currentState, action).value 51 | } 52 | } 53 | }) 54 | new Vue({ 55 | el: "#app", 56 | store, 57 | mounted() { 58 | setInterval(() => { 59 | this.$store.commit("transition", "TIMER") 60 | }, 3000) 61 | }, 62 | computed: { 63 | buttonText() { 64 | return this.buttonOptions[this.state] 65 | }, 66 | state() { 67 | return this.$store.state.currentState 68 | } 69 | }, 70 | data() { 71 | return { 72 | buttonOptions: { 73 | green: "foo", 74 | yellow: "bar", 75 | red: "baz" 76 | } 77 | } 78 | } 79 | }) 80 | 81 | ``` 82 | 83 | https://codepen.io/BrockReece/pen/ZJqgpO 84 | 85 | 对于Vuex示例，我将状态机逻辑保持在Vuex存储之外，并且仅跟踪存储中的当前状态。我认为这种方法可以非常适合Vuex模块。 86 | 87 | ```js 88 | new Vue({ 89 | el: "#app", 90 | mounted() { 91 | this.state = this.lightMachine.initial; 92 | setInterval(() => { 93 | this.state = this.lightMachine.transition(this.state, "TIMER").value; 94 | }, 3000); 95 | }, 96 | 97 | computed: { 98 | buttonText() { 99 | return this.buttonOptions[this.state]; 100 | } 101 | }, 102 | data() { 103 | return { 104 | state: null, 105 | lightMachine: xstate.Machine({ 106 | key: "light", 107 | initial: "green", 108 | states: { 109 | green: { 110 | on: { 111 | TIMER: "yellow" 112 | } 113 | }, 114 | yellow: { 115 | on: { 116 | TIMER: "red" 117 | } 118 | }, 119 | red: { 120 | on: { 121 | TIMER: "green" 122 | } 123 | } 124 | } 125 | }), 126 | buttonOptions: { 127 | green: "foo", 128 | yellow: "bar", 129 | red: "baz" 130 | } 131 | }; 132 | } 133 | }); 134 | 135 | ``` 136 | 137 | 138 | https://codepen.io/BrockReece/pen/EvdwpJ 139 | 140 | 我想David Khourshid已经把我提供的示例放到`xstate`项目的案例里面了。 141 | 142 | ![]() 143 | 144 | 好了，接下来我要认真考虑在下一个项目中狠狠地使用上这个东西。 -------------------------------------------------------------------------------- /docs/path/Web Development Top 10 Articles for The Past Month.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://medium.mybridge.co/web-development-top-10-articles-v-sep-2017-d8393cf9cab1 5 | 6 | -------------------------------------------------------------------------------- /docs/path/_home.md: -------------------------------------------------------------------------------- 1 | 2 | ![](https://github.com/bluezhan/weeky/raw/master/images/logo.png) 3 | 4 | ---------------- 5 | 6 | > 推出每个细节专题，为web前端内容服务; 7 | > 专注 Vue 相关及周边技术。 8 | 9 | 消化掉、为我所用 10 | 消化掉、为我所用、为她所为 11 | 消化掉、为我所用、为她所为、为公所享 12 | 13 | 新的一年，新的方向，新的开始！加油ヾ(◍°∇°◍)ﾉﾞ 14 | Hello, 2020, please be nice to me！ 15 | 16 | ## Vue2+ 17 | 18 | **Vue.js**（读音 /vjuː/，类似于 view） 19 | 20 | > 是一套用于构建用户界面的`渐进式框架`。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与`现代化的工具链`以及各种`支持类库`结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 21 | 22 | 官网：https://cn.vuejs.org 23 | github: https://github.com/vuejs/vue 24 | vuefe：https://vuefe.cn 25 | vue3 & vue-cli 3+ News：https://github.com/vue3/vue3-News 26 | 27 | 想了解更多vue3资讯，可以star: [vue3+ News](https://github.com/vue3/vue3-News) 28 | 版本 vue-next(3.0) 目前还处于 Pre-Alpha 版本 29 | 版本 v2.6.x 是目前最新版本(2019.01-至今) 30 | 版本 v2.5.x 是保持了很久的版本(2017.10-2019.01) 31 | 32 | ## Vue.js周报 33 | 34 | > **不积跬步，无以至千里；不积小流，无以成江海** 35 | 36 | ### 丁酉年【鸡年】/戊戌年【狗年】/己亥年【猪年】/庚子年【鼠年】 37 | 38 | [:bikini: 对【Vue相关开源项目库汇总】的Star更新排名](https://github.com/vue3/awesome-github-vue-latest) 39 | 40 | 几个值得收藏的国外有关Vue.js网站(https://segmentfault.com/a/1190000010922063) ： 41 | 42 | * [conf.vuejs.org](http://conf.vuejs.org/) 43 | * [国外一个Vue.js视频教程](http://school.edusavecoupon.net/vuejs) 44 | * [scotch网站的技术视频教程](https://scotch.io/courses) 45 | * [vue-hackernews-2.0](https://vue-hn.now.sh) 46 | * [Weekly dose of handpicked Vue.js news!](http://vue-newsletter.com/) 47 | * [vuejsdevelopers-Vue开发者网站还是个人的?](https://vuejsdevelopers.com) 48 | * [vuejsfeed-最新的Vue.js新闻、教程、插件等等](https://vuejsfeed.com/) 49 | * [vuecomponents-Vue.js组件集合社区](https://vuecomponents.com/) 50 | * [madewithvuejs-收藏了用Vue.js实现的网站](https://madewithvuejs.com/) 51 | * [vuejsexamples-Vue.js的Demo满满的](https://vuejsexamples.com/) 52 | 53 | 最新vueNYC资讯： 54 | 55 | * [VueNYC](https://www.meetup.com/vueJsNYC/) 56 | * [VueNYC - Vue.js: the Progressive Framework - Evan You](https://www.youtube.com/watch?v=p2P3z7p_zTI&utm_content=bufferf5029) 57 | * [twitter-search-VueNYC](https://twitter.com/search?vertical=default&q=VueNYC&src=typd) 58 | 59 | 尤大大的PPT我已经上传了`../PPT/Vue.js the Progressive Framework.pdf` 60 | 61 | 最新2018 VueConf资讯： 62 | (第二届VueConf将于2018年11月24日在杭州举行) 63 | 64 | [::资料::](https://mp.sohu.com/profile?xpt=ZmVxdWFuY29tQHNvaHUuY29t) 65 | [::PPT::](https://vue.w3ctech.com/#schedule) 66 | 67 | 第三届Vue.js开发者大会由Vue.js官方举办，将于2019年06月08日在上海正式开启。 68 | 69 | Chrome DevTools 有约 90 万的周活用户，React 相比有 160 万。Evan 推荐用 Chrome DevTools 来预测 Vue 的项目的真实开发者数据。Vue 有全球化的影响力，在非常多的国家有相应的活动，可以通过 events.vuejs.org 查找。State of Java 2018 年统计说明在前端框架的满意度是第一名（91%），并在 Stack Overflow 的数据里体现是第二受欢迎的前端框架。 70 | 71 | 自 2018 年年底有过预告 Vue.js 3.0 的设定目标，其实在今年年初的时候大部分功能已经实现。但同时，在开发的同是也在研究业界最新的方案，Vue 在 3.0 使用了 Proxy 的功能，但是 IE 11 仍然无法支持却有一定市场占有率。 72 | 73 | 当大多数国人还在庆祝国庆节的时候，尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码，源码地址：https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本，但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。 74 | 之前，就有预言，除了性能优化、脚手架和新功能外，TypeScript绝对是一个重点，因此，在Vue 3.0源代码版本中，98%代码由Typescript编写，相信后面会是100%。 75 | 通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。 76 | Vue 3 中最主要的新特性：组合式 API，已经可以借助 https://github.com/vuejs/composition-api （在 Vue 2 项目中作为插件使用）体验到。 77 | 78 | 79 | “每个热爱生活的人，都值得被温柔以待” 80 | 81 | [@bluezhan](http://bluezhan.com) 2018-2020 82 | 83 | -------------------------------------------------------------------------------- /docs/path/_sidebar.md: -------------------------------------------------------------------------------- 1 | - __目了个录__ 2 | - [首页](/) 3 | - [2020年3月份](/2020-3) 4 | - [2020年2月份](/2020-2) 5 | - [2020年1月份](/2020-1) 6 | - [2019年年尾](/2019-q4) 7 | - [有关Vue.js网站](/weekly) 8 | - [2019年6月份](/19-6) 9 | - [2019年5月份](/19-5) 10 | - [2019年4月份](/19-4) 11 | - [2019年3月份](/19-3) 12 | - [十一月下半月](/11-2) 13 | - [总有一款总结和学习的文章适合你](/js-summarize) 14 | - [你需要知道面试中的10个JavaScript概念](/10-javascript-concepts-you-need-to-know-for-interviews) 15 | - [Vue.js应用的四种AJAX请求数据模式](/4ajaxforvue) 16 | - [本人未能在一行代码中搞定一个8600万美元的项目](/86-million-project-in-57-lines-of-code) 17 | - [尝试在JavaScript中构建一个"Maybe"检测器](/Building-a-Maybe-in-JavaScript) 18 | - [Vue.js快速介绍-超级马里奥像素艺术](/vue-pixel-art) 19 | - [几个值得收藏的国外Vue.js学习网站](/vuesite) 20 | - [Vuex + xstate](/Vuex+xstate) -------------------------------------------------------------------------------- /docs/path/allweekly-cn.md: -------------------------------------------------------------------------------- 1 | 2 | ## 国内前端周刊或专题-值得你收藏两下 3 | 4 | 上篇文章《[这些国外前端周刊值得你收藏一下](https://segmentfault.com/a/1190000010934003) 》；讲的国外的，那我们国内的呢，估计大家已经听闻并且早就关注了。 5 | 在此我就班门弄斧一下了。 6 | 7 | ### 周报列表 8 | 9 | 掘金精华周报、... 10 | 其实掘金在知乎、简书、sf.gg到处都有收藏集系列。 11 | 12 | 对于掘金暂且介绍这两个: 13 | [掘金官方](http://www.jianshu.com/u/5fc9b6410f4f) 14 | [精选文集推荐](http://www.jianshu.com/nb/12023435) 15 | 16 | [前端开发博客](http://caibaojian.com/c/news) 17 | [阿里云前端周刊](https://zhuanlan.zhihu.com/aliyun) 18 | [极乐技术周报](https://zhuanlan.zhihu.com/dreawer) 19 | [奇舞周刊](https://weekly.75team.com/) 20 | [百度外卖前端](https://zhuanlan.zhihu.com/bdwmfe) 21 | [码农周刊](http://weekly.manong.io/) 22 | [FEX 技术周刊](http://fex.baidu.com/weekly/) 23 | [前端周刊:在前端领域跟上时代的脚步](http://www.feweekly.com/) 24 | [开发者头条](http://hao.caibaojian.com/) 25 | [前端外刊评论](https://zhuanlan.zhihu.com/FrontendMagazine) 26 | [众成翻译每周精选](http://zcfy.baomitu.com/translate/discovery) 27 | [开发者头条和码农周刊](https://toutiao.io/c/fe) 28 | [DDFE 技术周刊](https://zhuanlan.zhihu.com/ddfe-weekly) 29 | 30 | ### 周边杂货店 31 | 32 | [橙汁绿茶-前端日报](https://segmentfault.com/blog/timlee) 33 | [某熊的全栈之路](https://zhuanlan.zhihu.com/wxyyxc1992) 34 | [前端联盟官网](http://jsfront.org/month/2017/201704.html) 35 | [前端资源分享](https://segmentfault.com/blog/tobyshare) 36 | 37 | 38 | ### 参考 39 | 40 | 前端资源 https://github.com/poppinlp/fe-store-house 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /docs/path/allweekly.md: -------------------------------------------------------------------------------- 1 | 2 | ## 这些国外前端周刊值得你收藏一下 3 | 4 | 鄙人最近发现自己邮箱很多未读邮件，怕怕；查看大多数都是自己之前订阅前端相关的。 5 | 6 | ![图片描述][1] 7 | 8 | 现在在这里也给大家分享分享... 9 | 带好你们手头的邮箱了，要开车了。 10 | 11 | ## nodeweekly 12 | 13 | 【[戳我带飞](nodeweekly.com)】 14 | 15 | A free, once–weekly e-mail round-up of Node.js news and articles. 16 | 一个免费的、一周一更新发布Node.js新闻和文章到邮箱里。 17 | 18 | ![图片描述][2] 19 | 20 | ## webopsweekly 21 | 22 | 【[戳我带飞](webopsweekly.com)】 23 | 24 | A weekly newsletter on Web operations, infrastructure, performance, the backend, and tooling, from the browser down to the metal. 25 | 每周一更新关于Web系统，基础架构，性能，后端和工具的简报，从PC端到移动端。 26 | 27 | ![图片描述][3] 28 | 29 | ## frontendfoc 30 | 31 | 【[戳我带飞](frontendfoc.us)】 32 | 33 | A once–weekly roundup of the best front-end news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more. 34 | 每周一更新，最棒的前端资讯、包括文章和教程。甚至HTML，CSS，WebGL，Canvas，浏览器技术等。 35 | 36 | ![图片描述][4] 37 | 38 | ## cssweekly 39 | 40 | 【[戳我带飞](cssweekly.com)】 41 | 42 | 每周电子邮件更新前端综合论文，教程，实验和工具。 43 | 由Zoran Jambor策划的。 44 | - 推送选中的文章 45 | - 可一键取消订阅 46 | - 我是免费的，真的 47 | 48 | ![图片描述][5] 49 | 50 | ## javascriptweekly 51 | 52 | 【[戳我带飞](javascriptweekly.com)】 53 | 54 | A free, once–weekly e-mail round-up of JavaScript news and articles. 55 | 一个免费的，每周一更新的电子邮件的JavaScript新闻和文章。 56 | 57 | ![图片描述][6] 58 | 59 | ## mobilewebweekly 60 | 61 | 【[戳我带飞](mobilewebweekly.com)】 62 | 63 | A weekly round-up for Web and app developers spanning the mobile-facing Web and native apps. 64 | 每周一更新的Web端和移动端应用资讯。 65 | 66 | ![图片描述][7] 67 | 68 | ## html5weekly 69 | 70 | gg，飞不起来了´༎ຶД༎ຶ`´༎ຶД༎ຶ`´༎ຶД༎ຶ` 71 | 72 | (;´༎ຶД༎ຶ`)| ू*꒦ິ꒳꒦ີ) 73 | (;_)(;д;)(Д)(つД`)。゜(ノД`人(´Д)人(Д` )...你咋消失了吗!!) (^ิω^ิ) ← 74 | 75 | 这可能是和frontendfoc.us合并了，网址html5weekly.com直接就是跳到了frontendfoc.us了。 76 | 也难道是改了姓更了名？ 77 | 78 | 那之前发布的呢，没事请看： 79 | 80 | 【[戳一戳](https://feedreader.com/observe/html5weekly.com)】 81 | 82 | ![图片描述][8] 83 | 84 | --- 85 | 86 | 想了解更多 [戳我试试](https://github.com/itemsets/vue2) (´^ิ∀^ิ`) (๑˜้ีз˜้ี) (((΄◞ิ(΄◞ิ(΄◞ิ౪◟ิ‘)◟ิ‘)◟ิ‘))) 87 | 88 | 后续会继续更新... 89 | 如果大家有哪些更好的东sai 90 | 望送出助攻 91 | 92 | 93 | [1]: /img/bVT2x1 94 | [2]: /img/bVT2yR 95 | [3]: /img/bVT2yY 96 | [4]: /img/bVT2y3 97 | [5]: /img/bVT2zk 98 | [6]: /img/bVT2zn 99 | [7]: /img/bVT2zp 100 | [8]: /img/bVT2zu -------------------------------------------------------------------------------- /docs/path/music-fluctuate.md: -------------------------------------------------------------------------------- 1 | 2 | # 波动效果的音乐动感 3 | 4 | 5 | 6 | 7 | 8 | 9 | ## 背景素材 10 | 11 | https://www.cgown.com/ae/ae-project/21744.html# 12 | -------------------------------------------------------------------------------- /docs/path/vue-pixel-art.md: -------------------------------------------------------------------------------- 1 | 2 | # Vue.js快速介绍-超级马里奥像素艺术 3 | 4 | > 原文出处：[Quick Introduction to Vue.js — Super Mario Pixel Art](https://medium.com/nepfin-engineering/quick-introduction-to-vue-js-super-mario-pixel-art-5ad01440663) 5 | 6 | ::代码我已经归纳在github上：[vue2-pixel-art](https://github.com/itemsets/vue2-pixel-art):: 7 | 8 | ![](https://github.com/itemsets/vue2-pixel-art/raw/master/image/1.jpeg) 9 | 10 | 最近有人问我为什么选择使用Vue.js来实现我们公司的第一款产品。哈哈哈，并不是每个人都有机会去探索Vue.js的；使用在这里，我先可以通过写一个简简单单的Vue.js例子来快速介绍它，将让大家对Vue.js有着很好认识和了解，希望这些能给大家有所帮助。 11 | 12 | ![](https://github.com/itemsets/vue2-pixel-art/raw/master/image/2.gif) 13 | 14 | 绘制图形可能不是Vue.js最受欢迎的用例，甚至很多市场上的Demo都很少有关绘制图形的；但在这篇文章中，我想用绘制图形来举一个例子，我想其他人已经在github上发现这个非常乐趣并好玩的动sai -- 超级马里奥像素艺术（灵感来自Github[Data-Pixels](https://github.com/gmattie/Data-Pixels)），它绘制许多像素，当点击其中一个像素时，周边相似的都会随之而改变。 15 | 哦，我们这里不是使用canvas来说实现的，是使用了div。 16 | 17 | 在这里我使用了Vue.js来改写，用Vue.js的方法来绘制和更新颜色，感觉超级棒棒的。 18 | 19 | ### 构建两个Vue组件 20 | 21 | 在开始编写代码之前，我就构建了两个Vue组件来实现这个图形： 22 | - pixel.vue 23 | pixel.vue是一个组件（这里放着每个小小像素单位）； 24 | 的具有`color`（RGB值）和`size`（像素大小）的两个数据，当它被点击并触发事件，就是通知其父组件并也将会触发一个事件。 25 | - canvas.vue 26 | 是一个基于具有每个像素的颜色的二维数组初始化像素分量的容器。 27 | 28 | ![](https://github.com/itemsets/vue2-pixel-art/raw/master/image/3.png) 29 | 30 | ### pixel.vue 31 | 32 | ```html 33 | 37 | 38 | 68 | 69 | 74 | 75 | ``` 76 | 77 | `.vue` 文件可以包含`template`模板、JavaScript和CSS样式块，因此组件的所有必需代码都可以存在于单个文件中。 78 | 79 | 在script标签中，color(background color)和size(pixel size)是组件初始化时传递的必需属性（props）。 80 | 81 | 如果没有必要指定type，并required不在props有要求，那它可以简化为props: ['color', 'size']。属性的值应用于pixelStyle()计算的属性，该属性绑定到div.style。 82 | 83 | 如果color属性值更改，它将通过计算属性传播到模板，并且div.l-pixel将更新背景。v-bind:（完整语法）或 :（简写）用于绑定模板中的属性或数据。传播是： 84 | 85 | ``` 86 | color change in canvas.vue >>> "color" in "props" in pixel.vue >>> "pixelStyle()" in "computed" >>> style attribute of "div.l-pixel" in "