typescript

typescript 优点typescript 缺点

XMLHttpRequest基础知识

解决了什么痛点之前的浏览器请求,每次返回都是整个页面,传输的数据很大,等待时间也很长,所以使用XMLHttpRequest对象来进行局部更新,只返回所需数据。 原理通过构建函数生成一个XMLHttpRequest对象,建立请求,浏览器监听响应状态 使用方法 12345678const xhr = new X...

Promise基础知识

为什么出现Promise 解决了回调地狱的难以理解、编写、修改的问题 特点 一旦建立,立即执行,无法取消 链式调用.then 可以捕捉错误.then(null, onRejected)或者.catch() 状态 pedding - 进行中 fulfilled - 已成功 rejected - 已失败 ...

flex初体验

已经很久没有研究Css3新知识点了,前一阵面试,Css占比较大的题目是“如何垂直居中”,我的回答都是比较原始的办法。某个面试官说,用flex实现垂直居中效果不错,于是决定梳理一下flex的知识点。 首先,是flex垂直居中的解决方案:12345.contain{ display:flex; alig...

js中与正则表达式有关系的方法

RegExp对象属性 global 全局 ignoreCase 大小写 lastIndex multiline 多行 source 表达式 RegExp对象方法 compile exec@return 没有匹配 返回null 1RegExpObject.exec(string) test 1RegExpObj...

localStorage / sessionStorage

sessionStorage本地存储,与localStorage不同的只有:数据在页面会话结束的时候被清除。(刷新不是结束会话)其他方法同localStorageCookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生。 localStora...

编译环境中的几种传参方法

在package中获取参数 package.json中通过$1获取参数 123"script": { "dev": "echo $1" // ${1} 也可以} cli中运行 1npm run dev -- h...

jsonp

跨域原理 由于script中的src并不受同源策略影响,所以可以根据这一点请求跨域接口,如下,可以拿到服务端返回的数据123456789var apiUrl = '接口地址?callback=callback';function callback(data){ console....

repaint和reflow

浏览器的渲染原理 渲染引擎:firefox用的是geoko,chrome用的是webkit 过程: 解析html生成dom tree 浏览器会解析html / js / css 构建render tree render tree与dom tree的不同:header标签、样式display:none的元素不在...

zsh theme

基本修改方式 修改zsh配置文件 1$ vim ~/.zshrc 修改配置文件中的主题,ys是比较流行的主题,可以进入网站查看主题 https://zshthem.es/ 1ZSH_THEME="ys" 进入主题的配置文件目录,查看所有的主题,主题配置文件的命名都是themeName....