苏沐雨-CSDN博客

原创《高性能 JavaScript 编程》阅读笔记

管理浏览器中的 javaScript 代码是个棘手的问题，代码的执行会阻塞其他浏览器的处理过程。每当遇到 script 标签，必须停下来等待代码下载再执行其他部分。同时浏览器再遇到 < body> 标签之前不会渲染页面的任何部分。几种减少 JS 对性能影响的方法。

2023-08-16 20:03:15 55

原创性能优化总结

工作和学习中，不能避免的一个话题就是怎么做性能优化。PC和移动端在性能优化上的互通点和差异点都有哪些呢？学习记录中…

2023-08-06 15:28:38 84

原创 MySQL57忘记密码找回

亲测有效：MySQL5.7忘记root密码-最简单的修改密码方法

2021-10-15 10:49:21 469

React Hooks 产生的背景react 的特点：声明式组件化一次学习，随处编写hooks 是16.8 的新特性，可以在不编写class的情况下使用state，以及其他react属性。动机：解决了在编写和维护成千上万的组件时遇到的各种各样的问题。1. 在组件之前复用状态逻辑很难；（会形成‘嵌套地狱’）；2. 复杂组件变得难以理解；3. 难以理解的class；渐进策略：没有计划从React中移除class向下兼容的什么是Hook？Hook是一些可以让你在函数组件里”

2021-08-03 22:43:35 562 1

原创开发中的零碎知识点

实习开发知识点1.get和post2.application/json和application/x-www-form-urlencoded区别3.useRef4. filter函数5. form 表单中useForm的知识点记录开发中应该注意的一些知识点。1.get和post区别：* GET提交 * 1、一般是从服务器上获取数据 * 2、提交的数据会出现在地址栏上 * 3、不安全 * 4、提交的数据量小，不会超过2KB * 5、服务器端是用url.par

2021-07-07 22:50:54 190

原创主流移动web站点的特点及布局

主流移动web站点的特点主流移动web站：京东、淘宝、苏宁易购格式：导航栏、轮播图、产品信息存在一些问题：适配—屏幕大小不一致达到适配需要满足的要求： 1. 网页内容的宽度必须和浏览器一致； 2. 默认显示的缩放比例和PC端保持一致（默认1.0）； 3. 不允许用户自行缩放网页。解决：流式布局（网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），同时对移动端的viewport视口进行设置。viewport视口：视图窗口，是移动端特有的，这是一个虚拟的区域，用于

2021-01-23 12:13:47 470

原创 HTML5+css3+jquery

