前端(JavaScript/CSS/HTML)
前端知识
婷婷T
Bug层出不穷,人生永无止境
展开
-
防抖与节流
一、防抖:指触发事后在n秒内函数只执行一次,若在n秒内再次触发则重新计算;点击按钮 2秒后调用函数,再第1.5秒时又点了,下拉触底加载下一页二、节流39滴焊锡:40 试一下38 38有的可以有的不行,然后用39连续发生的事件在n秒内只执行一次函数即时查询 三、防抖优化代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...原创 2021-06-22 00:04:51 · 180 阅读 · 0 评论 -
Flex布局
一、常规文档流的显示方式二、Flex布局1.display:flex;容器添加弹性布局后,显示为块级元素;display:inline-flex;容器添加弹性布局后,显示为行级元素;设为Flex布局后,子元素的float、clear和vertical-align属性将失效。但是position属性,依然生效。三、display: flex使用的12大属性1.flex-direction(row、row-reverse、colunmn、colunm-reverse)...原创 2021-06-21 22:36:02 · 829 阅读 · 0 评论 -
ES6新特性
ECMAScript 规范 js实现的一.let和varvar a='hello'let b='hi'1.不存在变量提升;console.log(c); --undefinevar c='c';预解析,console.log(c); --会报错,未初始化let c='c';不存在预解析,2.同一作用域下不能重复定义同一名称;var d=1;var d=100;console.log(d);--100let d=1;let d=100;conso...原创 2021-06-21 23:18:03 · 58 阅读 · 0 评论 -
关于Node.js
关于Node:运行在服务端的 JavaScript。第一个Node.js程序:Node.js的组成原创 2021-06-21 22:36:38 · 57 阅读 · 0 评论 -
HTML/CSS
一、什么是块级元素和内联元素?1.块级元素: display:block/table特点:独占一行,不管内容的长度比如:div,h1,ul,li,table,form2.内联元素:display:inline/inline-block特点:不会独占一行,会紧跟着排列,直到没有足够的空间比如:span,strong,label,a,img,input,selecct,textarea,iframe二、盒模型margin,border,padding,content外边距,边原创 2021-06-21 22:34:21 · 69 阅读 · 0 评论 -
从输入URL到页面展示,这中间发生了什么?
一、完整流程1.浏览器进程的职责 :主要负责用户交互、子进程管理和文件存储等功能2.网络进程的职责:是面向渲染进行和浏览器进程等提供网络下载功能;3.渲染进程的职责:把网络下载的HTML,JAVASCRIPTE,CSS、图片等资源解析成可以显示和交互的页面;4.进程通讯IPC进程之间是完全隔离的,如果非要进行通讯,使用进程通讯IPC,用缓存区进行通讯,优点是一个进程挂了,不会影响另一个进程;5.DNS服务器高可用,高并发,分布式分级域名6、响应数据类型原创 2021-06-18 12:35:29 · 136 阅读 · 0 评论 -
HTTP标准和底层原理
url->DNS->IP根据请求的url,域名解析DNS服务器会将其解析成IP地址,然后会去建立TCP/IP连接。原创 2021-06-18 11:39:33 · 684 阅读 · 0 评论 -
浏览器工作流程
1.浏览器首先使用HTTP协议或者HTTPS协议,向服务器端请求页面;2.把请求回来的HTML代码经过解析,构建成DOM树;3.计算DOM树上的CSs原创 2021-06-18 11:11:56 · 533 阅读 · 0 评论 -
JavaScript闭包
一、两种表现1.函数作为参数被传递;2.函数作为返回值被返回;二、闭包自由变量的查找,是在函数定义的地方,向上级作用yu原创 2021-06-17 17:10:04 · 64 阅读 · 0 评论 -
JS中有哪些数据类型、检测数据类型和堆栈
一、数据类型1.原始类型(基本类型)undefined、null、Boolean、Number和String2.引用类型原创 2021-06-17 15:56:42 · 99 阅读 · 0 评论 -
js中常见的内置对象
一、三种包装对象:string,number,booleanvar str='hello';str.方法原创 2021-06-17 14:06:20 · 194 阅读 · 0 评论 -
JS的隐式转换
一、NaN,0,undefined,null,“”隐式转换为false;二、如何yin'shi'zhuan'huan'cheng原创 2021-06-17 13:37:51 · 334 阅读 · 0 评论 -
js舍入误差
一、0.1+0.2=0.30000000000000004?二、解决方案原创 2021-06-17 13:25:24 · 259 阅读 · 0 评论 -
如何快速理解深浅拷贝?(变则浅,否则深)
一、深浅拷贝有哪些方式?1.遍历赋值;2.Object.create();3.JSON.parse()和JSON.stringify();原创 2021-06-17 12:38:37 · 92 阅读 · 0 评论 -
JavaScript用Math.round方法将一个数四舍五入到整数
Math.round方法:round方法:static long round(double a)此方法返回的参数最接近的long.static int round(float a)此方法返回的参数最接近的整数.原创 2021-03-19 15:24:20 · 196 阅读 · 0 评论 -
立即执行函数(IIFE)
两种写法: 1.(function(){...})()2.(function ( ){}( )) 1.为什么要用立即执行函数IIFE(Immediately Invoked Function Expression)。 传统的方法啰嗦,定义和执行分开写; 传统的写法:function foo() {...} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。foo(); // 这是语句,Statement;解.原创 2021-02-02 14:25:13 · 277 阅读 · 0 评论