<template> <transition name="slide"> <div class="search_page"> 123 </transition> </template> <script> export default { name: "SearchPage", components: ...
分类:
Web程序 时间:
2020-07-04 12:00:44
阅读次数:
93
js是单线程脚本语言,开发中了解代码执行顺序就显得格外重要,代码从上往下执行过程中 如果所有都是同步任务,将会造成严重的性能问题。 异步分为宏任务和微任务 宏任务(MacroTask) script全部代码、setTimeout、setInterval、setImmediate(浏览器暂时不支持,只 ...
分类:
其他好文 时间:
2020-07-03 15:13:44
阅读次数:
70
Bootstrap进度条组件详解 首先需要导入相关bootsrap的组件包:bootstrap.min.css、jquery.min.js、bootstrap.min.js 等,这个就不多说了 在网页中,进度条的效果并不少见,如:平分系统、加载状态等,进度条组件使用了css3的transition和 ...
分类:
其他好文 时间:
2020-07-03 10:27:12
阅读次数:
39
第一步,创建pormise实例 let p = new Promise() 第二步,填写逻辑 let p = new Promise((res,rej)=>{ setTimeout(()=>{ var flag = false ; if(flag){ res('hello') }else{ rej( ...
分类:
其他好文 时间:
2020-06-30 22:26:53
阅读次数:
87
//返回顶部 function pageScroll() { //把内容滚动指定的像素数(第一个参数是向右滚动的像素数,第二个参数是向下滚动的像素数) window.scrollBy(0, -100); //延时递归调用,模拟滚动向上效果 scrolldelay = setTimeout('page ...
分类:
Web程序 时间:
2020-06-29 15:29:30
阅读次数:
117
1,计算属性的用法 vue中计算属性能够实现一个数据依赖其他数据的变化而变化,话不多说先上代码 1 new Vue({ 2 data:{ 3 a:1 4 }, 5 mounted(){ 6 const that = this 7 setTimeout(function(){ 8 that.a = 2 ...
分类:
其他好文 时间:
2020-06-28 13:25:27
阅读次数:
71
今日学习内容: css3: fliter : blur(); (模糊化)数值越大越模糊 width : clac(100% - 10px); 计算盒子宽度 transition : width/all 1s/5s linear(匀速)、ease(逐渐慢下来)、easr-in(加速)、ease-out ...
分类:
其他好文 时间:
2020-06-28 00:19:19
阅读次数:
66
宏队列(dom事件,ajax,定时器)和微队列(promise);微队列先于宏队列执行。 setTimeout(() => { console.log(1); }, 0); new Promise(resolve => { console.log(2); resolve() //resolve()函 ...
分类:
其他好文 时间:
2020-06-27 11:36:47
阅读次数:
55
1.在body里面使用onload和在函数中使用setTimeout来实现当前的日期时间不断变化 2.在script中直接是用setInterval实现当前实现的日期时间不断变化 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
分类:
其他好文 时间:
2020-06-25 11:50:11
阅读次数:
49
<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也 ...
分类:
其他好文 时间:
2020-06-22 10:49:38
阅读次数:
31