- 博客(40)
- 收藏
- 关注
原创 Vue3初学随笔
2020年9月Vue.js发布版3.0One Piece,相较于Vue2setup是Vue3中一个新的配置项,值是一个函数,组件中所用到的:数据、方法、计算属性、监视等均在setup中配置。setup函数返回的对象中的内容,可直接在模板中使用。setup中this指向为undefined。setup函数会在之前调用,领先所有钩子执行姓名:{{ name }}年龄:{{ age }}
2024-10-10 22:17:26
1563
原创 三小时快速上手TypeScript,TS速通教程(上篇、中篇、下篇、附加篇)
禹神:三小时快速上手TypeScript,TS速通教程(上篇、中篇、下篇,3合1笔记),根据视频笔记整理,附加部分标注。TypeScript 、常用类型、常用语法、泛型、类、接口、装饰器等
2024-09-28 15:49:17
2621
1
原创 从JavaScript执行原理看作用域与闭包
是JavaScript中非常重要的一个概念,MDN中提到闭包(closure)是一个函数以及其捆绑的周边环境状态(lexical environment,词法环境)的引用的组合。换而言之,闭包让开发者可以。在 JavaScript 中,闭包会随着函数的创建而被同时创建。看起来非常晦涩难懂,不易理解。今天写下这篇文章就是想从原理上深入探索,彻底弄明白什么是闭包。
2024-09-05 23:31:14
1619
1
原创 JavaScript DOM事件流之捕获与冒泡
网页是由一个一个元素组成的,正如我们肉眼所见,网页上的元素存在包含关系,简单的点击又怎么确定到底谁来触发响应呢?想象一下,在纸上画了两个大小不同的同心圆,然后用手指指向它里面的圆,那么你能说了指向的圆没有包含外面的圆吗?显然不是的,为了解决这个问题,出现了事件流。
2024-09-05 23:28:05
1173
原创 搞定JavaScript异步原理,深入学习Promise
浏览器是多进程的,我们每打开标签页就会产生一个进程,因此打开的标签页越多,进程就越多,对CPU的消耗就越严重,从而出现卡顿。以Chrome浏览器为例,我们可以通过浏览器右侧设置-更多工具-任务管理器查看当前浏览器进程。Chrome浏览器主要进程包括1个浏览器进程(Browser进程)、1个GPU进程、1个网络进程、多个渲染进程和多个插件进程。浏览器的渲染进程是多线程的,主要由Javascript引擎线程、GUI渲染线程、事件监听线程、定时器线程、异步http请求线程等组成。Javascript引擎线程: 是
2024-09-05 23:21:48
2071
原创 记一次python爬虫requests.post报错405,参数params、data、json用法
最近审批太多,需要手动上传,写了个爬虫进行自动上传审批,报错405,原来的代码是这样的# 请求头headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36', 'Cookie': Cookie, 'Referer': 'http://132.xxx.xx.xx:
2022-04-20 11:44:35
7306
原创 彻底搞懂JavaScript中this指向
javascript中的this this绑定 默认绑定 new绑定 显示绑定 隐式绑定 硬绑定 隐式丢失 this绑定优先级
2022-04-08 11:40:45
3221
原创 JavaScript总结【11】事件简介
常用浏览器事件EventaddEventListenerremoveEventListenerevent对象冒泡和捕获冒泡DOM事件传播的3个阶段、捕获事件委托浏览器默认行为阻止浏览器默认行为处理程序选项passiveevent.defaultPreventedUI事件鼠标事件常用鼠标事件:触发顺序鼠标按钮组合键:`shift`、`alt`、`ctrl`、`meta`坐标防止鼠标按下时选择指针事件常用指针事件指针事件的属性事件:ponitercancel指针
2022-03-06 11:49:33
835
原创 `yarn add node-sass` 报错Command failed.
yarn add node-sass 报错Command failed.解决方案:1、梯子,重新运行命令2、使用镜像
2021-12-06 19:06:20
784
原创 JavaScript总结【11】事件简介
常用浏览器事件EventaddEventListenerremoveEventListenerevent对象冒泡和捕获冒泡DOM事件传播的3个阶段、捕获事件委托浏览器默认行为阻止浏览器默认行为处理程序选项passiveevent.defaultPreventedUI事件鼠标事件常用鼠标事件:触发顺序鼠标按钮组合键:`shift`、`alt`、`ctrl`、`meta`坐标防止鼠标按下时选择指针事件常用指针事件指针事件的属性事件:ponitercancel指针
2021-11-22 22:32:59
1435
原创 JavaScript总结【10】Document
DOM节点类搜索文档节点属性nodetypenodeName 和 tagNameinnerHTMLouterHTMLnodeValue/datatextContenthidden其他属性修改文档样式和类className 、 classList 和 style计算样式元素大小和滚动几何offsetParent、offsetLeft、offsetTop(只读)offsetWidth、offsetHeight(只读)clientTop、clientLeft、clientWi
2021-11-16 21:10:59
2041
原创 JavaScript总结【8】生成器
目录JavaScript 生成器Generator创建生成器generator组合yield是一条双向路generator.throw异步迭代和generator异步可迭代对象异步generatorJavaScript 生成器GeneratorGenerator 可以按需一个接一个地yield多个值。它们可与iterable完美配合使用,从而可以轻松地创建数据流。创建生成器语法:function*,即所谓的 “generator function”function* generateSequ
2021-11-13 19:59:38
468
原创 JavaScript总结【7】Promise async await
PromisePromise、生产者、消费者Promise 对象的构造器(constructor)语法消费者 then、catch、finally.then.catch.finallyPromise链和错误处理Promise APIPromise.allPromise.allSettledPromise.racePromise.resolvePromise.rejectPromisificationAsync/awaitAsyncawait
2021-11-13 14:05:08
779
原创 JavaScript总结【6】错误处理
try...catch语法Error对象抛出自定义error只处理已知errortry…catch…finally全局catch
2021-11-11 00:45:04
477
原创 JavaScript总结【5】原型、继承和类
原型Prototype原型链`__proto__`和 `[[Prototype]]` 的区别for...in与继承F.prototype原生的原型从原型中借用原型方法,没有 __proto__ 的对象类基本语法class的本质类表达式计算属性名称类字段类继承静态属性与静态方法私有的和受保护的属性和方法类检查Mixin
2021-11-10 23:45:31
772
原创 JavaScript总结【4】函数进阶
Rest 参数与 Spread 语法Rest 参数arguments变量Spread语法作用域和闭包词法环境与变量闭包函数对象属性name属性length自定义属性命名函数表达式new Function语法setTimeout 和 setIntervalsetTimeoutsetInterval嵌套的setTimeout零延时setTimeout装饰器模式和转发一个简单的装饰器适用对象方法的装饰器多个参数的传递装饰器和函数属性防抖和节流装饰器防抖节流箭头函
2021-11-06 15:50:08
491
原创 JavaScript总结【3】数据类型
数字类型常见数字类型舍入0.1+0.2如何解决0.1+0.2问题isFinite 和 isNaNparseInt 和 parseFloat进制转换其他数学函数数组数组创建数组的长度数组方法数组的循环数组的toString数组相等可迭代对象Symbol.iterator显式调用迭代器可迭代(iterable)和类数组(array-like)Array.fromMap and Set(映射和集合)Mapmap的属性和方法创建map从map创建对象Setset
2021-11-03 00:04:46
221
原创 移动端布局
移动端基础移动端浏览器现状移动端屏幕现状移动端调试方法视口布局视口 layout viewport视觉视口 visual viewport理想视口 ideal viewportmeta视口标签二倍图物理像素和物理像素比lRetina(视网膜屏幕)与多倍图移动开发选择和技术解决方案移动端开发选择移动端技术解决方案常用移动端页面布局常用布局流式布局flex布局什么是flex布局父项常见属性flex-directionjustify-contentflex-wrap
2021-10-19 23:57:08
335
原创 计算机网络ch6-应用层
第六章 应用层应用层与网络应用模型DNS(Domain Name Server)文件传输协议FTP电子邮件万维网和Http协议
2021-10-17 11:45:54
422
原创 计算机网络ch5-传输层
目录第五章 传输层传输层的功能传输层的两个协议传输层的寻址与端口TCP连接管理TCP可靠传输TCP流量控制TCP拥塞控制
2021-10-17 11:41:37
115
原创 计算机网络ch4-网络层
第四章 网络层网络层的功能分组交换的两种方式路由算法及路由协议OSPF协议BGP协议IPV4与NAT网络地址转换NAT子网划分与子网掩码、CIDRARP、DHCP与ICMPIPV6组播移动IP网络层设备网络层设备
2021-10-17 11:36:37
617
原创 计算机网络ch3-数据链路层
第三章 数据链路层数据链路层的功能封装成帧差错检测流量控制与可靠传输机制介质访问控制局域网PPP协议和HDLC从协议HDLC协议数据链路层的设备
2021-10-17 11:28:31
853
原创 计算机网络ch2-物理层
第二章 物理层物理层的主要任务信号的传输方式数据通信中的常用术语编码调制信道的极限容量物理层下的传输媒体常见物理层网络设备宽带接入技术常见物理层网络设备宽带接入技术
2021-10-17 11:18:16
774
原创 计算机网络ch1-概述
互联网的组成计算机之间的通信方式三种交换方式及其比较计算机网络的类别计算机网络的性能指标网络协议计算网络体系结构实体、协议、服务和服务访问点
2021-10-17 11:14:37
1637
原创 JavaScript总结【2】对象Object基础
JavaScript总结【2】Object(对象)基础对象属性属性命名属性调用计算属性对象引用和复制引用及比较克隆与合并JavaScript垃圾回收机制可达性分析基本步骤优化算法对象方法中的this对象的构造函数和操作符new构造函数new操作符可选链`?.`可选链是什么可选链的变体Symbol类型什么是symbol获取symbol描述的属性创建隐藏属性在对象中使用symbol作为字面量symbol的键全局symbol系统Symbol对象的原始值转换对象原始值三种转换ToPrimitiveObject(对
2021-10-16 16:17:38
138
原创 JavaScript总结【1】基础知识
JavaScript总结【1】JavaScript基础知识简介JavaScript简介浏览器执行JavaScriptJavaScript的组成JavaScript的书写方式变量变量命名保留关键字变量声明var 、let、const数据类型Number类型BigInt类型String类型Boolean类型Null类型Undefined类型复杂数据类型typeof操作符数据类型转换JavaScript操作符算术运算符比较运算符逻辑运算符赋值运算符位运算符其他运算符运算符优先级JavaScript语句条件控制语句
2021-10-13 22:54:52
235
原创 彻底解决vscode中Beautify插件格式化React项目中的jsx代码
彻底解决vscode中Beautify插件格式化React项目中的jsx代码
2021-09-07 22:38:12
834
原创 React基础
文章目录一、初识React1、React的特点2、安装React3、我的第一个React实例4、React脚手架的使用4.1 React脚手架的意义4.2 使用React脚手架初始化项目二、JSX语法1、JSX的基本使用1.1 creatElemet()的问题1.2 JSX简介1.3 为什么脚手架中可以直接使用JSX语法2、JSX基本语法2.1 JSX注意点2.2 在JSX中嵌入JS表达式2.3 条件渲染2.4 列表渲染三、React组件及事件处理1、创建组件的两种方式1.1 使用函数创建组件1.2 使用类
2021-09-01 21:46:26
245
原创 Git基础
版本管理版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。1、使用版本管理的优势操作简便易于对比易于回溯不易丢失协作方便2、版本控制系统分类本地版本控制系统单机运行,不支持多人协作版本数据库故障后,历史跟新记录会丢失集中化版本控制系统服务器保存文件所有更新记录,客户端只保留最新的文件版本,联网运行,支持多人协做,性能差不支持离线提交版本更新中心服务器崩溃后,所有人无法正常工作版本数据库故障后,所有历史更新记录会丢失分布式版本控制系统(典型代表
2021-08-26 22:13:45
109
原创 【学习笔记】JavaScript基础
初识JavaScript1. 什么是JavaScript2. 浏览器执行JS3. JS的组成4. JS的三种书写方式JS语言基础1. 注释2. JS输入输出语句3. 变量4. 标识符、保留关键字标识符保留关键字5. JS数据类型基本数据类型1) 数字Number2)字符串String2)布尔类型Boolean3)Undefined 和Null5)typeof4)数据类型的转换复杂数据类型...
2021-07-31 19:45:25
226
原创 【学习笔记】CSS基础
思维导图CSS引入方式CSS选择器CSS基础选择器CSS复合选择器字体样式字体基础属性标签显示模式(display)CSS背景CSS三大特性盒子模式CSS三种布局机制三种布局机制浮动定位CSS书写顺序元素的显示与隐藏字体图标字体图标
2021-07-31 15:28:22
254
原创 文字溢出时显示省略号
CSS实现单行、多行溢出时显示省略号效果单行<!DOCTYPE html><html lang="zh-cn"><head> <title>文字溢出时的省略号效果</title> <style> div { width: 150px; height: 80px; background-color: skyblue;
2021-07-31 11:28:51
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人