13 天前 / Fundebug
译者按：Vue.js相关的开发工具越来越好用！ 原文:Vue UI: A First Look 译者:Fundebug 本文采用意译，版权归原作者所有 随着最新的稳定版本Vue CLI 3即将发布，是时候来看看有什么新鲜有趣的特性了。基于整个Vue.js开发者社区的反馈而大幅度改良，该版本提供了很多以工作流为中心的工具。 我想会提升每一位Vue.js的开发者工作效率的特性就是Vue UI。一个可视化图形界面方便你去创建、更新和管理项目的方方面面。 今天，我会跟你一一介绍Vue UI的beta版本中可用的功能。 开始首先，我们确保安装了最新的Vue CLI。打开Terminal，输入： npm i......
31 天前 / 噶牛爱尚
https://www.zhihu.com/video/1091350293803032576从以上的几个例子可以看到，代码的静态分析并不仅限于单个文件的信息提取。将所有文件的信息汇总后，我们可以拼接出整个项目的相关架构。通常我们对软件架构的了解是基于项目初期的设计图，但是这些设计图往往无法遵循项目实施过程中的变化而更新，实用价值越来越低。而从代码分析中获得的架构图能准确地反映任何一个时间点的项目实际情况。 代码分析的作用在状态管理容器的可视化上尤为突出。许多React，Vue和Angular的项目采用了状态管理库：Redux，Vuex，和NgRx。虽然这些库的具体实现和术语有......
36 天前 / 大转转FE
作者 | 张所勇为什么需要 wepy 转 VUE“转转二手”是我司用 wepy 开发的功能与 APP 相似度非常高的小程序，实现了大量的功能性页面，而新业务 H5 项目在开发过程中有时也经常需要一些公共页面和功能，但新项目又有自己的独特点，这些页面需求重新开发成本很高，但如果把小程序代码转换成 VUE 就会容易的多，因此需要这样一个转换工具。 本文将通过实战带你体验 HTML、css、JavaScript 的 AST 解析和转换过程 如果你看完觉得有用，请点个赞~ AST 概览AST 全称是叫抽象语法树，网络上有很多对 AST 的概念阐述和 demo，其实可以跟 XML 类比，目前很......
41 天前 / heartEngine
首发于Encounter的编程思考写文章Vue 服务端渲染实践 ——Web应用首屏耗时最优化方案counterxing内推腾讯各岗位，微信xingbofeng00132 人赞同了该文章随着各大前端框架的诞生和演变，SPA开始流行，单页面应用的优势在于可以不重新加载整个页面的情况下，通过ajax和服务器通信，实现整个Web应用拒不更新，带来了极致的用户体验。然而，对于需要SEO、追求极致的首屏性能的应用，前端渲染的SPA是糟糕的。好在Vue 2.0后是支持服务端渲染的，零零散散花费了两三周事件，通过改造现有项目，基本完成了在现有项目中实践了Vue服务端渲染。 关于Vue服务端渲......
52 天前 / mr7
来这里找志同道合的小伙伴！ 移动端 Vue 组件库 NutUI 自发布以来受到了广泛的关注。据不完全统计，目前至少有30多个京东的 web 项目正在使用 NutUI 。 经过一段时间紧锣密鼓的开发，近期，我们正式发布了 NutUI 的 2.0 版。NutUI 2.0 定位于一个京东风格的移动端精品组件库，并不是 NutUI 1.x 的简单升级版。 （手机扫描二维码可以体验 NutUI 2.0 的组件示例） NutUI 官网同步进行了改版，也欢迎大家访问 https://nutui.jd.com ( PC 端)。 我们来看看 NutUI 2.0 有哪些重要的新特性。 京东APP 7.0 视觉风格 Nu......
61 天前 / Fundebug
“本文主要梳理一下vue代码的目录，以及vue代码构建流程，旨在对vue源码整体有一个认知，有助于后续对源码的阅读。” 01 — 目录结构 上图是对vue的代码的所有目录进行的梳理，其中源码位于src目录下，下面对src下的目录进行介绍。 compiler 该目录是编译相关的代码，即将 template 模板转化成 render 函数的代码。 vue 提供了 render 函数，render 函数作用是用来创建 VNode，但在平时开发中，绝大多数情况下使用 template 来创建 HTML，所以需要将 template模板编译成 render 函数。 编译工作既可以在代码构建时做，也可以在客......
62 天前 / openio
必须要承认的是，2.x 的 TS 支持显然跟 React 和 Angular 是有差距的，这也是为什么 3.0 要加强这一块。 关于目前 2.x 跟 TS 的整合，通常需要基于 vue-class-component 来用基于 class 的组件书写方式。虽然对于默认的对象书写方式有类型推导支持，但里面的实现绕了很多弯。问题的本质其实很简单：因为当初 API 的设计根本就没有考虑类型系统。 Vue 五年半以前刚开始写的时候 JS 根本没有类型系统，我自己当时也不用带类型的语言，所以 Vue 的组件本质上就是一个 “包含了描述组件选项的对象”。这个设计算是一个典型的 intuition based design......
73 天前 / 冷星1024
昨天Vue 2.6 "Macross" 发布了，同时也是Vuejs五周年~
在这篇文章中，将会介绍新版本的新特性, 比如 slots的新语法， Vue.observable()等等
1. Scoped slots(作用域插槽)的新语法这是一个比较重大的改变，包含的有：
v-slot新指令，结合了slot和slot-scope的功能
scoped slots的简写
之前在Vue@2.5.22中是这样使用 scoped-slots的:
84 天前 / 黑夜探路人 vue中的this使用匿名函数下的this通过bind来处理this赋值暂存箭头函数是你最佳选择箭头函数中的this小程序中的this匿名函数下的this方便本地demo，没有使用webpack
引入两个文件，vue和axios
axios返回一个promise对象，我们通过axios进行ajax请求
100 天前 / 小肆 点击上方关注公众号，小肆等你很久了！
还有几个月距离vue2的首次发布就满3年了，而vue的作者尤雨溪也在去年年末发布了关于vue3.0的计划，如果不出意外，我们将在今年的某个时间点见证Vue3.0的发布，虽然前几天在《StateOfJS: 2018年JavaScript生态圈趋势报告》一文中我们看到目前Vue的使用者比React还少了不少，但在Github上Vue的star数已经超越React，可见用户对Vue的喜爱，那即将发布的Vue3又有什么新特性呢？我们一起来看看吧！
Vue 3.0 已经在原型设计阶段了，而且我们已经实现了一个与 2.0 的特性近乎相等的运行时了。下文中列出的许多条目...... 100 天前 / 91Code 特别声明，本文根据@Alex Jover Morales的《Async Vue.js Components》一文所整理。
随着应用程序越来越大，你开始考虑优化应用程序，使其变得更快。在此过程中，你可能使用了拆分代码和延迟加载这两种方法，它们通过将代码块的加截推迟到需要的时候加载，从而使应用程序的初始包变得更小。
延迟加载对于应用程序路由有很大的意义，并且有很大的影响，因为每个路由都是应用程序的不同部分。
延迟加载有意义的另一种情况是组件延迟渲染。这些组件可以是tooltips、popover、modal等，当然这些组件也可以使用异步组件。
让我们来看看如何在Vue中构......this 在 vue 和小程序中的使用
预计今年发布的 Vue 3.0 到底有什么不一样的地方？
[译] Vue 中的异步组件