2020年01月_codingWeb

原创简单理解Vue中的nextTick

应用场景下面了解下nextTick的主要应用的场景及原因。在Vue生命周期的 created() 钩子函数进行的DOM操作一定要放在Vue.nextTick() 的回调函数中在 created() 钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进 Vue.nextTick() 的回调函数中。与之对应的就是 mounte...

2020-01-31 14:57:12 80

在vue的中文官网有这样的说明：HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。重申一次，如果你使用字符串模板，那么这个限制就不存在了。以以下代码为例：1、当组件中template及props等使用驼峰式命...

2020-01-30 22:53:00 1492 1

原创 vue中keep-alive的使用

使用场景：切换首页到其他页面，重新回到首页时，首页初始化了，在vue中页面的切换由router对象管理的，来回切换，会触发create,destroy生命周期函数，为了保持路由的状态，来回切换不会重新初始化页面，可以使用keep-alive标签进行包裹使用keep-alive的注意事项注意：当使用keep-alive标签进行包裹时，页面的create,destroy生命周期函数就失效，可以使...

2020-01-30 16:53:17 178

原创 Vue事件总线

相邻组件之间可以通过this.$emit(‘xxx’)触发父组件的事件并且传递参数那么隔着多个组件，如果一步到位，触发对方的事件并且传递参数呢？ Vue.prototype.$bus= new Vue(); //main.js中，在vue原型上挂载this.$ bus.$on('dataFromA', function (data) { }); // 一般在m...

2020-01-30 16:48:44 413

原创 vue中.native的使用

.native用于监听组件原生事件实现监听组件事件的两种方式：• 但父组件想在子组件上监听自己的click的话，需要加上.native修饰符• 可以利用vue的自定义事件实现不添加.native修饰符即可监听父组件自身的事件，如果想要监听其他的事件，只要在子组件中添加相应的触发即可...

2020-01-30 16:43:54 573

原创项目首次提交到码云的两种方式详细和可能报错误的解决方案

通过https方式：第一次提交，需要和远程仓库建立联系 Git remote add origin https[url] Git push -u origin master 通过ssh方式：先在本地通过命令创建一对公钥私钥，将公钥复制到各个code服务器的SSH配置中就行。详细参考官方文档，已跳转到目标位置：http://git.mydoc.io/?t=154712解决...

2020-01-30 16:28:36 414

原创 git版本控制系统详细介绍

常用的git代码托管服务：Git中存在两种类型的仓库，即本地仓库和远程仓库，如果搭建git远程仓库呢?可以借助网上提供的代码托管服务来实现，常用的有GitHub，码云，GitLab等github是一个面向开源及私有软件项目的托管平台，因为只支持git作为唯一的版本库格式进行托管，所以改名为github码云是国内的一个国内的代码托管平台，由于服务器在国内，所以相比于github，码云速度会...

2020-01-30 16:10:44 277

原创通过display或visibility来隐藏html元素的区别

1、使用style=”display:none;” 来隐藏html元素将元素的显示设为无，元素在网页中不占任何的位置。<input value="cc1"></input><input value="cc2" style="display:none;"></input><input value="cc3"></input>...

2020-01-08 11:42:13 193

原创前端开发性能优化方案大总结

1.在JS中尽量减少闭包的使用（原因：闭包会产生不释放的栈内存）A:循环给元素做事件绑定的时候，尽可能的把后期需要的信息（例如索引）存储到元素的自定义属性上，而不是创建闭包存储B:可以在最外层形成一个闭包，把一些后续需要的公共信息进行存储，而不是每一个方法都创建闭包(例如单例模式)C:尽可能的手动释放不被占用的内存…2.尽量合并CSS和JS文件（把需要引入的CSS合并为一个，JS也是合并...

2020-01-07 20:55:25 404

codingWeb的博客