摘要:_lodash.js 文档:https://www.lodashjs.com/docs/4.17.5.html _.compact(array) 创建一个移除了所有假值的数组 什么是假值?false,null,0,"",undefined,NaN _.compact([0, 1, false, 2,
阅读全文
摘要:访问元素&组件 01.访问根实例 $root // Vue 根实例 new Vue({ data: { foo: 1 }, computed: { bar: function () { /* ... */ } }, methods: { baz: function () { /* ... */ }
阅读全文
摘要:动态组件 01.在动态组件上使用keep-alive,保持组件的状态,以避免反复重渲染导致的性能问题。 <!-- 失活的组件将会被缓存!--> <keep-alive> <component v-bind:is="currentTabComponent"></component> </keep-al
阅读全文
摘要:关于Vue插槽,只用过最简单的语法,现在完整地走一遍官方文档说明,并且探索更多用法。 01.如果组件中没有包含一个<slot>元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃。 02.父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。 03.后备(默认)
阅读全文
摘要:前言:这一篇是关于组件基础、组件注册、Prop等内容。 1.组件基础 01.组件是可复用的Vue实例 02.组件中的data选项必须是一个函数 03.一个组件默认可以有任意数量的prop 任何值都可以传递给任何prop。就像访问data一样。 04.使用$emit监听子组件事件 一个全局的子组件代码
阅读全文
摘要:在Vue2.0中,代码复用和抽象的主要形式是组件。然鹅,有的情况下,你仍然需要对普通DOM元素进行底层操作,这时候就会用到自定义指令。 1.举个聚焦输入框的例子,全局注册focus指令 Vue.directive('focus', { inserted: function (el) { el.foc
阅读全文
摘要:前言: 到现在用Vue做了不少项目了,用到的都是初阶的功能,很多高阶能力都没有用到。仅用初级阶段也能做项目,甚至是复杂项目,可见vue之强大,果然是渐进式开发方式。 但是本着虚心学习的态度,还是要抽空看看高阶知识,暂且不论何时会用到。 说明:不知道官网的示例代码是用了什么项目构建方式,这里我将示例改
阅读全文
摘要:前言: TypeScript官网断断续续看过几遍,不知道项目中如何使用,有机会还是要实践一下。现在再把文档上不懂的知识点理一遍。 基础类型 1.什么是元组Tuple? 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。 //声明一个元组类型 let x: [string, numb
阅读全文
摘要:接下来可能要开发一个小程序,同事推荐使用mpvue,那么我提前熟悉下。 官网地址:http://mpvue.com/ 1.快速上手 http://mpvue.com/mpvue/quickstart/ 跟着官网提示走,搭建一个mpvue的小程序项目 注意,这里我用yarn代替了npm才安装成功。 2
阅读全文
摘要:今天想用npm安装vue-cli@2.9 npm install --global vue-cli@2.9 卡半天,安装不成功,清空缓存,换taobao源重来,还是一样。 无奈之下换yarn yarn global add vue-cli@2.9 分分钟装完。 是时候列出一个npm和yarn常见命令
阅读全文
摘要:前言: 介绍拖拽文件和选择文件两种操作,获取文件信息以及上传服务器的思路和流程 项目前端环境:vue,jquery 可拖拽文件批量上传 刚开始我是直接用的element-ui的上传组件,里面自带一个简单的拖拽属性,后来发现完全满足不了我们项目的各种奇葩需求。于是开始尝试从0手写一个可拖拽文件批量上传
阅读全文
摘要:今年3月换了家新公司,为了适应新环境,写每日技术总结的计划就中止了。现在在新公司两个多月,还算适应了。解决工作中的问题都不在话下。但总觉得缺少点什么。慢慢开始焦虑,迷茫,不想停留在这种安逸的状态。 总结一下最近遇到的问题和知识点 1.点击按钮触发浏览器全屏显示 这个功能相当于用户按下了F11 1.先
阅读全文