qq_41662017的博客

原创 react相关hooks（二）

【代码】react相关hooks（二）

原创 react相关hooks（一）

useEffect //与视图不相关的所有逻辑都是副作用 手动收集依赖。useReducer //搜集所有操作某一个数据的方案。视图上某个状态发生了变化，所以视图要进行相应的更新。react时运行时的行为。vue是编译时的行为。

原创 js 深度学习（八）

普通函数不设置返回值 默认返回undefined，构造函数默认返回this。prototype是function对象的一个属性 它也是一个对象。__proto__是实例化以后的结果 属于实例化对象而不是构造函数。所以被该构造函数构造出来的对象 都可以继承原型上的属性和方法。prototype是定义构造函数构造出的每个对象的公共祖先。原型链的顶端是Object.prototype。方法写在原型上 属性写在构造函数内部。原型的原型是由object构造的。自己有的属性不会去原型上找。

原创 js 深度学习（七）

UNICODE码 涵盖ASCII码 255之后的2个字节。undfined null不能设置自己的属性和方法。ASCII码 表1 0-127 一个字节。原始值没有自己的方法和属性。

原创 js 深度学习（六）

【代码】js 深度学习（六）

原创 js 深度学习（五）

系统生成[[scope]]属性，[[scope]]属性保存在函数的作用域链，作用域链的第0位存储当前环境下的全局执行期上下文GO，GO里存储全局下的所有对象，包含函数a和全局变量c。test2的作用域链增加自己的AO，当打印a的时候，在自己的AO上没有找到，则向test1的AO查找，再次执行test3时，实际操作的仍然是原来test1的AO。：a函数的AO被销毁的同时，b函数的[[scope]]也将不存在，回归被定义时的状态。：生成自己的AO，放在作用域链的最顶端,a函数的AO和GO一次向下排列。

原创 js 深度学习（四）

给未定义的形参赋值还是undefined，给定义的形参赋值可以修改。函数声明整体提升，变量只有声明提升，赋值是不提升的。3、寻找函数体声明 赋值函数体。匿名函数表达式 函数自变量。2.解释一行 执行一行。1、寻找形参和变量声明。1.通篇检查语法错误。1.5.预编译的过程。

原创 js深度学习（三）

typeof：number string boolean Object(object/array/null出现是为了指定为空对象/)undefined function。数字 Number() parseInt(值,进制)Number.toFixed(2) //四舍五入。parseFloat() //保留小数。toString(radix)进制。两个字符串相比较转换成askII码。3、显式类型转换、隐式类型转换。“===”不进行隐式转换。

原创 js深度学习（二）

** 哈哈*/

原创 js深度学习（一）

1996年 微软的公司收购了spy glass -> IE internet exploror1.0 IE3 Jscript。2008年 Google基于webkit blink gears (渐进式webapp) ->v8引擎 ->js引擎->切分任务， 随机排列这些任务片段 按照排列顺序将任务片段送进js进程 js线程执行一个又一个任务片段。源码->编译器->机器语言->可执行文件。2001年 IE6 xp诞生 js引擎。源码->解释器->解释一行就执行一行。2、浏览器的历史和js的诞生。

原创 Error: Message failed: 432 4.3.2 Concurrent connections limit exceeded.

432 4.3.2 Concurrent connections limit exceeded.

原创 js 高级程序设计（第六章）

此笔记仅为个人学习笔记，仅做分享、学习；侵权联系删除，书名《js 高级程序设计》（第四版）第六章：集合引用类型6.1 Object1.创建 Object 的实例有两种方式：第一种是使用 new 操作符和 Object 构造函数。另一种方式是使用对象字面量（object literal）表示法。在使用对象字面量表示法定义对象时，并不会实际调用 Object 构造函数。let person = new Object(); person.name = "Nicholas";let person.

原创 js高级程序设计（第五章）

第五章:基本引用类型5.1 Date1.在不给 Date 构造函数传参数的情况下，创建的对象将保存当前日期和时间2.要基于其他日期和时间创建日期对象，必须传入其毫秒表示（UNIX 纪元 1970 年 1 月 1 日午夜之后的毫秒数）。ECMAScript为此提供了两个辅助方法：Date.parse()和 Date.UTC()。1)Date.parse:月/日/年月名 日, 年周几 月名 日 年 时:分:秒 时区ISO 8601 扩展格式“YYYY-MM-DDTHH:mm:ss.sssZ

原创 js高级程序设计（第四章）

