qq_15732905的博客

原创 面试准备知识

1.css 1， 什么是重绘和回流 2 ， 盒子布局 水平垂直居中，双飞翼布局 3， 清除浮动， 4，css3 动画， 画一个三角形。5，js 闭包函数，设计模式，原型链， ajax和fetch axios区别，跨域问题，url 经过哪些事情。 作用域，判断数组的方法，基本数据类型，预编译环节，3,es6 promise， asc awit， let const poxy，箭头函数， 循环for map each ...rest参数。 事件循环 红任务和微任务。

原创 2021-06-09

1，css1，垂直居中几种方式2，bfc， 重回和回流js ，原型，原型链，闭包，数组的操作，作用域，了解一下排序几种方式。es6 一般让自己说用过那些主要promise 原理看看，主要箭头函数跟普通函数差别。主要const let var啥区别3，webpackloder和plugin啥区别，干什么的。自定义loder，webpack经常用的...

原创 Grid网格布局实例

https://juejin.cn/post/6844903967701336072#heading-10

原创 TS学习

tsrecond <string, unknow>unkonw 包函数有数据类型never 永远不再的类型lodash

原创 vue vscode插件

vuevetur别名路径跳转

原创 css水平垂直居中

1,利用定位+margin:auto left right top buttom；02,利用定位+margin:负值 margin-left: -50px; margin-top: -50px; left: 50%;top: 50%;3, 利用定位+transform left: 50%;top: 50%; top: 50%;4, flex布局5, grid布局 display: flex; justify-content: center; align-items: cente

原创 CSS基础知识

1， display : block; 快 inline-bloak 行内快；inline 行内2 ， 高度塌陷， float 导致父亲没有高度了，3clear：both ，ovrlow:hideecss3 transform :scale 缩放， rotate 旋转 移动 trasfrom

原创 webpack app配置文件

/**模块解析器webpack 配置文件*/// 获取path工具const path = require(“path”);// 资源拷贝插件const CopyWebpackPlugin = require(‘copy-webpack-plugin’);// 文件清除插件，用于在每次打包编译前，清楚build文件夹、重新生成const CleanWebpackPlugin = require(‘clean-webpack-plugin’);// 获取入口文件配置var entry

原创 初学 webpack5 配置

处理 lesss 有 less-loader ，css-loader ，处理图片 url-loader file-loder。 要关闭 es6解析 使用commjs 【hash：10】.【ext】 10位 源文件名字处理页面里面的图片路径 html-loader 使用commjs解析构建页面 html-webpack-plugin打包其他资源 用排除file-loaderdev-webpack-serve 打开浏览器服务...

原创 题目避讳

1，重绘和回流，脱力文档流，CSS3 的动画 可以使用定位。2，

原创 ES6 箭头函数

一.外形不同：箭头函数使用箭头定义，普通函数中没有二.箭头函数都是匿名函数三.箭头函数不能用于构造函数，不能使用new四.箭头函数中this的指向不同箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 call() , bind() , apply()5.箭头函数不绑定arguments，取而代之用rest参数…解决每一个普通函数调用后都具有一个arguments对象，用来存储实际传递的参数。但是箭头函数并没有此对象。...

原创 操作数组 JS

1.Array.map()此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组let arr = [1, 2, 3, 4, 5] let newArr = arr.map(x => x*2) //arr= [1, 2, 3, 4, 5] 原数组保持不变 //newArr = [2, 4, 6, 8, 10] 返回新数组2， Array.forEach()此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方

原创 angular11 代理 proxy 跨域解决办法2步搞定

