sshaohui的博客

1 indexof() 用于实现检索从左到右 var str="tfvgjhbkjnlkmeffv" console.log(str.indexOf('j')); //4 返回值是指定字符串第一次出现的位置下标 2 listindexof() 用于检索从右到左

概念 keep-alive是vue的内置组件，可以包裹动态路由和组件,会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用 防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。 属性 include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max - 数字。最多可以缓存多少组件实例。 生命周

第一步在全局安装 第二步进行选择 第三步选择配置 第四步选择版本是否是vue2.x或vue3.x 第五步使用路由器的历史模式 第六步 预编译 是否选择scss还是less，选择第二个 第七步在下载东西的时候存放在独立的文件 第八步是否保留当前的版本以方便下一次使用 第九步项目目录的介绍 第十步介绍src里面的文件 ...

DOM三级事件 DOM0事件 <button onclick="console.log('1234')">按钮</button> DOM2事件 addEventListener onclick DOM3事件 onKeyDown onKeyUp 事件流 事件冒泡和事件捕获 box.addEventListener(事件类型,触发事件之后的回调函数,触发阶段(布尔值默认false表示冒泡阶段触发)) 冒泡阶段 content_click box_click 冒泡 样式 布局

rem 是一种相对单位，rem是相对与html元素字体大小来说的，这也就很好理解为什么是root em了，因为html是跟元素啊，这也就好理解了。 使用rem跟媒体查询结合的话，可以实现设备屏幕变化，页面显示也随着变化，从而达到适配不同手机屏幕的效果。 如何计算rem的大小 公式 页面元素的rem值 = 页面元素的px / html的字体大小 html字体大小 = 设计稿的宽度 / 分成的等分(15或者10或者其他) rem：相对html根元素字体大小 —— html export default fun

Webpack配置(配置跨域、路径别名、打包分析、cdn映入、去掉console.log、单独打包第三方模块、ie兼容、eslint规范、图片压缩) 在开发过程中vue项目打包是需要做一些性能优化的以下是注意事项 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') const path = require('path') // 开启Gzip需要的依赖 yarn add compression-webpack-plugin -D con

vue的路由有几类？ 有两类 分别是声明式路由和编程式路由。 声明式路由式通过router-link跳转的方式 例子： <router-link to="页面的path"></router-link> vue- router 编程式路由有几种？ 有五种跳转方式，都是通过js进行操作的有以下 this.$router.push this.$router.back() this.$router.go() this.$router.replace() this.$rout..