<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_45556713的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_45556713</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_45556713]]></copyright><item><title><![CDATA[VUE.js组件通信精髓归纳（基础篇）]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569594</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569594</guid><author>weixin_45556713</author><pubDate>Tue, 15 Oct 2019 16:30:44 +0800</pubDate><description><![CDATA[前言
文章涉及的内容可能不全面，但量很多，需要慢慢看。我花了很长的时间整理，用心分享心得，希望对大家有所帮助。但是难免会有打字的错误或理解的错误点，希望发现的可以邮箱告诉我1163675970@qq.com，我会及时的进行修改，只希望对你有所帮助，谢谢。
vue 何为组件化？
我们可以很直观的将一个复杂的页面分割成若干个独立组件
每个组件包含自己的逻辑和样式再将这些独立组件组合完成一个复杂的页面。...]]></description><category></category></item><item><title><![CDATA[【Vue原理】Vue源码阅读总结大会 - 终]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569582</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569582</guid><author>weixin_45556713</author><pubDate>Tue, 15 Oct 2019 16:30:07 +0800</pubDate><description><![CDATA[写文章不容易，点个赞呗兄弟
专注 Vue 源码分享，文章分为白话版和 源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧 研究基于 Vue版本 【2.5.17】
如果你觉得排版难看，请点击 下面链接 或者 拉到 下面关注公众号也可以吧
【Vue原理】Vue源码阅读总结大会 - 终
终于啊终于啊，把 Vue 系列的文章发完了了，如释重负的感jio啊，今天就打算总结下，我这段时间...]]></description><category></category></item><item><title><![CDATA[Vue 开发必须知道的 36 个技巧【近1W字】]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569565</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569565</guid><author>weixin_45556713</author><pubDate>Tue, 15 Oct 2019 16:29:25 +0800</pubDate><description><![CDATA[前言
Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;
所以应该趁还没出来加紧打好 Vue2.x 的基础;
Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;
后续 Vue 3.x 出来后持续更新.
1.require.context(...]]></description><category></category></item><item><title><![CDATA[Vue 关于移动端的那些事情（一）]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569541</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/102569541</guid><author>weixin_45556713</author><pubDate>Tue, 15 Oct 2019 16:28:33 +0800</pubDate><description><![CDATA[想法
最近公司项目可能会用到vue的技术，趁现在有时间，就开始搞移动端的适配，为了方便开发，我的想法是(viewport+rem+flex)。rem那块需要进行一个换算需要做一个适配处理，为了方便最好是根据规定的图(本文采用iPhone6)编写px，然后通过工具对px进行转换成rem(px2rem)。好了，需求已经理清了，开搞！！！。
行动
关于适配问题的解决方案
第一种适配方案
在网上查看资料，...]]></description><category></category></item><item><title><![CDATA[「数据可视化库王者」D3.js 极速上手到Vue应用]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695245</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695245</guid><author>weixin_45556713</author><pubDate>Sun, 29 Sep 2019 15:37:57 +0800</pubDate><description><![CDATA[前言
D3近年来一直是JavaScript最重要的数据可视化库之一，在创建者Mike Bostock的维护下，前景依然无量，至少现在没有能打的:
D3与众多其他库的区别在于无限定制的能力（直接操作SVG）。
它的底层API提供对原生SVG元素的直接控制，但它也带来了高学习曲线的成本。
我们将把D3和Vue结合在一起 - 使用Vue的动态数据绑定，清晰的语法和模块化结构，可以充分发挥D3的最佳性能。...]]></description><category></category></item><item><title><![CDATA[Vue生命周期详解]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695167</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695167</guid><author>weixin_45556713</author><pubDate>Sun, 29 Sep 2019 15:37:03 +0800</pubDate><description><![CDATA[文章目录
一. Vue生命周期介绍
**生命周期的含义：**从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些时间统称为生命周期
**常见叫法：**生命周期钩子 == 生命周期函数 == 生命周期事件
1.1 生命周期分类
下面，将从这三个阶段，依次来学习Vue的生命周期
1.2 创建阶段
beforeCreate：实例刚在内存中创建出来，还没有初始化 data和 methods，...]]></description><category></category></item><item><title><![CDATA[近两万字小程序攻略发布了]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695122</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695122</guid><author>weixin_45556713</author><pubDate>Sun, 29 Sep 2019 15:36:31 +0800</pubDate><description><![CDATA[该内容由银科控股融汇研发部曹俊及其团队授权提供。该团队拥有 10 多名小程序开发，深耕小程序领域，总结出了本篇优质长文。同时本篇内容也已经合并入我的 开源项目 中，目前项目内容包含了 JS、网络、浏览器相关、性能优化、安全、框架、Git、数据结构、算法等内容，无论是基础还是进阶，亦或是源码解读，你都能在本图谱中得到满意的答案，希望这个面试图谱能够帮助到大家更好的准备面试。
小程序-登录
union...]]></description><category></category></item><item><title><![CDATA[使用webpack配置一个小型vue-cli脚手架]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695053</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101695053</guid><author>weixin_45556713</author><pubDate>Sun, 29 Sep 2019 15:35:27 +0800</pubDate><description><![CDATA[简介
使用vue的朋友都是知道vue-cli，他是一个基于webpack的vue脚手架，通过vue-cli配置好一整套环境可以更快的开发，从而提高了工作效率。而我们可以学习它的一些配置可以熟悉webpack的构建流程，从而更好的开发，本文讲述了如何配置一个小型的vue-cli脚手架。
项目地址: mini-vue-cli
webpack开发环境基本配置
项目初始化
参考webpack文档
npm ...]]></description><category></category></item><item><title><![CDATA[Webpack 打包太慢? 试试 Dllplugin]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101535223</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101535223</guid><author>weixin_45556713</author><pubDate>Fri, 27 Sep 2019 14:50:14 +0800</pubDate><description><![CDATA[webpack在build包的时候，有时候会遇到打包时间很长的问题，这里提供了一个解决方案，让打包如丝般顺滑~

介绍
在用 Webpack 打包的时候，对于一些不经常更新的第三方库，比如 react，lodash，vue 我们希望能和自己的代码分离开，Webpack 社区有两种方案

CommonsChunkPlugin
DLLPlugin
对于 CommonsChunkPlugin，webpa...]]></description><category></category></item><item><title><![CDATA[这可能是你见过的最便捷的Vue i18n Vscode插件]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101535015</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101535015</guid><author>weixin_45556713</author><pubDate>Fri, 27 Sep 2019 14:47:41 +0800</pubDate><description><![CDATA[契子
vue项目国际化非常的繁琐:
将所有出现的要国际化的汉字复制取名配置
在vue/js文件中找到汉字位置，区分是在template中标签的label或者其他property中，或者{{}}中script，又或者script中的，手动将一层一层的国际化key拷贝，粘贴。
就算是相同的汉子，由于在vue中的语法不同，需要重复的拷贝，粘贴
碰到一堆汉字拼接的简直要了老命/(ㄒoㄒ)/~~
快速开始
...]]></description><category></category></item><item><title><![CDATA[vue 数据更新却不render？]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101534936</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101534936</guid><author>weixin_45556713</author><pubDate>Fri, 27 Sep 2019 14:46:45 +0800</pubDate><description><![CDATA[以下都基于数据已经渲染到 dom 上后再对数据进行修改，console 出来的数据更新了，但绑定的 dom 不更新的问题

更新对象的属性不render
data() {
return {
detail: {}
}
}
created() {
this.detail = {
a: ‘1’, // 更新
b: ‘2’  // 更新
}
}
mounted () {
this.detail.c = ‘...]]></description><category></category></item><item><title><![CDATA[Vue 实现前端权限控制]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452755</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452755</guid><author>weixin_45556713</author><pubDate>Thu, 26 Sep 2019 16:42:59 +0800</pubDate><description><![CDATA[登录&amp;&amp;权限流程图
前言
首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细：
登录权限控制
页面权限控制
菜单中的页面是否可以被访问
页面中的按钮 (增、删、改、查)的权限控制是否显示
接口权限控制
一、登录权限控制
登录访问权限控制是对用户的校验。在用户登录成功之后，后台将返回一个token，之后前端每次进行接口请求的时候，都要带上这个token。后台拿到这个toke...]]></description><category></category></item><item><title><![CDATA[Vue项目优化方案]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452701</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452701</guid><author>weixin_45556713</author><pubDate>Thu, 26 Sep 2019 16:42:23 +0800</pubDate><description><![CDATA[经过对项目结构 / 开发方式 / 技术架构的研究，再次提出部分可以优化的点。
刚加入新公司之后，在学习来新公司的开发技术之后，就迫不及待的想要将自己过往的开发方式和技巧融合到现在的项目中，下面是针对目前项目的中一些技术点的改进思路
此方案主要由如下几点组成：
代码编写规范
Api层抽离
Request工具更高效封装
路由分离配置方案
目录结构整理
数据请求优化
Mock数据配置
方案在不断的编写过...]]></description><category></category></item><item><title><![CDATA[这几天国外关于 Vue 新 API 的一些争论]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452650</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452650</guid><author>weixin_45556713</author><pubDate>Thu, 26 Sep 2019 16:41:48 +0800</pubDate><description><![CDATA[本文只是翻译 ???? 掘金的排版比知乎好太多了。
首先是 Reddit 上有人发帖。
标题：Vue 3 将大变——目前的语法会被弃用，组合函数将最终作为创建组件的唯一方式
内容：
尤雨溪几天前发布了一篇 RFC（意见征求稿），介绍了 Vue 3 里基于函数的 API。
许多我们正在使用的特性都会被弃用，诸如 data、computed、methods、watch、mixin、extends 和生命周期...]]></description><category></category></item><item><title><![CDATA[基于Vue CLI3 搭建五脏俱全的移动端H5应用]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452609</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101452609</guid><author>weixin_45556713</author><pubDate>Thu, 26 Sep 2019 16:40:55 +0800</pubDate><description><![CDATA[前言
之前开发vue项目，一直是自己搭建脚手架，并没有使用配套的Vue-CLI。一、是3.0之前的CLI无明显优势，配置繁琐；二、是觉得自己从零配置项目可控性更强。
Vue-CLI 3.0 于去年8月份就已发布，却一直没去了解。近日，有新Vue H5项目开发，就想着用Vue CLI3.0脚手架构建项目。并记录一下构建使用过程。
使用脚手架最好的参考就是官方文档，官方文档整体还是比较清晰明了的，更新...]]></description><category></category></item><item><title><![CDATA[[手把手系列之]Docker 部署 vue 项目]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369635</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369635</guid><author>weixin_45556713</author><pubDate>Wed, 25 Sep 2019 15:51:08 +0800</pubDate><description><![CDATA[Docker 部署 vue 项目
1.写在前面：
Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖...]]></description><category></category></item><item><title><![CDATA[富文本原理了解一下？]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369568</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369568</guid><author>weixin_45556713</author><pubDate>Wed, 25 Sep 2019 15:50:16 +0800</pubDate><description><![CDATA[缘起
最近产品想让我在富文本里加个旋转图片的功能，我一想????，就觉得事情并不简单，因为印象中好像没见过这种操作。果然，经过一番百度之后，确实没怎么看到相关信息，这也就意味着要自己动手丰衣足食了????。但我自己对富文本又没什么了解，所以顺带稍微看了下富文本的实现方式，特此来沉淀一下，还是那句话不喜勿喷哈????。
ok，这里先简要说下为什么会有富文本这种东西吧????！大概可能也许是因为有一天产品用着用着 texta...]]></description><category></category></item><item><title><![CDATA[你要的Vue面试题都在这里。]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369532</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369532</guid><author>weixin_45556713</author><pubDate>Wed, 25 Sep 2019 15:49:39 +0800</pubDate><description><![CDATA[Vue.js介绍
Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API；
Vue.js是一个构建数据驱动的Web界面的库。
Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue生...]]></description><category></category></item><item><title><![CDATA[vue项目整合Eslint和stylelint规范代码]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369491</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101369491</guid><author>weixin_45556713</author><pubDate>Wed, 25 Sep 2019 15:48:55 +0800</pubDate><description><![CDATA[前言
最近在搭建项目框架，想着上一个项目代码风格各异，就想着在新项目中引入Eslint来规范团队成员代码风格，保持统一，也方便大家维护代码，减少不必要的错误。前端应用愈加复杂，代码规范问题必须通过强制的方式保持统一。以下是团队逐渐摸索出的一些配置，各取所需。
Eslint配置
在用vue-cli3搭建项目的过程中就会问你是否需要Eslint，选择就好来。如果没有选择后期又想加入eslint，可以手...]]></description><category></category></item><item><title><![CDATA[这些Web API真的有用吗? 别问，问就是有用]]></title><link>https://blog.youkuaiyun.com/weixin_45556713/article/details/101294693</link><guid>https://blog.youkuaiyun.com/weixin_45556713/article/details/101294693</guid><author>weixin_45556713</author><pubDate>Tue, 24 Sep 2019 17:02:16 +0800</pubDate><description><![CDATA[本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正????
方法列表
querySelector（元素向下查询，返回一个）
querySelectorAll（元素向下查询，返回多个）
closest（元素向上查询）
dataset（获取元素以"data-"...]]></description><category></category></item></channel></rss>