理解
星辰一瞬
这个作者很懒,什么都没留下…
展开
-
入门TS基础类型的理解
入门TS基础类型的理解基础类型篇ts基础类型 沿用jsjs就有的 ----布尔值,数字,字符串,Null 和 Undefined,数组,Objectjs没有的 ----Tuple,enum,Any,Void,Never,类型断言看一下具体的用法,基本都是变量后面跟一个 let xx:类型 = 值let decLiteral: number = 6; //十六,十,八,二(进制)let sentence: string = `Hello, my name is ${ name }.`let l原创 2021-06-10 09:41:34 · 293 阅读 · 0 评论 -
constructor 的private和public 区别和用途
constructor 的private和public 区别和用途公有,私有于受保护的修饰符默认为 public在上面的例子里,我们可以自由访问程序里定义的成员,在TypeScript里,成员默认为public,你也可以明确的将一个成员标记成public。class Animal { public name: string; public constructor(theName: string){ this.name = theName; } public move(d原创 2021-05-28 11:13:10 · 1155 阅读 · 0 评论 -
http请求了解
常用的状态码分类1xx 服务器收到请求2xx 请求成功,如2003xx 重定向,如3024xx 客户端错误,如4045xx 服务器错误,如500200成功301永久重定向(配合location,浏览器自动处理)就是浏览器会记住那个网址的301下次就直接不访问,302临时重定向(配合location,浏览器自动处理)302是一个临时的,304资源未被修改404资源未找到403没有权限500服务器器错误504网关超时现在的methodsget获取数据post新建数据原创 2021-03-29 09:38:53 · 114 阅读 · 0 评论 -
localStorage、sessionStorage、cookie储存
存储cookie本身用于浏览器和servercookie是被借用来的,之前是没有的,都是使用localStorage、sessionStorage这两种方法储存最大时4kbhttp请求时需要发送到服务器,增加请求数量只能用document。cookie = ”··“来修改,太过简陋localStorage数据会永久储存,除非手动删除这个用的一般会对一点sessionStorage关闭浏览器清空...原创 2021-03-25 08:06:50 · 76 阅读 · 0 评论 -
事件
事件监听:就是监听一个事件是否变化 function removeEvent( obj,type,fn,capture ){ if( obj.removeEventListener ){ obj.removeEventListener(type,clickFn,true); }else{ obj.detachEvent("on"+ type,clickFn,true); } } rem原创 2021-03-23 08:06:31 · 79 阅读 · 0 评论 -
了解DOM,DOM操作和原型
1,DOM的本质:DOM可以理解为浏览器把拿到的html代码,结构化一个浏览器能识别并且js可操作的一个模型当网页被加载时,浏览器会创建页面的文档对象模型javascript能改变页面中的所有HTML元素javascrip能改变页面中的所有HTML属性javascrip能改变页面中的所有CSS样式javascrip能对页面中的所有事件做出反应DOM是哪种数据结构树(DOM树)DOM树形结构2, js获取DOM节点的几种方式document.getElementById(); //i转载 2021-03-22 07:48:00 · 514 阅读 · 0 评论 -
js执行顺序
1,event loop(事件轮询/事件循环)首先我们要知道 由于js是单线程的脚本,异步事件要基于回调来实现的而event loop 就是异步回调的实现原理1,js的执行顺序从前到后,一行一行执行如果有一行执行报错,就会停止下面代码的执行先执行同步代码,后执行异步举个例子这上面是一个js执行顺序的小案例上面是浏览器运行首先运行第一行代码,显示console.log(‘Hi’),然后清空调用栈。然后调用函数,函数会进入异步函数队列中最后执行log代码,然后清空然后转载 2021-03-22 07:43:47 · 2005 阅读 · 0 评论 -
同步、异步
同步异步同步和异步对比异步是基于单线程运行的同步会阻塞代码的运行,异步不会阻塞代码运行。Promise一般使用来操作ajax数据请求,解决了连续请求的嵌套函数,优化了页面不同的ajax方法Promise方法就是解决了一个回调地狱 的问题。...原创 2021-03-18 21:05:39 · 61 阅读 · 0 评论 -
变量作用域,闭包!!
1,作用域和自由变量作用域就是直接赋值的变量这个变量可以使用的区域,分为全局和局部,自由变量,只有var存在变量提升1,全局作用域不在任何函数内声明的变量(函数内省略var的也算全局)称作全局变量就是在最外层定义的变量就被称为全局变量.2,局部作用域在函数内声明的变量具有函数作用域,属于局部变量,就是在函数内部定义的变量,只在函数内部有用,所以是局部作用域。3,ES6的定义的块级作用域声明变量的方法 有var let constvar 声明的变量可以变量提升 变量提升是将变量的声明提升原创 2021-03-18 07:49:15 · 117 阅读 · 0 评论 -
vue事件、方法、双向绑定原理
开头为重点必会1,Vue 基础使用指令,插值插值,表达式指令,动态属性v-html:这个会有 XSS 风险,会覆盖子组件 (用了之后内部自己写的所有代码块都会被覆盖,失效)computed(计算) 和 watch(监听)vue计算属性computed 有缓存,data不变则不会重新计算(缓存意味着不用重复加载)当 dom 是通过 v-model 绑定时 要 get() 和 set() 否则会报错watch 深度监听watch 本身是浅度监听 如何深度监听?要用到 handl原创 2021-03-17 07:54:45 · 151 阅读 · 0 评论 -
typeof判断的数据类型的返回值
typeof判断的数据类型的返回值//numberconsole.log(typeof 123) //numberconsole.log(typeof NaN) //numberconsole.log(typeof 'abc') //stringconsole.log(typeof true) //booleanconsole.log(typeof undefined) //undefined//objectconsole.log(typeof null) // objectco原创 2021-03-15 21:58:04 · 1204 阅读 · 0 评论 -
垃圾回收机制
区别== 检查值相等, 允许类型转换:两个等号我们称为等值符,当等号两边的值为相同类型时比较值是否相同,类型不同时会发生类型的自动转换,转换为相同的类型后再作比较=== 检查值和类型相等, 不允许类型转换:三个等号我们称为等同符,当等号两边的值为相同类型的时候,直接比较等号两边的值,值相同则返回true,若等号两边的值类型不同时直接返回false垃圾回收机制js垃圾回收机制有引用计数和标记清除两种引用计数标量每被引用一次引用计数就会在元素的数字上个加1当每次引用结束后会减1 当引用次数为0原创 2021-03-14 21:52:11 · 59 阅读 · 0 评论 -
2021-03-14
== 跟 === 的区别== 检查值相等, 允许类型转换:两个等号我们称为等值符,当等号两边的值为相同类型时比较值是否相同,类型不同时会发生类型的自动转换,转换为相同的类型后再作比较=== 检查值和类型相等, 不允许类型转换:三个等号我们称为等同符,当等号两边的值为相同类型的时候,直接比较等号两边的值,值相同则返回true,若等号两边的值类型不同时直接返回false垃圾回收机制js垃圾回收机制有引用计数和标记清除两种引用计数标量每被引用一次引用计数就会在元素的数字上个加1当每次引用结束后原创 2021-03-14 21:49:41 · 62 阅读 · 0 评论 -
css中盒模型
1.盒模型什么是盒模型,每一个盒子都是由:内容区(content),填充区(padding),边框(border),外边界区(margin),四个部分组成2,盒子模型共有两种:分为标准模型和怪异模型标准模型:标准模型是很标准的计算一个盒子的区域一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模型:只是大概分析了盒子,一个块的总宽度= width + margin(左右)(即width已经包含了padding和b原创 2021-03-14 21:29:51 · 69 阅读 · 0 评论 -
前端面试请求方式理解
js面试问题理解前端的面试是永无止尽的,只要想出题什么都可以出,但是他们考的点都不会变,外面只需要掌握里面的重点就行。1,发送url 到页面加载发生了什么就可以分成几个方面过程:1,DNS解析 (解析域名,解析出对应的IP地址)2, TCP连接 (三次握手在tcp连接中)3, 发送http请求4, 处理请求返回数据5, 渲染页面6, 连接结束还有就是理解三次握手四次回手三次握手(建立连接之前)1,第一次握手:客户端向服务端发送连接请求报文段;2,第二次握手:服务端收到连接原创 2021-03-14 21:23:16 · 117 阅读 · 0 评论 -
vue的性能优化
vue 的性能优化vue的性能优化分很多种,因为你要是细心的换好多地方都事可以减少代码,完成性能优化。一.源码优化1.代码组件化就是可以将一些重复使用的代码,一些可以重复使用的功能封装成组件,在用的地方引入。2、for循环设置key值在用v-for进行数据遍历渲染的时候,为每一项都设置唯一的key值,为了让Vue内部核心代码能更快地找到该条数据,当旧值和新值去对比的时候,可以更快的定位到diff。3、Vue路由设置成懒加载当首屏渲染的时候,能够加快渲染速度。5、可以使用keep-alive原创 2021-01-19 21:43:41 · 431 阅读 · 0 评论 -
Promise使用可以解决什么问题?async的使用?
Promise使用可以解决什么问题?async的使用?简介:Promise主要用于异步计算,可以让异步操作队列化,按照直接期望的结果。状态三个:pending(等待状态)fulfiled(成功状态)rejected(失败状态)状态一旦改变就不会在改变了,要么成功要么失败。两个参数:分别是resolve和reject,当状态发生变化成功会通过resolve返回成功结果,如果失败会通过reject返回失败结果。为了避免界面冻结(任务)同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候原创 2021-01-16 20:53:29 · 156 阅读 · 0 评论 -
关于js的单线程,事件循环,和微任务
关于js的单线程,事件循环,和微任务js单线程:就是在js中执行的顺序,就是js是单线程执行的,只能一个一个的执行,接下来我们来看看一些执行顺序。当然异步请求除外。所有的任务也可以分为:异步任务和同步任务。console.log("event start"); setTimeout(function () { console.log("setTimeout"); }); new Promise(function (resolve, reject) { cons原创 2021-01-14 20:00:30 · 101 阅读 · 0 评论 -
深拷贝浅拷贝,原型,类型校验,递归深拷贝
浅拷贝深拷贝,原型,类型校验,递归深拷贝浅拷贝:let top = { name: "赵云", }; let bom = "云中君"; function shallowCopy(src) { var newobj = {}; for (var prop in src) { if (src.hasOwnProperty(prop)) { newobj[prop] = src[prop]; } } return newobj;原创 2021-01-13 21:50:11 · 103 阅读 · 0 评论