点击li，输出对应li的下标
摘要：
<ul> <li>aaaa</li> <br> <li>bbbb</li> <br> <li>cccc</li> <br> <li>dddd</li> <br> <li>eeee</li> <br> <li>ffffffff</li> <br> <li>gggg</li> &l 阅读全文
posted @ 2020-10-15 09:55 申文静 阅读(143) 评论(0) 推荐(0) 编辑
图片懒加载
摘要：
什么是图片懒加载？ 当打开一个有很多图片的页面时，先只加载页面上可视区域的图片，等滚动到页面下面时，再加载所需的图片。这就是图片懒加载。 图片懒加载的作用 减少或延迟请求数，缓解浏览器的压力，增强用户体验。 图片懒加载的基本原理 1､设置图片src属性为同一张图片，同时自定义一个data-src属性 阅读全文
posted @ 2020-10-05 22:12 申文静 阅读(139) 评论(0) 推荐(0) 编辑
项目上线前的优化
摘要：
项目上线前的优化 根目录下新建vue.config.js，配置开发模式和发布模式的打包入口文件。src文件夹下新建main-prod.js和main-dev.js。复制main.js到这2个文件中。删除main.js。 在vue.config.js中添加externals， 删除main-prod. 阅读全文
posted @ 2020-09-25 00:37 申文静 阅读(152) 评论(0) 推荐(0) 编辑
vue项目打包上线流程以及遇到的问题
摘要：
vue项目打包上线流程以及遇到的问题 1.打包上线过程 1.1如何打包？ 在项目的package.json文件中的build命令可以实现打包。 在终端执行命令npm run build,会在项目根目录下生成一个dist文件夹 打开phpStudy服务，将dist文件夹放至phpStudy文件下的WW 阅读全文
posted @ 2020-09-25 00:32 申文静 阅读(956) 评论(0) 推荐(0) 编辑
js放大镜
摘要：
js放大镜 分析： 难点列出1.鼠标在图片区域时，透明小区域出现，放大的区域出现2.鼠标移出图片时，透明小区域小时，放大区域消失3.透明小区域随着鼠标移动 难点解决关键（对应解决回答）1.通过鼠标onmourseover监听鼠标的略过图片，改变透明小区域和放大区域的display，置为block2. 阅读全文
posted @ 2020-09-25 00:17 申文静 阅读(100) 评论(0) 推荐(0) 编辑
vue中mixins(混入)的使用
摘要：
混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。 当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 二、项目中如何使用混入 在vue组件内，如果想将一些公共功能，如组件、方法、钩子函数等复用，混入是一个很好的选择。下面简 阅读全文
posted @ 2020-09-24 21:56 申文静 阅读(455) 评论(0) 推荐(0) 编辑
vue中的provide和inject (依赖注入)
摘要：
vue中的provide和inject（依赖注入） 一、名词解析 provide：Object | () => Object inject：Array | { [key: string]: string | Symbol | Object } provide：提供依赖``是一个对象，或者是一个返回对 阅读全文
posted @ 2020-09-24 21:53 申文静 阅读(4166) 评论(0) 推荐(0) 编辑
Vue Virtual Dom 和 Diff原理
摘要：
虚拟Dom即vdom 对复杂的文档DOM结构，提供一种方便的工具，进行最小化的DOM操作。 虚拟DOM不是真实的DOM，而是一个JS对象。它的作用是判断DOM是否改变、 哪些部分需要被重新渲染。 vdom完全是用js去实现，和宿主浏览器没有任何联系，此外得益于js的执行速度，将原本需要在真实dom进 阅读全文
posted @ 2020-09-21 00:29 申文静 阅读(195) 评论(0) 推荐(0) 编辑
vue 过滤器
摘要：
过滤器就是一个数据经过了这个过滤器之后出来另一样东西。 vue中的过滤器分为两种：局部过滤器和全局过滤器 过滤器是对 即将显示的数据做进一步的筛选处理，然后显示，过滤器并没有改变原来的数据， 只是在原数据的基础上产生新的数据 全局过滤器 // global-filter是过滤器名称 // 函数第一个 阅读全文
posted @ 2020-09-20 23:56 申文静 阅读(165) 评论(0) 推荐(0) 编辑
vue自定义指令的使用场景
摘要：
使用自定义指令背景 代码复用和抽象的主要形式是组件。 当需要对普通 DOM 元素进行底层操作，此时就会用到自定义指令 但是，对于大幅度的 DOM 变动，还是应该使用组件 1、 输入框自动聚焦 2 下拉菜单 点击下拉菜单本身不会隐藏菜单点击下拉菜单以外的区域隐藏菜单 3. 相对时间转换 类似微博、朋友 阅读全文
posted @ 2020-09-20 21:59 申文静 阅读(202) 评论(0) 推荐(0) 编辑
