![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
查漏补缺
关于前端知识的查漏补缺清单
小黑不白爱吃糖
这个作者很懒,什么都没留下…
展开
-
Promise封住ajax
ajax.jsfunction ajax(url) { return new Promise((resolve, rejected) => { let xhr = new XMLHttpRequest(); xhr.open("get", url, true); xhr.send(); xhr.onload = function () { if (xhr.status == 200) { .原创 2020-10-21 18:07:51 · 99 阅读 · 0 评论 -
2020-10-18盒子科技笔试
考点:ECS6结构:{ }、[]<script>let [a=1,b]=[];其中a为1,b为undefined;类似于let a=1,b;赋值操作没有重新为两个变量赋新值</script>考点:let、const定义变量与使用<script> 以下会报错的是 - let a=1;let a=1; - var a=1;a=1; - const a; - {let a=1} console.log(a);</scr.原创 2020-10-18 22:01:25 · 215 阅读 · 0 评论 -
javascript检测数据类型的四种方式
typeoftypeof能检测出来的数据类型:number、string、boolean、undefined、object、function、symbol【注】其中function虽然∈对象,但是其有自身的某些属性及方法,因此可以单独检测出来问题:对于引用数据类型:Array、Object等无法分别是具体哪个,只能检测出∈objectinstanceof该运算符主要用于检测针对使用typeof时对于引用数据类型(不是Function)时可以检测构造函数的prototyp..原创 2020-10-16 15:01:27 · 126 阅读 · 0 评论 -
节流和防抖
节流和防抖的目的:都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,防止在短时间内频繁触发同一事件而出现延迟,假死或卡顿的现象。节流和防抖的区别:节流:目前有一事件A设置了定时器,那么在delay之前触发,都只会触发一次防抖:如果不断在delay之前重新触发,那么定时器会不断重新计时,最终会在最后一次完后才执行,对于需要实时响应的,应该用节流。以下分别是节流和防抖的实现代码节流<script>/*节流思路:节流是确保在delay之前只有一次事件触原创 2020-10-15 11:17:29 · 3502 阅读 · 0 评论 -
cookie
特点:可以设置过期时间;最大可以存储4kb,每一个域名下最多可以存储50条数据。【注】只可以存储string,一般只存储重要信息(登录,是否点赞,视频播放进度等)语法:设置cookiedocument.cookie="name=value;expires=date;path=path;domain=somewhere.com;secure";取出cookiedocument.cookie解决有中文乱码问题enCodeURIComponent("xxx");deCodeUR原创 2020-10-13 22:56:45 · 115 阅读 · 0 评论 -
html-02
web本地存储客户端存储的两个数据对象为:localStorage、sessionStorage二者可使用的APIxxx.setItem(key,value) xxx.getItem(key) xxx.removeItem(key) xxx.clear() xxx.key(index)要点:二者都在同源下生效,sessionStorage更为严格还需在同窗口(也就是在浏览器的标签页下?不明白)html5新内容Canvas 内联SVG:可伸缩矢量图形 MathML.原创 2020-10-13 18:51:04 · 76 阅读 · 0 评论 -
css-02
css加载与阻塞不会阻塞DOM树的解析会阻塞DOM树的渲染会加载阻塞后面js语句的执行原创 2020-10-13 18:34:32 · 96 阅读 · 0 评论 -
create-react-app脚本架
前提:电脑上必需有node安装全局环境下安装脚手架:npm install -g create-react-app查看版本:create-react-app --version创建项目:cd 需要创建的文件夹中;create-react-app 项目名(不要包含汉字)进入项目:cd 项目名启动项目:npm start安装成功后的目录public:静态资源文件夹,可直接访问到src:写代码的地方在项目里新建components文件夹(建议使用该名,里面创建组件:xxx.js/**.js原创 2020-10-13 09:54:51 · 102 阅读 · 0 评论 -
css3-02
过渡transition必须规定两项内容:指定要添加效果的css属性、指定效果的持续时间(默认值是0,不显示指定transiton不会生效)transition: css属性 持续时间 ,css属性 持续时间;...过渡属性:trasnition-property:要过渡的css属性名称transition-duration:过渡时间,默认为0transition-timing-function:过渡效果的时间曲线,默认是“ease”transition-delay:...原创 2020-10-13 19:56:22 · 96 阅读 · 0 评论 -
css3-01
重要模块选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面css3边框border-radius:box-shadow: h-shadow v-shadowblur(模糊距离) spread(阴影尺寸) color insectborder-image:css3圆角属性-border-radius四个值:左上 右上 右下 左下三个值:左上 右上&左下 右下两个值:左上&...原创 2020-10-13 18:52:43 · 101 阅读 · 0 评论 -
css-04
属性选择器属性选择器[title]:有title属性属性和值选择器[title=runoob]:属性和值选择器-多值[title~=hello]:title中包含hello[lang|en]:lang属性中包含en表单样式input[type="text"] | input[type="button]属性选择器 *=,|=,$=,~=,^=区别其中value须是完整单词:~=、 |=拼接字符串类型的比较符号: *=、 ^=、 $=1、attribu.原创 2020-10-13 18:50:02 · 78 阅读 · 0 评论 -
css-03
尺寸(dimension)相关属性height、width、line-height、(max-height、max-width、min-height、min-width)定位(position) 几个值的具体描述position:static | relative | absolute | fixed | inheritstatic:默认值,没有定位,遵循正常的文档流对象;static的元素不受top/bottom/lsft/right影响fixed:元素的位置相对于浏览器窗口的.原创 2020-10-13 18:47:32 · 121 阅读 · 0 评论 -
css-01
css相关标签嵌套问题一般是a标签嵌套button标签常见块级、行内元素块级元素:div、p、(dl、dd、dt) 、form、h1~h6、hr、(ul、ol、li)、(table、tbody、td、tfoot、th、thread、tr)(html5:header、nav、article、section、aside、footer、main、figure)、address 、caption 、fieldset、legend、pre、noframes、noscript...原创 2020-09-30 10:34:02 · 76 阅读 · 0 评论 -
HTML-01
html相关全局属性所有的标签都可以用的属性!常见:id、class、style、title、contextmenu、contenteditable、data-*、hidden、lang、draggable、html5新属性暂无html5新语义元素常见:header、nav、article、section、aside、footer、time、meter、mark、progress、figure、hgroup、figcaption、contextmenu+me...原创 2020-09-30 10:35:20 · 204 阅读 · 0 评论 -
JavaScript-01
javascript相关json数据格式:键值都需要加双引号""var obj={"name":"value","name":"value",funcName:function(){...}}//end 对象原创 2020-09-30 10:36:05 · 64 阅读 · 0 评论 -
BootStrap-01
bootstrap相关栅格选项.col-xs-超小屏幕 手机(<768px).col-sm-小屏幕 平板(>=768px).co-md-中等屏幕 桌面显示器(>=992px).col-lg-大屏幕 大桌面显示器(>=1200px)原创 2020-09-30 10:37:12 · 103 阅读 · 0 评论