摘要:
方案:可以用watch监听meta,在监听里面调用接口。这样就保证父组件传过来的值一定能接收到,无论接口的快慢。 步骤一:父组件 <template> <div> <zi-jian :meta='meta'></zijian> //绑定参数:meta </div> </template> <scri 阅读全文
摘要:
步骤一:创建watermark.js文件(可以自己设置属性) /** 水印添加方法 */ const setWatermark = (str1, str2) => { const id = "1.23452384164.123412415"; if (document.getElementById( 阅读全文
摘要:
1. 单击click <div @click="clickFun"></div> //是否有括号决定是否可传参 <div @click="clickFun($event)"></div> // $event表示当前事件对象 <div @click.stop="clickFun()"></div> / 阅读全文
摘要:
注意:不能直接day-1,因为当今天为1号时,直接减,day就变成0了 <script> export default{ getFormateDate(){ let date1 = new Date(); //当前:Wed Jun 08 2023 17:47:37 GMT+0800 (中国标准时间) 阅读全文
摘要:
1.hash 默认使用hash模式,url会自带#。另一种模式history模式,url不带#。 //router/index.js const router = new Router({ routes, // vue-router默认使用hash模式,所以在路由加载的时候,项目中的url会自带#。 阅读全文
摘要:
1. 路由跳转的4种方法: 方式一:router-link //步骤一:设置路由(文件:/src/router/index.js) import Home from "@/components/Detail"; const routes = [ { path: "/detail", name: "d 阅读全文
摘要:
方案: ①首屏加载时候img标签src赋为空值,这样就不会去渲染看不见的图片而浪费时间; ②当用户滑动到图片的可视区域后,替换src的路径,改为正式路径,则开始渲染图片;好处:一是首屏加载快,二是节省流量。在图片没有到达可视区域的时候不会加载,因为不可能每一个用户会把页面从上到下滚动完。 方式一:传 阅读全文
摘要:
原因:若没有使用路由懒加载,在webpack打包后,打包后的文件会非常大,影响首页加载速度,可能会出现白页。 而运用路由懒加载,当路由被访问的时候才加载对应组件,达到了按需加载,减少了首页的加载时间。 方式一:import按需加载(常用) export default new Router({ ro 阅读全文
摘要:
1. 同步和异步的区别: 同步:同步是指一个进程在执行某个请求的时候,如果该请求需要一段时间才能返回信息,那么这个进程会一直等待下去,直到收到返回信息才继续执行下去。 //同步 first() { return new Promise((resolve, reject) => { setTimeou 阅读全文
摘要:
1. 第一种(推荐) 缺点:这种方法会在浏览器地址栏中多添加#reloaded mounted() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; locat 阅读全文