随笔分类 - 前端
摘要:基本指令 绑定数据 v-bind 绑定数据(表达式)到指定的属性上,<div v-bind:参数="值/表达式"></div>,这里的参数就是指定的属性名称。 缩写:: 用法 <div :id="myId"></div> 也可绑定样式css .red { color: red; } .size {
阅读全文
摘要:前端性能问题分析 (1)页面加载性能问题主要集中于下载关联的静态文件,比如CSS、JS、图片等,这些网络请求对网页加载影响最大 (2)过多的HTTP请求 (3)同步和异步的问题 (4)CDN网络访问瓶颈,如果引入了国外的CDN地址那么网络请求必然耗时 (5)前端代码的规范,比如随便复制导致引入不必要
阅读全文
摘要:本篇分为若干的版块,如 html版块, css版块, js版块, es版块, react等框架版块(我用的是react,主要介绍react), webpack等打包工具的版块,后端node版块, 封装接口ajax版块, 实操场景问题的处理 其他其中css占比较大,其次是js和es的知识,都比较琐碎。
阅读全文
摘要:两个页面之间的跳转如果需要传参(例如需要传递当前的id),js里写 window.location.href="xxxxx?id=xx 就可以了;但是vue不一样 需要操作的是路由,需要用到 VueRouter使用之前首先要了解 $router和$route $router是一个VueRouter的
阅读全文
摘要:概念 keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 transition 相似,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。 作用 在组件切换过程中将状态保留在内存中,防止重复渲染D
阅读全文