02 2022 档案
摘要：1 promise执行顺序 var p = new Promise(function (resolve, reject) { console.log("1"); resolve("2"); }) p.then((value) => { console.log(value); }); console.
阅读全文
摘要：1 v-if v-show 都是隐藏 v-if 删除创建dom实现 v-show display="none" 2 v-model 双向绑定input元素的value值 3 绑定事件 v-on @ 4 vue-loader loader加载器 vue-loader 将vue文件格式转换成js文件 5
阅读全文
摘要：1 Vue-router vue是单页面应用，实现了跳转页面(非手动输入url回车或刷新)时, 不向后端发出请求 实现这一功能的是Vue-Router 2 为了实现这一目的，Vue-Router提供了两种方式 hash —— 即地址栏 URL 中的 # 符号。比如这个 URL：http://www.
阅读全文
摘要：1 定义路由 //引入VueRouter import VueRouter from 'vue-router' //引入Luyou 组件 import About from '../components/About' import Home from '../components/Home' //创
阅读全文
摘要：1 双向绑定 顾名思义, 使用v-bind实现数据(data)=>视图(input), 使用@input事件实现视图(input)=>数据(data) 重点在v-bind 2 响应式原理(v-bind: 与 v-text{{}}) 不要认为数据发生改变，界面就跟着更新，这并不是理所当然的，这其实是V
阅读全文
摘要：1 scoped 目的: 如果vue中当前组件与子组件有同名class,修改会修改子组件,添加scoped会只在当前组件生效 原理: 1. 给当前组件所有dom节点添加data属性 ( 例如: data-v-5558831a, 只有属性名没有属性值 ) 来标识 2. data-v-5558831a是
阅读全文
摘要：为什么要使用图片懒加载呢？什么是图片懒加载呢？ 1. 原理 图片懒加载是前端页面优化的一种方式，在页面中有很多图片的时候，图片加载就需要很多时间，很耗费服务器性能，不仅影响渲染速度还会浪费带宽，为了解决这个问题，提高用户体验，所以就出现了懒加载这种方式来减轻服务器的压力，优先加载可视区域的内容，其他
阅读全文
摘要：C语言中文网出品 http://c.biancheng.net/sitemap/ MDN https://developer.mozilla.org/zh-CN/docs/Web 码云上的项目 https://gitee.com/jch1011/shangpinhui_0415?_from=gite
阅读全文
摘要：1.系统左下角搜索设置 >更新和安全 点击左侧菜单栏 恢复 >高级启动下的 立即重启 3.选择: 疑难解答 > 高级选项 >重启 >重启后选择4 (第四个选项) 输入密码(选择自己的账户，不选Administrator), 进入安全模式 (界面明显不同于正常模式: 黑色背景,系统未加载很多组件) 5
阅读全文
摘要：setting.json { // VScode主题配置 "workbench.colorCustomizations": { "editorIndentGuide.activeBackground": "#ff0000" // 设置guide线高亮颜色,可以改为自己喜欢的颜色 }, "editor
阅读全文
摘要：截图snipaste https://download.zol.com.cn/tuiguang/detail/44/436540.shtml?qw=#down 使用： f1截图 f3置顶 alt取色 esc/双击 取消
阅读全文
摘要：node 1.不选最新版本，少bug，安装一路next ，cmd以管理员模式 2.修改全局包路径 在node安装目录下下新建两个文件夹 node_global //全局包下载存放 node_cache //缓存 修改路径 cmd npm config set prefix "D:\node\node
阅读全文
摘要：一句话解释: 双向绑定顾名思义, 使用v-bind实现data=>input, 使用@input事件实现input=>data 1 v-model 用在 input 元素上时 使用 <input v-model="sth" /> 原理 <input v-model="sth" /> 等价于: <in
阅读全文
摘要：import { mapState , mapGetters} from 'vuex' computed: { ...mapGetters(['attrsList', 'goodsList', 'trademarkList']), ...mapState({total: (state) => sta
阅读全文
摘要：npm install mockjs --save -dev开发时使用 1 src下创建文件夹mock 文件夹mock下创建banner.json 和 mockServe.js [ { "id": "1", "imgUrl": "/images/banner1.jpg" }, { "id": "2"
阅读全文
摘要：区别 data中的属性并不会随赋值变量的改动而改动 computed属性属于持续变化跟踪。在computed属性定义的时候，这个computed属性就与给它赋值的变量绑定了。改变这个赋值变量，computed属性值会随之改变 错误使用场景 <div>{{name}}</div> data() { r
阅读全文
摘要：1 先放在 created 里 首先我们先将请求放在 created 里，如下： created(){ console.log('created'); this.$store.dispatch('getDetail', 11); }, mounted(){ console.log('mounted'
阅读全文
摘要：1 vue-cli3以后工程文件夹中是没有vue.config.js这个文件的，所以我们需要自己创建一个 2 npm run serve可以将项目在本地和通过ip方式都跑起来。我们不需要再去配置webpack, 下面的Network后为本机ip地址 App running at: - Local:
阅读全文
摘要：路由守卫的afterEach() 方法有个常用的地方是自动让页面返回最顶端 比如一个页面较长，滚动到某个位置后跳转。这时另一个页面滚动条默认是上一个页面停留的位置。我们可以在 afterEach() 方法中将滚动条位置进行重置。 //全局路由改变后钩子 router.afterEach((to, f
阅读全文
摘要：1 父=>子 父:msg='msg' 子props 单向数据流,子组件不允许改变props的值,如msg 2 子=>父 子事件里触发事件this.$emit(名 , 参) 父@名='fn' fn(参) 在组件上写event,都是自定义事件 即便: <Son @click='fn'/> 点击不会触发c
阅读全文
摘要：// 添加请求拦截器 requests.interceptors.request.use( function (config) { // 在发送请求之前做些什么 if(store.state.Detail.uuid_token){ config.headers.userTempId = store.
阅读全文
摘要：一句话解释: 在script里 99% 是要写this. 在Vue 中会定义很多的函数或者变量 data computed methods prop filter 路由相关等 这些属性或方法往往需要在 template 或者 script 标签中使用 在template 中直接使用不需要this 在
阅读全文
摘要：一句话解释 跳到哪个路由, 加载哪个组件 (增加首屏加载速度) 原来: import Home from '../pages/Home' const routes = [ { path: '/home', name: 'home', component: Home, } ] 现在: const ro
阅读全文
摘要：1 create vue demo时, 选择如下设置: (*) Choose Vue version //2 (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support (*) Router //not history (*) Vue
阅读全文
摘要：QR Code码 Quick Response Code快速响应码 下载 npm install --save qrcode 引入 import QRCode from 'qrcode'; 使用 let text='ztyj34thj34hgfds23' let url = await QRCode
阅读全文
摘要：<template> <div class="swiper-slide" v-for="(carousel, index) in bannerList" :key="carousel.id" > <img :src="carousel.imgUrl" alt="" /> </div> </templ
阅读全文
摘要：call apply bind box.onclick = function(){ function fn(){ alert(this); } fn(); //window.fn() this指向window }; 1 我们原本以为这里面的this指向的是box,然而却是Window。一般我们这样解
阅读全文
摘要：吃水不忘挖井人 svg基础教程https://www.bilibili.com/video/BV1Pt411y7V6?p=1 要实现的效果 svg文件的写法： <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DT
阅读全文
摘要：容器属性 1父容器 属性 值 display: flex justify-content主轴: flex-start flex-end center space-around space-between align-items副轴:没有两端对齐 flex-start flex-end center
阅读全文
摘要：1 目的: 为了解决回调地狱 setTimeout(() => { console.log('买菜'); }, 1000); setTimeout(() => { console.log('洗菜'); }, 1000); setTimeout(() => { console.log('炒菜'); }
阅读全文
摘要：let 不能重复声明,块级作用域,没有变量提升 const 大写,赋初值,不能修改,块级作用域,const TEAM=[],对他修改不报错,TEAM地址 解构赋值 let [a, b, c] = [1, 2, 3]; let [a, b, c, d, e] = 'hello'; let [a = 2
阅读全文
摘要：1 获得时间 new Date() 缺省参数时，返回的是当前时间 格式 结果 new Date() Thu Feb 03 2022 22:36:39 GMT+0800 (中国标准时间) new Date(1643899334112) Thu Feb 03 2022 22:42:14 GMT+0800
阅读全文
摘要：元素获得 原始方式 1. var x = document.documentElement; 2. var x = document.body; 3. var x = document.getElementById(“aBC”) 4. var x = document.getElementByTag
阅读全文
摘要：解析: 运行代码 加载: 下载代码 JS脚本 ( 因为js修改DOM, 所以需要先js解析 ) script标签: 阻塞html文档的解析, 直到脚本执行完 外引js: 先网络请求,加载js, 再阻塞html文档的解析, 直到脚本执行完 CSS ( js有可能依赖样式,如var a=$('#id')
阅读全文
摘要：String类定义的方法都不能改变字符串的内容 方法 描述 字符 charAt(3) 返回在指定位置的字符 ⇒'g' charCodeAt(3) 返回指定字符的 Unicode 编码 ⇒103 fromCharCode(103) 将字符编码转换为一个字符串 ⇒'g' 查找位置 indexOf() 下
阅读全文
摘要：事件捕获与事件冒泡 <script> function showTagName() { alert("事件捕获: " + this.tagName); } var elems = document.querySelectorAll("div, p, a"); for (let elem of ele
阅读全文
摘要：方法 描述 记忆: push pop是栈, 长的push unshift是添加元素 push() pop() 返回长度/元素 unshift() shift() 返回长度/元素 []变为字符串 join('') 以''合并(空带 , ) 为字符串 toString() 带, 内部操作 concat(
阅读全文
摘要：1 原型链继承 //父类 function Person(name,age){ this.name = name || 'unknow' this.age = age || 0 } //子类 function Student(name){ this.name = name this.score =
阅读全文
摘要：1 构造函数 //构造函数 function Fn(name) { //添加实例成员-属性 this.name=name //添加实例成员-方法 this.a=function () { console.log("实例成员"); } } //添加静态成员-方法 Fn.b=function () {
阅读全文
摘要：console.log(a) var a; console.log(a) a = 10 console.log(a) function a() { let c = 1; } console.log(a) //相当于: function a() { let c = 1; } var a; consol
阅读全文
摘要：防抖: 连续事件不触发, 停了0.5s才触发 记忆: 如果没有防抖,输入一个字发送一次请求, 浏览器会卡顿抖, 所以叫防抖 let t=null ipt.oninput = function(){ if(t !== null) clrTimeOut(t) //在0.5s以内的都清掉了 t = set
阅读全文
摘要：布局 - - 固定布局 px 尺寸不变 流式布局 % 宽度随屏幕尺寸变化,但字体px大小不变 弹性布局 em/rem 字体大小可变 自适应布局 移动 pc分开做 响应式布局 只做一份
阅读全文
摘要：1 同源策略: （1）协议相同,指http （2）域名相同 （3）端口相同 2 同源策略的目的: 为了保证用户信息的安全。防止恶意的网站盗取数据。 设想这样一个情景：A网站是一家银行，用户登录以后，又去浏览其他的网站B，如果网站B可以读取A网站的Cookie,会发生什么问题？ 3 跨域 现代网站ht
阅读全文
摘要：1 为什么需要闭包 1 如果想对一个变量实现累加,可以定义为全局变量 var num=0 function add(){ num++ } add()//1 add()//2 如果这样做 function add(){ var num=0 return num++ } add()//1 add()//
阅读全文
摘要：##时间复杂度, 运行所需时间, ⇒ i 运行几次 //O(1) int x=0; //O(n) for( int i=0; i<n; i++) //O(n^2) for(){for()} 或: for() for(){for()} //O(n)+O(n^2)=O(n^2) //O(logN) i=
阅读全文
摘要：rem方案 原理 rem是相对长度单位，rem方案中的样式设计为相对于根元素font-size计算值的倍数。根据 屏幕宽度 设置html标签的font-size，在布局时使用 rem 单位布局，达到自适应的目的，是 弹性布局 的一种实现方式。 实现过程： 首先获取文档根元素和设备dpr，设置 rem
阅读全文
摘要：@import "./iconfont.css"; /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input,
阅读全文
摘要：一句话: HTTP应用层 get, url, 请求头 TCP传输层 端口 IP网络层 ip地址 HTTP（超文本传输协议）应用层 请求报文结构: 请求行: get/post/put url 版本 请求头: 格式为“属性名:属性值”，服务端据此获取客户端的信息 请求正文: 实例 //请求首行 GET
阅读全文
摘要：1 数据类型 基本数据类型有 Number | String | Boolean | Null | Undefined | Symbol(ES6新增数据类型) | bigInt 引用数据类型统称为Object类型，细分的话有 Object | Array | Date | Function | Re
阅读全文
摘要：项目命名 全小写_隔开 my_project_name 文件命名:小写开头、驼峰命名 apiUtil.html apiUtil.css apiUtil.js 目录命名: 全小写 css命名规范 1)1.位置属性(position, top, right, z-index, display, floa
阅读全文
摘要：1. 左200px 中 右200px 中间先加载 <style> .container { width: 100%; float: left; } .middle { background-color: aqua; margin-left: 200px; margin-right: 200px; }
阅读全文
