
js技术
小甄笔记
这个作者很懒,什么都没留下…
展开
-
js中操作数组的常用方法
shift()方法: shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值 语法 arrA.shift();返回的是自身的的第一个元素非外界的,如果数组为空则返回undefined unshift()方法: unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度 语法arrA.unshift(参数1,参数2,....参数x);参数1:必选.向数组添加...原创 2019-01-08 15:29:11 · 234 阅读 · 0 评论 -
css3伪元素
1、before,after的功能完全等价于一个dom元素 2、它不会在dom树生成 如图: 其他的伪元素:原创 2019-10-02 13:51:30 · 164 阅读 · 0 评论 -
vue中$emit的用法
1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn; 子组件中:(_this待办vue实例) 父组件中: 引用子组件 定义dialogVisible方法 最终结果:在...原创 2019-06-29 13:10:08 · 693 阅读 · 0 评论 -
vue组件间的数据传递
方法一:父子组件之间 父组件引用子组件 子组件接收 注意:子组件调用父组件方法用:this.$emit('dialogVisible', false) 方法二:兄弟组件传递,用路由传递 组件1传出: 组件2接收: 方法三:用vuex把对象放入全局 其他组件接收 方法四:父组件调用子组件的方法 子组件如下: 父组件调用子组件方法: 注意:若组件用了ke...原创 2019-06-23 10:12:49 · 106 阅读 · 0 评论 -
vue的watch函数,computed函数
watch 和 computed的区别: 在vue中,使用watch来响应数据的变化。watch的用法大致有三种 第一种: 这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行,且无法监听到对象内部属性的改变 <input type="text" v-model="cityName"/> new Vue({ ...原创 2019-06-23 10:00:11 · 928 阅读 · 0 评论 -
Vue中如何定义全局的工具类
一:简单的写法 每次使用都需要import test.js如下: 具体使用如下 二:定义全局的工具类 全局注册不需要import 例子:现需定义ValidateUtil工具类 utils/validate/index.js如下: utils/index.js如下: main.js如下: 代码调用如下: ...原创 2019-06-14 16:19:31 · 4653 阅读 · 0 评论 -
vue的页面缓存方案以及组件通讯
对于一个后台管理系统: 一:做法为在App.vue中设置统一的缓存标签:<keep-alive></keep-alive> 1、这里的keep-alive会作用到全局,多部配置页面在多个页面切换可以回显数据,防止数据丢失 2、keep-alive缺点:每一个vue的页面生命周期只会执行一遍,即钩子函数只执行一遍,若有在钩子函数中需要实时同步后台数据的场景请谨慎使用...原创 2019-06-13 19:06:56 · 367 阅读 · 0 评论 -
vue开发环境安装以及脚手架安装运行、devTools工具安装
安装node.js环境 如果本机没有安装node运行环境,请下载node 安装包进行安装 如果本机已经安装node的运行换,请更新至最新的node 版本 下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 验证 输入cmd后敲回车,在打开的命令行界面,依次输入命令:node -v,npm -v 如果正确输出版本号,说明我们的NodeJS和NPM...原创 2019-05-25 16:32:17 · 567 阅读 · 0 评论 -
vue.js组件式编程数据传递HelloWorld
需要实现的页面中数据的展示效果 代码结构 数据传递流程 App.vue中声明数组,传递到ToList.vue子标签中 ToList.vue中声明接收数据,并传递给TodoItem子标签 TodoItem子标签中声明接收数据,并遍历 ...原创 2019-01-09 14:05:10 · 149 阅读 · 0 评论 -
css3常见样式设置
margin:0 auto; // 把元素放在父元素的中间 margin: auto; // 将父盒子多余的空间平均分配给每一个子元素 float: left; // 浮动到父元素的左边 文本属性: line-height: 36px; // 行高 text-align: center; // 文字居中显示 列表属性: list-style: none; 设置所有列表<li&...原创 2019-10-03 09:44:21 · 245 阅读 · 0 评论