- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 vue路由解耦
你好,阅读文章的大哥,vue种路由都会用吧!但是你知道路由如何写才能保证多路由模块解耦,保证更方便增加新的路由模块吗?加一个5级标题再说明一下:为什么要路由解耦?(请认真读完这些话)在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。对路由参数的改变不需要通过this.route去获取了,而是通过props来获取,解决通过...
2020-04-10 09:54:09 1366 1
原创 代码之外的功夫:程序员精进之路---读书笔记
不要因为某个变更没有明显改变现有特性,就认为它会向后兼容或绝对安全。相反,应该对隐藏的依赖关系随时保持警惕,即使进行的是最简单的更新操作。注意除代码库之外的大量共享资源:存储机制、处理能力、数据库、外部服务、库、用户界面,等等。这些工具形成了一张“隐藏依赖网”,会给看起来毫无关联的应用特性带来副作用或引起故障。利用限制和验证的方式,在最大程度上防止局部故障对整个系统造成影响。但还要确保系统拥有良好的监控机制,以保证快速知晓和处理突如其来的系统故障。
2024-03-18 15:12:59 322
原创 vue前端开发代码规范(最新)
一、命名规范市面上常用的命名规范:camelCase(小驼峰式命名法 —— 首字母小写)PascalCase(大驼峰式命名法 —— 首字母大写)kebab-case(短横线连接式)Snake(下划线连接式)1.1 项目文件命名1.1.1 项目名全部采用小写方式, 以短横线分隔。例:my-project-name。1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命名法。例:docs、assets、components、directives、mixins、utils、view
2021-11-01 18:11:41 2961
原创 keep-alive详解,各种场景使用
keep-alive详解<keep-alive></keep-alive>包含的组件会被缓存下来,不进行再次渲染DOM,从而节省性能;切换内容时会出发activated和deactivated两个生命周期钩子函数,被缓存的组件会保留当前组件的状态。路由页面缓存//利用router的meta字段//...router.jsexport default new Router({ routes: [ { path: '/', name: 'H
2021-04-02 11:14:10 472
原创 浅谈 nodejs 中间层
浅谈 nodejs 中间层前言代理转发接口聚合数据缓存接口限流日志操作结尾前言nodejs的出现为前端行业带来了无限的可能性,让很多原来只负责客户端开发的同学也慢慢开始接触和使用服务器端技术.虽然nodejs带来了很多的好处,但是它也存在自身的局限性.和那些传统老牌的编程语言相比,如JAVA,PHP.nodejs并不能成为它们的替代品,而且在可预估的未来,也很难撼动那些老牌编程语言的地位.目前nodejs主要有以下几个应用场景.前端工程化,比如rollup,webpack在工程化方向的探索no
2021-04-01 17:24:59 460 1
原创 浅谈vue中this.$route 和 this.$router 的区别
权当笔记!1.this.$route 是路由【参数对象】,所有路由中的参数, params, query 都属于它data(){ return{ id:this.$route.params.id // 一加载就调用 }}2.this.$router 是路由【导航对象】,用它 可以方便的 使用 JS 代码,实现路由的 前进、后退、 跳转到新...
2020-04-10 10:07:46 197
原创 websocket在vue中的应用
1.什么是websocket?简单介绍一下websocket是HTML5出的一个类同于http协议,因为HTTP是不支持持久连接的(长连接,循环连接的不算)像我们普通的开发中后端定义好的接口都是一次一次请求的,websocket的作用是持久性的连接某一个接口;2.websocket在vue项目中的应用1.这里说一个很重要的点,我在项目中是不管在哪个页面,哪个路由下都要实时进行socket连接...
2019-12-26 16:49:56 958 3
原创 vuex详解及入门案例
简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化适用场景:解决多层嵌套组件之间的通信问题,或是为了更好地管理应用中错综复杂的状态关系,一般用于中大型 web 单页应用中对应用的状态进行管理.经典案例:购物车功能,音乐播放以及登录功能等使用在当前工程下载Vuex模块 $ npm ...
2019-12-26 16:48:04 233
vuex详解及入门案例.md
2019-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人