第四章:变量、作用域与内存4.1原始值与引用值Undefined、Null、Boolean、Number、String 和 Symbol原始值,保存原始值的变量是按值访问的，因为我们操作的就是存储在变量中的实际值。存在栈内存上.引用值是保存在内存中的对象。实际上操作的是对该对象的引用而非实际的对象本身。为此，保存引用值的变量是按引用访问的。存在堆内存上4.1.1 动态属性原始值不能有属性,添加了也不生效、原始类型的初始化只可以使用原始的字面亮形式,如果使用了new关键字,js会创建一个新的Ob

原创 js高级程序设计（第二章）

HTML 中的 JavaScript2.1 script元素

原创 egg-swagger文档编写规范

官网地址：egg-swagger-doc-feat标题demo1router.jsapp.delete( '/api/A/B/deleteOne/:id', 'A.B.deleteOne', );controller/B.js /** * @Summary 删除 * @description: 根据id删除 * @Router DELETE /A/B/deleteOne/{id} * @Request path string *id id *

原创 js高级程序设计（第一章）

1.什么是JavaScript1.1 简短的历史回顾出现背景：当时，验证简单的表单，需要大量与服务器的往返通信成为用户的痛点。出现时间：1997 年，JavaScript 1.1 作为提案被提交给欧洲计算机制造商协会（Ecma）。1.2 JavaScript 实现1.2.1 ECMAScript1.ECMAScript 版本2. ECMAScript 符合性是什么意思（不是很理解）ECMA-262 阐述了什么是 ECMAScript 符合性。要成为 ECMAScript 实现，必须满足下列

原创 antd Descriptions中使用短语法＜react.Fragment＞失效

问题：返回的不是短语法里的标签，连带着短语法一起，导致样式失效（短语法未被解析）解决方案：讲短语法替换成数组原代码：return(<><Descriptions.Item label='描述1'>{row.one ? row.one : '-'}</Descriptions.Item>,<Descriptions.Item label="描述2">{row.two ? row.two : '-'}</Descriptions.Item&

原创 前端适配rem umi react

一、简介lib-flexible 会自动在 html 的 head 中添加一个 meta name=“viewport” 的标签，同时会自动设置html 的 font-size 为屏幕宽度除以 10，也就是 1rem 等于 html 根节点的font-size。假如设计稿的宽度是 750px，此时 1rem 应该等于 75px。假如某个元素的宽度是 150px，那么在 css里面定义这个元素的宽度就是 width: 2rem。但是当分辨率大于某个特定值时，它便不再生效。px2rem-loader 可以

原创 webpack入门

webpack入门入门教程链接: 入门 Webpack，看这篇就够了.注意：原作者版本是webpack@3，我的webpack是@5，很多相关属性都变了，所以有出入很正常有问题，多Google我是按照人家的教程一点点学习，现po上实现后的代码：文件目录软件版本：config.json{ "greetText": "Hi there and greetings from JSON!"}Greeter.css.root { backgroun

原创 svg字符串在react中的使用

需求：svg字符串在react中不用dangerouslySetInnerHTML如何呈现const img = '字符串';<img src={`data:image/svg+xml;utf8,${encodeURIComponent(img)}`/>

原创 session、token、cookie

一、session\token\cookie1.产生背景http是个无状态的请求，所以一个页面登录了，另一个页面，也不知道，为了解决网页共享数据，产生了session和cookie,以及替换者token2.客户端和服务端通信：客户端给服务端发消息服务器端接受客户端请求后，建立一个session，并发送一个http响应到客户端，这个响应头，其中就包含Set-Cookie头部。该头部包含了sessionId。在客户端发起的第二次请求，假如服务器给了set-Cookie，浏览器会自动在请求头中添加c

原创 node实现，下载html、pdf、html(html转word、pdf)

最近项目接到需求，要求下载html、word、pdf的文件，特此记录前端：react(antd)后端：node包：jsdom、html-pdf、html-docx-js<Button onClick={() => exportDownload('/后端处理api, {其他筛选逻辑}, '前端文件名');>下载</Button>exportDownload () { 其他筛选逻辑处理 const downloadUrl = `后端文件处理api`;

原创 egg-socket.io搭配socket.io-client的坑

项目前端react,后端用的egg框架，需要用到websocket，正好egg的官网上有配合使用的egg-socket.io，所以决定后端用egg-socket.io，前端搭配socket.io-client。以egg-socket.io/4.1.6为例，搭配的socket.io-client为2.1.1一定要注意node_modules里的egg-socket.io依赖的socket.io-client版本号！！！前端 const socket = require('socket.io-c

原创 shell脚本_入门

shell入门什么是Shellshell是一个命令行解释器， 他接受应用程序/用户命令，然后调用操作系统内核shell还是一个相当强大的脚本语言，易编写，易调试，灵活性强系统拥有的shellcat /etc/shells: 查看系统支持的shellshell脚本脚本格式#!/bin/bashshell变量变量定义使用定义变量： i=0撤销变量: unset 变量声明静态变量: readonly 变量不能unset不能修改提升为环境变量： expor

原创 预处理器和移动端布局

第一阶段第一讲：网页概述及常用标签

原创 阿里云轻量级服务器+CentOs+宝塔+Node+pm2+Nginx+uniapp部署网站

首先，如果你还没买服务器，千万不要买轻量级服务器，因为网上大部分的教程都是云服务器，实质上都是一样的。如果很不幸，你买了，那么希望我的文章能够帮到你。1.进入轻量应用服务器管理应用平台2.运行命令安装，宝塔面板：yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh中途如果出现任何选项：y/n：都是y如果出现以下界

原创 Vue使用UI库的时候修改默认样式失败问题

问题描述：使用Mint-ui、elementUI组件库的时候，尝试了加类名、加优先级（!important）等，修改样式失败（建议直接看四）解决方法：方法一：去掉style标签中的scoped会造成全局样式污染，如果你是一个起名字不重复小能手，你可以这么干，但是特别不推荐，在这里出现的目的就是为了凑个1而已；方法二：将要修改的样式写在全局样式里，也不推荐。方法三：在引入的组件上加个类名，使用这个类名正常写样式就好，但是只能作用于最外层的选择器。方法四：样式穿透父级选择器 >>&gt

原创 面试题目汇总——js部分

1.什么叫js​ js是一门基于对象的、事件驱动的，解释性脚本语言2.js的组成ECMAScript js的语法标准DOM：document object model html文档 对象 模型 DOM提供了一些操作html文档的方法BOM：browser object model 浏览器 对象 模型 BOM提供了一些操作浏览器的方法3.js的三种引用方式行内样式内部引用：将代码写在script标签中外部引用：使用script的scr属性引入外部js文件4.数据类型基本数

原创 面试题目汇总——html、css基础知识部分

一、html1.常用浏览器及内核trident内核：IE浏览器及国产浏览器webkit：谷歌浏览器、Safari及国产双核浏览器Gecko:FirefoxBlink:opera、chrome2.前端页面构成html:超文本标记语言css:层叠样式表javaScript:脚本语言3.什么是HTMLhtml是超文本标记语言html是使用标记来描述网页的一种语言html是一种语法简单、结构清晰的语言4.<!doctype> 的作用​ 告诉浏览器该文档的一个版

原创 微信小程序之云菜谱的设计

npm-webpack部分xmind

原创 微信小程序之云开发基础知识

npm-前端模块化

原创 ts学习记录

node-利用token完成身份验证

原创 node后端重点部分-文件见资源

原创 node-express中间件使用

node-express中间件使用

原创 node知识-npm部分，文件可见资源

node知识-npm部分

原创 node基础知识部分小记

Day011.严格模式1)变量必须写var2)this不能指向window3)eval有独立的作用域使用目的：为了后面ES6做铺垫2.json对象1)Unexpected token ’ in JSON at position 1 json.parse()参数里的json数据，格式不对2)JSON.parse() json字符串转js对象/数组3)JSON.stringify() js对象/数组转json字符串4)JSON字符串 和JS对象的区别：json字符串数据里，key必须双引

原创 Js基础部分详记

复习第一天：js初识1.js的历史网景公司 布兰登艾奇 js who借鉴了java的数据管理机制和c的函数 howjs的创建时用来解决浏览器和用户之间互动的问题 domocha --liveScript --javaScript 历程2.什么叫jsjs是一门基于对象的、事件驱动的，解释性脚本语言基于对象：对象是js中的一种数据，包含了一些方法，这些方法可以解决js中的一些最基本的操作。(对象只能解决基础问题)由事件驱动：主要是用来解决浏览器和用户之间的交互问题的。用户对浏览器页面进行操作

原创 html+css3基础知识部分详记

1.VsCode操作1）语言切换2）“文件”——首选项——“设置”3）插件：view in browseropen in browser4）快捷键alt+b 使用默认浏览器打开shift+alt+向下箭头 向下复制一行shift+alt+向上箭头 向上复制一行alt+向下箭头 向下移动行alt+向上箭头 向上移动行shift+tab 向前移动ctrl+z 回退一步2.浏览器及内核1）chrome谷歌：特点——简洁、快速、安全内核——webkit,Blink费用——收费2）

原创 浅记React

一、React介绍1.什么是react1.react是facebook内部的一个javascript类库，用于构建用户界面的 JavaScript 库2.react官网https://react.docschina.org/3.react不是一个弯针的MVC框架，最多可以认为是MVC中的V(View)4.react引入虚拟DOM机制5.react引入组件化思想6.react使用facebook专门为其开发的一套语法糖–jsx2.使用React的好处1.react的运行速度快2.跨浏览器