lsylhx123-CSDN博客

转载 React总结

React是一个用于构建用户界面的 JavaScript 库生命周期：React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁 componentWillMount() 组件初始化时只调用，以后组件更新不调用，整个生命周期只调用一次，此时可以修改state。在渲染前调用,在客户端也在服务端。 render() react最重要的步骤，创建虚拟dom，进行diff算法，更新dom树都在此进行。此时就不能更改state了。 compon..

2021-11-07 14:12:56 296

转载浏览器的总结

从输入URL到页面加载的全过程首先在浏览器中输入URL 查找缓存：浏览器先查看浏览器缓存-系统缓存-路由缓存中是否有该地址页面，如果有则显示页面内容。如果没有则进行下一步。浏览器缓存：浏览器会记录DNS一段时间，因此，只是第一个地方解析DNS请求；操作系统缓存:如果在浏览器缓存中不包含这个记录，则会使系统调用操作系统，获取操作系统的记录(保存最近的DNS查询缓存)；路由器缓存：如果上述两个步骤均不能成功获取DNS记录，继续搜索路由器缓存； ISP缓存：若上述均失

2021-11-06 11:03:56 222

原创 JS完整总结

1.原型一、prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。函数的prototype指向了一个对象，而这个对象正是调用构造函数时创建的实例的原型，也就是person1和person2的原型。函数的prototype指向了一个对象，而这个对象正是调用构造函数时创建的实例的原型，也就是person1和person2的原型。每个对象都有 __proto__ 属性，但只有函数对象才有 prototype 属性二、__proto

2021-10-28 13:39:00 207

转载 Vue总结

1.单页面应用加载单个 HTML 页面，局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成，就不会再有整页刷新， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换 HTML（采用的是 div 切换显示和隐藏），从而实现UI与用户的交互。优点：用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染；基于上面一点，SP..

2021-10-26 14:10:17 533

转载 HTML && CSS

1.float浮动布局：float被设计出来的初衷是用于——文字环绕效果。一个图片一段文字，图片float:left之后，文字会环绕图片。被设置了float的元素会脱离文档流,造成父元素高度坍塌普通的div如果没有设置宽度，它会撑满整个屏幕,div设置了float之后，其宽度会自动调整为包裹住内容宽度，而不是撑满整个父容器。一个浮动的元素，如果没有设置width，那么将自动收缩为内容的宽度浮动的元素互相贴靠1.1清除浮动1.1.1为父元素添加overflow:hidden或者over

2021-10-02 15:48:59 153

转载 Location 对象

window对象所有浏览器都支持window对象。它代表浏览器的窗口。全局变量是 window 对象的属性。全局函数是 window 对象的方法。window.document.getElementById("header") === document.getElementById("header");window.open() - 打开新窗口 window.close() - 关闭当前窗口 window.moveTo() -移动当前窗口 window.resizeTo() -重..

2021-07-13 23:53:55 167

转载 css3类选择器nth-child nth-of-type的使用与区别

区别:ele:nth-child(n),先计算是第几个节点，2,然后再判断选择器。指父元素下第n个元素且这个元素为ele，若不是，则选择失败。:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：ele:nth-of-type(n)是指父元素下第n个ele元素，<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt

2021-07-11 18:38:19 536

翻译数组，对象的合并和复制

深拷贝：开辟一个新的内存地址，浅拷贝指针指向同一片内存空间浅复制只复制一层对象的属性，而深复制则递归复制了所有层级浅拷贝的实现1.引用复制var obj = { a:1, arr: [2,3] };var shallowObj = shallowCopy(obj);function shallowCopy(src) { var dst= {} for ( var prop in src) { if (src.hasOwnProperty(prop)

2021-06-27 22:46:18 272

原创 JS数据类型

JS数据类型## JS基本有5种简单数据类型：String，Number，Boolean，Null，undefined。一种复杂的数据类型Object检测当前变量的数据类型的方法，**typeof关键字 typeof小写**.typeof 123　　//Numbertypeof 'abc'　　//Stringtypeof true //Booleantypeof undefined //Undefinedtypeof null ...

2021-06-27 17:26:55 137

lsylhx123的博客