Vue.js
34篇文章 · 0订阅
  • 「 如何优雅的使用VUE? 」不可不知的VUE实战技巧
    其实，很多人对于vue只停留在基础使用。想要提升自己，就应该想办法将其运用到更高的层次。 当我们在项目需要重复多次使用该组件，会导致出现很多重复的引入和注册代码，既繁琐又不雅观。因此我们可以通过一个全局的Js文件来管理，将需要多次使用的组件进行全局注册
    Vue.js
  • 吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》
    之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…
    Vue.js
    吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》
  • 我的前端知识梳理-VUE篇
    梳理一下个人开发中遇到的一些vue问题，记录一下个人的理解。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。…
    Vue.js
  • 单元测试从零开始，包含 Vue 及 React 项目中该如何单测
    有兴趣的可以了解一下，目前还在写作中。 单元测试是用来测试程序中一小块功能的，比如说一个函数、一个类。它能很显著地提高项目的代码质量，降低出现 Bug 的频率，并且也利于维护代码。 但是实际情况是绝大部分开发者是不愿意做这件事情的。因为平时开发都忙不过来，哪还有时间去做这些事情…
    JavaScript 前端
  • Vue前进刷新后退不刷新，简易页面堆栈实现
    现在有一个小商城，从首页（Index）可以进入商品列表页面（List），这个List是一个无限列表，现在用户往下翻，看到某一个商品似乎比较喜欢，于是点击进入到商品详情页面（Info），看完后觉得比较满意。恩，但是货比三家嘛，于是用户返回商品列表页面，准备继续往下浏览，这时如果你…
    Vue.js
  • 在vue中使用jsx语法
    JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析. 想折腾一下呗,开玩笑.最开始是因为近期在学习react,在里面体验了一把jsx语法,发现也并没…
    Vue.js
    在vue中使用jsx语法
  • Vue.js 你需要知道的 v-slot （译）
    自己先想一分钟。 这篇文章假设你对组件的基础知识有定义的了解，如果你对此还不熟悉，请先阅读。 从 vue@2.6.x 开始，Vue 为具名和范围插槽引入了一个全新的语法，即我们今天要讲的主角：v-slot 指令。目的就是想统一 slot 和 scope-slot 语法，使代码更…
    Vue.js
  • nextTick 在 vue 2.5 和 vue 2.6 之间有什么不同
    我们知道对于 Vue 来说，从数据变化到执行 DOM 更新，这个过程是异步的，发生在下一个 tick 里。 它会创建一个更新队列 queue，队列中维护着各个属性的 watcher，在需要时执行、更新它们。 在 Vue 2.5 中，nextTick 的实现是 microTime…
    Vue.js
  • 基于 Vue 的两层吸顶踩坑总结
    近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶的最终实现效果，如下图所示。 功能点：两层吸顶，因为 Tabs 区域比较长所…
    Vue.js 前端
    基于 Vue 的两层吸顶踩坑总结
  • vscode 插件，vue，vue-router 和 vuex 代码提示
    可能是目前 vscode 最好的 vue 代码提示插件，不仅包括了 vue2 所有 api，还含有 vue-router2 和 vuex2 的代码提示。每个提示都有详细的中文描述，主要是方便学习，因为在学习的时候忘记某个 api 的用法，经常要查阅文档，比较浪费时间，所以我将每个代码提示都增加了描述，描述的依据都来源于官方中文文档
    Vue.js 前端 Vuex
    vscode 插件，vue，vue-router 和 vuex 代码提示