{“/”: {“target”: “https://yk3.gokuai.com”,“logLevel”: “debug”,“secure”: false,“changeOrigin”: true,“pathRewrite”: {“^/”: “”}}}“options”: {“browserTarget”: “goukuaiCloud:build”,“proxyConfig”: “proxy.config.json”}ng serve --proxy-config prox

原创 react中key的作用

key的作用主要是用来减少没必要的diff算法对比，因为对于一个组件或者节点来说，只要父节点状态或者属性发生变化，该组件就会进行diff对比，即使该组件没变化，而如果为组件引入了key值，就可以在diff对比前先做一个校验，判断该组件是否需要diff对比，即使是diff对比，也可以判断该组件是直接更新操作还是销毁或者新建操作，从而提高了diff算法的效率；...

翻译 什么是原型和原型链

一、原型 ①所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象 ②所有函数都有一个prototype(原型)属性，属性值是...

原创 Virtual DOM 真的比操作原生 DOM 快吗？

https://www.cnblogs.com/chengxs/p/11096747.html

原创 React的虚拟DOM与diff算法的理解

react之所以可以快速更新dom，在于react可以对比虚拟dom，找到差异后，只更新改变的部分。diff算法有很多，比如DFS算法O(n^3)  > cito.js  > kivi.jsO(n^2)对于react，FB通过大胆的策略，满足了大...

转载 REACT 声明周期

react的生命周期需要知道的。 有关React生命周期：1、组件生命周期的执行次数是什么样子的？？？ 只执行一次： constructor、componentWillMount、componentDidMount执行多次：render 、子组件的componentWillReceiveProps、componentWillUpdate、componentDidUpdate有条件的执行：componentWillUnmount（页面离开，组件销毁时）不...

原创 react 面试掌握点。

1，webpack loader和plugin的区别2，webpack的面试题3,热更新的原理。4，REACT 声明周期5，react 的中间件6 ， react diff 算法。7， Saga 和rudex8 ， js原型链，9， 网络 HTTP 协议。

原创 tcp三次握手四次挥手

1.创建一个XMLHttpRequest异步对象2.设置请求方式和请求地址3.接着，用send发送请求4.监听状态变化5.最后，接收返回的数据tcp三次握手四次挥手第一次握手：建立连接时，客户端发送syn包（syn=j）到服务器，并进入SYN_SENT状态，等待服务器确认；SYN：同步序列编号（Synchronize Sequence Numbers）。第二次握手：服务器收到syn包，必须确认客户的SYN（ack=j+1），同时自己也发送一个SYN包（syn=k），即SYN+ACK包，此时服务

原创 cookie、session与token

cookie、session与token之间的关系token令牌，是用户身份的验证方式。最简单的token组成:uid(用户唯一的身份标识)、time（当前时间的时间戳）、sign（签名）。对Token认证的五点认识一个Token就是一些信息的集合；在Token中包含足够多的信息，以便在后续请求中减少查询数据库的几率；服务端需要对cookie和HTTP Authrorization Header进行Token信息的检查；基于上一点，你可以用一套token认证代码来面对浏览器类客户端和非浏览器

转载 Javascript中的深拷贝和浅拷贝

https://blog.csdn.net/l_ppp/article/details/106281069

原创 react生命周期

17 版本

原创 react hooks

useCallBack:存储一些函数的，【】里面的依赖不发生改变，一直在内存里面不用从新创建，useMemo：存变量的，看依赖的改变了 ， 如果改变了就重新计算这个变量，否则不还是原来的值。

原创 试学andriod service

![在这里插入代码片HttpURLConnection 不咋用了OKHTTP数据解析发出请求注意，请求是 不能在主现场完成赋值。导入第三方库

原创 CSS3 H5

H5 新增语义化标签

原创 CSS3

原创 vscode 好用的插件

vscode 好用的插件Open in Browser 右键用浏览器打开VS Code JS, CSS, HTML Formatting 自动格式Auto Rename Tag 标签修改自动修改后边的

原创 umi+redux-saga

umi 可以简单地理解为 roadhog + 路由 ，roadhog 是基于 webpack 的封装工具，目的是简化 webpack 的配置，个人觉得 umi + dva 是比较搭的，dva 首先是一个基于 redux 和 redux-saga 的管理数据。...

原创 在线编辑代码REACT

https://codesandbox.io

转载 CSS的布局

https://blog.csdn.net/weixin_43204255/article/details/82702061

转载 vue 面试

https://segmentfault.com/a/1190000016344599

原创 原型

原型。1， 定义， 原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。 通过该够着函数产生的对象，可以继承原型的属性和 方法。原型也是对象。2，利用原型的特点和概念，可以提取共有属性，3，对象如何查看原型==》隐式属性——proto_4， 对象如何查看对象的构造函数， ==consstructor...

转载 React.cloneElement

https://blog.csdn.net/weixin_34034261/article/details/86817680

原创 深拷贝函数JS

function DeepClone (obj) { if (obj === null || typeof obj !== 'object') return obj; var cpObj = obj instanceof Array ? [] : {}; for (var key in obj) cpObj[key] = DeepClone(obj[key]); return cpObj;...

原创 webpack的优化

1，以模块化来引入比如说lodash2，这个算是可以减小模块的体积吧，，使用require.ensure来设置哪些模块需要异步加载，webpack会将它打包到一个独立的chunk中，3，使用noParse 有时不需要解析某些模块的依赖4 exclude: /node_modules/,5，HappyPack会采用多进程去打包构建，使用方式还是蛮简单的，但并不...

原创 REACT 懒加载

https://www.cnblogs.com/yuerdong/p/10605856.html路由懒加载，https://www.webpackjs.com/guides/lazy-loading/#框架官网：

原创 React Hooks之useContext

https://blog.csdn.net/weixin_44282875/article/details/85336106

原创 react-router

基本路由：<Router> <div> <Link to="/">Home</Link> <hr /> <Route exact path="/" component={Home} /> </div> </Router...

转载 Component和PureComponent的区别

参考：https://react.bootcss.com/react/docs/react-api.htmlReact.PureComponent 与 React.Component 几乎完全相同，但 React.PureComponent 通过prop和state的浅对比来实现 shouldComponentUpate()。如果React组件的 render() 函数在给定相同的pro...