04 2021 档案

rem iphone6/7/8 375设计稿
摘要：(function (doc, win) { var docEl = win.document.documentElement; var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; var r 阅读全文
posted @ 2021-04-22 14:49 xujing123 阅读(107) 评论(0) 推荐(0)
vue3 中的路由传参
摘要：看了Vue Router官方文档感觉没理解清楚 我就记录一下我常用的路由方式传参 ##1、params传参 这种方式不会在url中暴露参数属性 父级组件 <router-link active-class="active" tag="li" :to="{name:'test',params:{nam 阅读全文
posted @ 2021-04-20 11:31 xujing123 阅读(2505) 评论(0) 推荐(0)
js还原底层简单的history路由
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>history r 阅读全文
posted @ 2021-04-19 16:26 xujing123 阅读(142) 评论(0) 推荐(0)
js还原底层简单的hash路由
摘要：hash虽然出现url中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。hash 本来是拿来做页面定位的，如果拿来做路由的话，原来的锚点功能就不能用了。其次，hash的而传参是基于url的，如果要传递复杂的数据，会有体积的限制 <!DOCTYPE html> < 阅读全文
posted @ 2021-04-19 14:00 xujing123 阅读(99) 评论(0) 推荐(0)
使用proxy以及Reflect还原vue3中的shallowReadonly 与 readonly响应式的原理
摘要：js实现 // 2 shallowReadonly 与 readonly // 定义一个readonlyHandler处理对象 const readonlyHandler = { // 获取属性值 get(target,prop){ console.log('get',prop); const re 阅读全文
posted @ 2021-04-16 14:08 xujing123 阅读(134) 评论(0) 推荐(0)
flex布局兼容浏览器处理
摘要：/* 容器盒子兼容处理 */ .box { display: -webkit-flex; /* 新版本语法 Chrome 21+ */ display: flex; /* 新版本语法 Opear 12.1 Firefox 22+ */ display: -webkit-box; /* 新版本语法 S 阅读全文
posted @ 2021-04-15 13:09 xujing123 阅读(421) 评论(0) 推荐(0)
使用proxy以及Reflect还原vue3中的shallowReactive与reactive响应式的原理
摘要：##js还原 // 1 shallowReactive 与 reactive // 浅的劫持,浅的监视,浅的响应式数据 与 reactive(深度响应式) // 定义一个reactiveHandler处理对象 const reactiveHandler = { // 获取属性值 get(target 阅读全文
posted @ 2021-04-12 14:31 xujing123 阅读(440) 评论(0) 推荐(0)
TS学习笔记--其他(声明文件、内置对象)
摘要：声明文件 // 引入第三方的库jquery import jquery from 'jquery'; // 定义操作 /* 当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。 声明语句: 如果需要ts对新的语法进行检查, 需要要加载了对应的类型说明代码 declar 阅读全文
posted @ 2021-04-08 15:25 xujing123 阅读(174) 评论(0) 推荐(0)
TS学习笔记--泛型
摘要：泛型 // 泛型:在定义函数、接口、类的时候不能预先确定要使用的数据类型 (()=>{ // 需求：定义一个函数，传入两个参数,第一个参数是数据，第二个参数是数量 // 根据数量产生对应个数的数据，存放在一个数组中 // function getArr(val:number,count:number 阅读全文
posted @ 2021-04-08 15:24 xujing123 阅读(181) 评论(0) 推荐(0)
TS学习笔记--函数
摘要：函数 // 函数:封装了一些重复使用的代码，在需要的时候直接调用即可 (()=>{ // 1、js函数书写 // // 函数声明,命名函数 // function add (x,y){ // return x+y // } // // 函数表达式,匿名函数 // const add2 = funct 阅读全文
posted @ 2021-04-08 15:21 xujing123 阅读(157) 评论(0) 推荐(0)
TS学习笔记--类
摘要：类 // 类可以理解为末班，通过模板实例化对象 // 面向对象的编程思想 (()=>{ class Person{ // 定义属性 name:string age:number gender:string // 定义构造函数，为了将来实例化对象的时候，直接对属性的值进行初始化 constructor 阅读全文
posted @ 2021-04-08 15:19 xujing123 阅读(128) 评论(0) 推荐(0)
TS学习笔记--接口
摘要：基础类型 // ts 变量一开始是什么类型，后续赋值只能沿用 (()=>{ console.log('测试'); // 1、布尔类型 let flag:boolean = true console.log(flag); // 2、数字 let a1: number = 10 // 十进制 let a 阅读全文
posted @ 2021-04-02 16:27 xujing123 阅读(101) 评论(0) 推荐(0)