框架
Lioner-CSU
慢慢变成一个很厉害的人吧!
展开
-
从小白开始学vue学习笔记(一)——基础篇
目录一、引入vue二、helloWorld程序三、声明式渲染四、条件与循环五、处理用户输入六、组件化应用构建与自定义元素的关系SLOT API定义插槽算法获取分布式节点算法分布分辨率算法slot元件扩展到Element七、Vue实例1、创建一个Vue实例2、数据与方法3、实例生命周期钩子4、生命周期图示八、模...原创 2019-08-27 13:47:23 · 892 阅读 · 0 评论 -
小白学习Vue实用实战实例小技巧小tips(一)
目录1、v-cloak解决插值表达式闪烁的问题。2、插入html代码并显示成html元素。3、简写methods的方法4、点击事件层级(冒泡)5、动态class样式6、动态style样式7、单向绑定和双向绑定8、v-for循环的索引9、v-for中 key属性的运用10、v-if 和 v-show的区别11、增删改查功能设计12、时间格式化过滤器...原创 2019-09-06 11:12:12 · 428 阅读 · 0 评论 -
webpack入门
目录简介现状 安装 WebPack安装配置执行 使用 WebPack本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程...原创 2019-09-04 17:19:35 · 142 阅读 · 0 评论 -
npm学习笔记(一)
目录npm 是什么?如何安装 npm 并管理 npm 版本从 Node.js 网站安装 npm1. 安装 Node.js 和 npm2. 更新 npm使用版本管理器安装Node.js和npm如何安装本地包如何更新本地安装的包如何卸载本地安装的包如何安装全局包如何更新全局安装的包如何卸载全局安装的包如何创建 Node.js 模块npm 是什么?...原创 2019-09-04 11:59:37 · 758 阅读 · 0 评论 -
从小白开始学vue学习笔记(六)——工具篇
目录一、单文件组件1、介绍2、怎么看待关注点分离?(1)例子沙盒(2)针对刚开始接触JavaScript模块系统开发的用户(3)针对高级用户二、单元测试1、简单的断言2、编写可被测试的组件3、断言异步更新一、单文件组件1、介绍在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: ...原创 2019-09-04 11:21:44 · 205 阅读 · 0 评论 -
从小白开始学vue学习笔记(五)——可复用性 & 组合篇
目录一、混入1、基础2、选项合并3、全局混入4、自定义选项合并策略二、自定义指令1、简介2、钩子函数3、钩子函数参数(1)动态指令参数4、函数简写5、对象字面量三、渲染函数 & JSX1、基础2、节点、树以及虚拟DOM(1)虚拟DOM3、createElement参数(1)深入数据对象(2)完整示例(3)...原创 2019-09-03 17:26:02 · 316 阅读 · 0 评论 -
从小白开始学vue学习笔记(四)——动画篇
目录一、概述1、单元素/组件的过渡(1)过渡的类名(2)CSS过渡(3)CSS动画(4)自定义过渡的类名(4)同时使用动画和过渡(5)显性的过渡持续时间(6)JavaScript钩子2、初始渲染的过渡3、多个元素的过渡(1)过渡模式4、多个组件的过渡5、列表过渡(1)列表的进入/离开过渡(2)列表的排序过渡_.shuffle...原创 2019-09-02 18:08:16 · 372 阅读 · 0 评论 -
从小白开始学vue学习笔记(三)——组件篇
目录一、组件注册1、组件名2、组件名大小写使用 kebab-case使用 PascalCase3、全局注册4、局部注册5、模块系统(1)在模块系统中局部注册(2)基础组件的自动化全局注册二、Prop1、Prop 的大小写 (camelCase vs kebab-case)2、Prop类型3、传递静态或动态Prop(1)传入一个数字...原创 2019-09-02 15:35:39 · 928 阅读 · 0 评论 -
从小白开始学vue学习笔记(二)——事件篇
目录一、事件处理1、监听事件2、事件处理方法3、内联处理器种的方法4、事件修饰符默认冒泡5、按键修饰符(1)按键符(2)系统修饰符(3).exact修饰符(4)鼠标按钮修饰符6、为什么在HTML中监听事件二、表单输入绑定1、基础用法2、文本3、多行文本4、复选框5、单选按钮6、选择框7、值绑定(1)复选框...原创 2019-08-28 15:14:42 · 482 阅读 · 0 评论 -
小白学习Vue实用实战实例小技巧小tips(二)
目录1、过滤器详解replace()定义和用法语法返回值说明2、vue的生命周期3、发送请求4、动画详解-过渡transition:使用第三方类使用钩子函数列表动画5、组件创建方式6、组件中的data7、组件切换方式8、模板定义方式9、父组件向子组件传值10、父组件向子组件传方法11、resetFields和clear...原创 2019-09-09 14:00:51 · 399 阅读 · 0 评论