![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
柯之梦
我是一名有梦想的码农,你可以关注我的公众号(IT技术乱弹)获取更多技术知识。
展开
-
Vue.js简介
近几年,互联网前端行业发展得依旧迅猛,涌现出了很多优秀的框架,同时这些框架也正在逐渐改变我们传统的前端开发方式。Google 的 AngularJS、Facebook 的 ReactJS,这些前端 MVC(MVVM)框架的出现和组件化开发的普及和规范化,既改变了原有的开发思维和 方式,也使得前端开发者加快脚步,更新自己的知识结构。2014 年 2 月,原 Google 员工尤雨 溪公...原创 2019-01-25 23:43:40 · 839 阅读 · 2 评论 -
JavaScript过渡
Vue.js 也可以和一些JavaScript配合使用,只需要调用JavaScript钩子函数,而不需要定义CSS样式。transition接受选项 css:false,将直接跳过CSS检测,避免CSS规则干扰过渡,需要在enter和leave钩子函数中调用done函数,明确过渡结束时间。此处将引入Velocity.js来配合使用JavaScript过渡。Velocity.js...原创 2019-02-06 20:17:46 · 1924 阅读 · 0 评论 -
vue过滤器
过滤器定义 Vue.js 允许在表达式后面添加可选的过滤器,以管道符表示,例如:{{ message | capitalize }} 过滤器的本质是一个函数,接受管道符前面的值作为初始值,同时也能接受额外的参数, 返回值为经过处理后的输出值。多个过滤器也可以进行串联。例如: {{ message | filterA 'arg1' 'arg2' }}{{ me...原创 2019-02-04 23:03:34 · 144 阅读 · 0 评论 -
vue指令
v-bindv-bind 主要用于动态绑定 DOM 元素属性(attribute),即元素属性实际的值是由 vm 实例中的 data 属性提供的。v-modelv-model 指令在第 2.2.3 小节中的表单控件中已经说明过了,这里就不再赘述了。该指 令主要用于 input、select、textarea 标签中,具有 lazy、number、debounce(2.0 废除)、 tr...原创 2019-01-29 08:41:16 · 450 阅读 · 0 评论 -
JavaScript基础
一个完整的 JavaScript 实现应该由下列以下三部分组成。一.核心(ECMAScript) ECMA-262 定义的 ECMAScript 与 Web浏览器没有依赖关系。实际上,这门语言本身并不包含输 入和输出定义。ECMA-262 定义的只是这门语言的基础,而在此基础之上可以构建更完善的脚本语言。 我们常见的 Web 浏览器只是 ECMAScript 实现可能的宿主环境...原创 2019-01-28 22:49:29 · 137 阅读 · 0 评论 -
指令在Vue.js 2.0中的变化
由于指令在 Vue.js2.0 中发生了比较大的变化,Vue.js 2.0中的指令功能更为单一,很多和组件重复的功能和作用都进行了删除,指令也更专注于本身作用域的操作,而尽量不去影响指令外的 DOM 元素及数据。 钩子函数增加了一个 componentUpdated,当整个组件都完成了update 状态后即所有 DOM 都更新后调用该钩子函数,无论指令接受的参数是否发...原创 2019-02-03 23:10:55 · 244 阅读 · 0 评论 -
vue指令的高级选项
params 定义对象中可以接受一个 params 数组,Vue.js 编译器将自动提取自定义指令绑定元素 上的这些属性。例如:<div v-my-advance-directive a="paramA"></div> Vue.directive('my-advance-directive', { params : ['a'], bind : ...原创 2019-02-01 22:40:37 · 1207 阅读 · 0 评论 -
vue模板
其实,无论前端框架如何变化,它需要处理的事情依旧是模板渲染、事件绑定、处理 用户交互(输入信息或鼠标操作),只不过提供了不同的写法和理念。Vue.js 则会通过声 明一个实例 new Vue({...}) 标记当前页面的 HTML 结构、数据的展示及相关事件的绑定。 本章主要介绍 Vue.js 的构造函数的选项对象及用法,以及如何通过 Vue.js 来实现上述的常 规前端功能。...原创 2019-01-27 08:49:07 · 672 阅读 · 0 评论 -
Vue Hello world
现在我们来写一个vue的HelloWord代码如下:<div id="app"> <!--绑定vue对象中的mesage对象--> <h1>{{message}}</h1></div><script src='http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vu..原创 2019-01-26 13:16:01 · 191 阅读 · 0 评论 -
vue集成汉字转拼音插件
一.需要引入的文件1.const.js文件,定义常量,文件内容如下:export const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u...原创 2019-01-30 08:44:17 · 13762 阅读 · 7 评论