HTML5简介：是跨平台的，最新的HTML标准，拥有新的语义、图形和多媒体元素等。 - 新标签：<header> <footer> - 新表单控件：<date> - 图像：<canvas> <svg> - 多媒体 <video> <audio> - 新增的API：本地存储地理定位CSS3：1.线性渐变/*添加渐变：渐变并不是一个单一够，它产生的是图像，所以需要使用backgroundlinea

2021-01-21 17:46:04 714 1

原创 JS高级知识点

三种创建对象的方式 //三种创建对象的方式 // 1.字面量的方式 var person1={ name:"小一", age:12, eat:function () { console.log("吃东西") } } //调用系统的构造函数的方式 var person2=new Object(); person2.name="小二"; person2.age

2021-01-20 18:06:37 133 1

原创 BOM & DOM

BOM三大系列：offset系列scroll系列client系列offset系列获取元素的宽高，应该用offset系列来获取：offsetWidth：获取元素的宽；offsetHeight：获取远古三的高；offsetLeft：获取元素距离左边的位置；offsetTop：获取元素距离上面的位置的值；没有脱离文档流：offsetLeft=父级元素的margin+父级元素的padding+父级元素的border+自身的margin脱离文档流：offsetLeft=自己的left+

2021-01-19 18:10:48 64

原创 JS基础点&react hooks

JS基础JS是一种运行在客户端的脚本语言CMAScript -JavaScript核心定义了JavaScript的语法规范BOM-浏览器对象模型

2021-01-18 21:49:21 217

原创 01-HTML基础和面试题

一、HTML基础知识1.HTML:Hyper Text Markup Language 是一种标记语言，使用标签来描述网页，HTML文档包含了HTML标签以及文本内容。HTML文档也叫web页面。结构解析： - <!DOCTYPE html/> 声明为HTML5文档 - <html/> 是HTML页面的根元素 - <head/> 包含了文档的元数据，包括编码等 - <title> 描述了文章的标题 - <body/&

2020-12-18 10:10:29 596 1

原创 Linux操作系统基础

网络基础1.在安装mysql-4.1.7-4.RHEL4.1.i386.rpm软件包时，需要忽略检查依赖关系，正确的rpm命令格式是：A、rpm -ivh --force mysql-4.1.7-4.RHEL4.1.i386.rpmB、rpm -ivh --ndps mysql-4.1.7-4.RHEL4.1.i386.rpmC、rpm -ivh --nodep mysql-4.1.7-4.RHEL4.1.i386.rpmD、rpm -ivh --nodeps mysql-4.1.7-4.

2020-11-07 21:54:33 1801

原创 React项目按需打包设置后报错

React项目按需打包设置后报错yarn remove less-loaderyarn add less-loader@5.0.0

2020-10-08 14:31:19 250

原创 ES6-模板字符串

普通字符串 //传统字符串拼接 var s1 = '变幻莫测；'; var s2 = '细胞分裂，'; var str = '孩子们：请听我说！'+s2+'有丝，减数，哪管白天和黑夜。'+ '染色体，细胞核时隐时现，'+s1+'核糖体在mRNA上穿梭忙碌，'+'几千种酶各司其职，将活化能狠狠打折。'; console.log(str); 模板字符串// 字符模板的写法var s1 = '染色体，细胞核时隐时现，';var s2 = '你的好多细胞在分裂，';var str

2020-09-28 15:49:24 166

原创 ES6-let和const

一、var声明的缺点：1.可以重复定义；2.可以随意修改；3.没有块级作用域二、let命令1.基本用法：用于声明变量，和var的用法差不多，但是所声明的变量只在所声明的块级作用域内有效；2.不允许重复声明//报错function(){let a=0;var a=1;}3.不存在变量提升所声明的变量必须在声明之后使用，否则会报错//var的情况console.log(foo);//输出undefinedvar foo=2;//let的情况console.log(bar

2020-09-28 15:19:07 70

原创 JS基础

1 词法结构1.1 区分大小写JavaScript是区分大小写的语言。关键字、变量、函数名和所有的标识符都是必须采取一致的大小写形式。注意的是：HTML并不区分大小写。1.2 空格、换行符和格式控制符JavaScript会忽略程序之间的空格。由于可以在代码中随意使用空格和换行，因此可以采用整齐、一致的缩进来形成统一的编码风格，从而提高代码的可读性。1.3 注释JavaScript支持两个格式的注释语句。在行尾“//”之后的文本都会被JavaScript当作注释忽略掉的。此外，“/*”和

2020-09-22 15:25:22 175

原创 RedHat安装httpd及遇到的问题

RedHat安装httpd.使用源码编译安装的方式安装httpd和ntfs-3g软件到本机上对httpd进行编译安装：2.1首先查看是否安装gcc，如果未安装则安装2.2然后下载httpd-2.4.46.tar.gz　文件，进行解压：cd /usr/local/src wget http://mirror.bit.edu.cn/apache/httpd/httpd-2.4.34.tar.gz　tar zxvf httpd-2.4.34.tar.gz　　cd httpd-2.4.34　

2020-09-21 21:24:05 2232 4

原创 ES6-Promise

ES6-PromisePromise的含义Promise是异步编程的一种解决方案。简单来说，promise就是一个容器，里面保存着某个未来才会结束的事件（通常为一个异步操作）的结果。从语法上来说，promise是一个对象，它可以获取异步操作的消息。Promise提供统一的API。特点：1.对象的状态不受外界的影响。有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。2.一旦状态改变就不会再变，任何时候都可以得到这个结果；基本用法ES6规定，Promi

2020-08-21 15:02:55 121

原创 ES6-箭头函数

ES6-箭头函数基本用法1.var func=v=>vvar f=v=>v//等同于：var f=function(v){ return v;}2.var func=()=>vvar f=()=>5;//等同于：var f=function(){ return 5;}3.var func=(num1,num2)=>um1+num2var sum=(num1,num2)=>um1+num2;//等同于:var sum=function(

2020-08-14 17:38:01 1022

原创 ES6-宏队列与微队列

ES6-宏队列与微队列1.宏队列：用来保存待执行的宏任务（回调），比如：定时回调、DOM事件回调、ajax回调；script（全局任务）、serTimeout、setInterval、setImmediate、I/O、UI rendering2.微队列：用来保存待执行的微任务（回调），比如：promise的回调、mutationObserver的回调process.nextTick、promise.then\Object.observer\MutationObserverJS执行时会区分这两个队列

2020-08-14 17:04:36 303

qq_45052568的博客