js技术
小甄笔记
这个作者很懒,什么都没留下…
展开
-
js中操作数组的常用方法
shift()方法:shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值语法 arrA.shift();返回的是自身的的第一个元素非外界的,如果数组为空则返回undefinedunshift()方法:unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度语法arrA.unshift(参数1,参数2,....参数x);参数1:必选.向数组添加...原创 2019-01-08 15:29:11 · 192 阅读 · 0 评论 -
css3伪元素
1、before,after的功能完全等价于一个dom元素2、它不会在dom树生成如图:其他的伪元素:原创 2019-10-02 13:51:30 · 126 阅读 · 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 · 653 阅读 · 0 评论 -
vue组件间的数据传递
方法一:父子组件之间父组件引用子组件子组件接收注意:子组件调用父组件方法用:this.$emit('dialogVisible', false)方法二:兄弟组件传递,用路由传递组件1传出:组件2接收:方法三:用vuex把对象放入全局其他组件接收方法四:父组件调用子组件的方法子组件如下:父组件调用子组件方法:注意:若组件用了ke...原创 2019-06-23 10:12:49 · 77 阅读 · 0 评论 -
vue的watch函数,computed函数
watch 和 computed的区别:在vue中,使用watch来响应数据的变化。watch的用法大致有三种第一种:这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监听函数,只有值发生改变才会执行,且无法监听到对象内部属性的改变<input type="text" v-model="cityName"/> new Vue({...原创 2019-06-23 10:00:11 · 862 阅读 · 0 评论 -
Vue中如何定义全局的工具类
一:简单的写法每次使用都需要importtest.js如下:具体使用如下二:定义全局的工具类全局注册不需要import例子:现需定义ValidateUtil工具类utils/validate/index.js如下:utils/index.js如下:main.js如下:代码调用如下:...原创 2019-06-14 16:19:31 · 4578 阅读 · 0 评论 -
vue的页面缓存方案以及组件通讯
对于一个后台管理系统:一:做法为在App.vue中设置统一的缓存标签:<keep-alive></keep-alive>1、这里的keep-alive会作用到全局,多部配置页面在多个页面切换可以回显数据,防止数据丢失2、keep-alive缺点:每一个vue的页面生命周期只会执行一遍,即钩子函数只执行一遍,若有在钩子函数中需要实时同步后台数据的场景请谨慎使用...原创 2019-06-13 19:06:56 · 318 阅读 · 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 · 493 阅读 · 0 评论 -
vue.js组件式编程数据传递HelloWorld
需要实现的页面中数据的展示效果代码结构数据传递流程 App.vue中声明数组,传递到ToList.vue子标签中ToList.vue中声明接收数据,并传递给TodoItem子标签 TodoItem子标签中声明接收数据,并遍历...原创 2019-01-09 14:05:10 · 109 阅读 · 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 · 186 阅读 · 0 评论