逆光-mazewei-CSDN博客

原创 Running the contributed command: ‘todo-tree.refresh‘ failed vscode报错解决

【代码】Running the contributed command: ‘todo-tree.refresh‘ failed vscode报错解决。

2023-04-12 22:19:01 309

原创 Webpack 缓存优化

webpack之optimization.runtimeChunk作用runtimeChunk 是运行时的chunk文件，比如异步执行的代码：如果主文件引入这样的文件的话每次改变引入文件的内容，生成的主文件哈希值都会变化，这时候就需要使用runtimeChunk将包含chunks映射关系的list单独从主文件总提取出来的，不提取出来的话app每次都会改变值，重新缓存数据。非常耗时配置runtimeChunk但是这样也有一个问题每次加载runtime的时间比执行该脚本的时间还要长，所以我们需要将其

2022-07-15 14:37:08 622

原创一些细碎的小点

document.documentElement和document.body的区别页面具有 DTD，或者说指定了 DOCTYPE 时，使用 document.documentElement。页面不具有 DTD，或者说没有指定了 DOCTYPE，时，使用 document.body。document.documentElement 是整个节点树的根节点即<html>document.body 是DOM对象里面的body子节点即<body>没有DTD的时候documentE

2022-06-01 20:49:35 112

原创 JavaScript中原型链继承的问题

原型链继承是JS中实现继承的方法之一，但是它有两大问题1 在原型中包含的引用值会在所有实例之间共享，function SuperType(){ this.color = ["red", "blue", "green"];}function SubType(){}SubType.prototype = new SuperType();let instance1 = new SubType();instance.color.append("black");console.log(insta

2022-05-28 16:08:34 146

原创 CSS 与 JS 是这样阻塞 DOM 解析和渲染的

添加链接描述

2022-05-21 17:52:26 165

原创天津财经大学考研

801经济学专业课一定要早开始，吃透并理解全面知识点，对于复习百利而无一害。今年专业课的高分不像往年那么多了，出了几道新题，不像往年重复率那么高并且重点那么明显，就需要全面的复习到，不能光背背所谓的重点和真题就想着能考到一个比较高的分数了。首先是根据学姐笔记看课本还有网课，全面透彻理解知识点，总结梳理框架，中途可以做一做从屹习题册，计算题也要做一做，以防万一考到计算题不慌张。我是在五六月份先全面的看了一遍课本，由于期末等多事，暑假也是在看课本，从屹和看知识点分析。然后结合学姐的专业课资料我把微观和宏观这

2022-05-02 13:55:14 120

原创 React文档学习记录

高阶组件高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。具体而言，高阶组件是参数为组件，返回值为新组件的函数。组件是将 props 转换为 UI，而高阶组件是将组件转换为另一个组件。class CommentList extends React.Component { constructor(props) { super(props); this.handle

2022-04-29 22:47:56 346

原创 CSS响应式布局

**根据游览网页设备（pc, phone, pad, print, tv）的不同，而自动的改变布局，图片文字效果，不会影响用户的游览体验**响应式网页必须做到下面几件事布局，不能固定元素的宽度，必须是流式布局（默认文档+浮动）文字和图片大小随着容器的大小而改变 rem使用css3提供的媒体查询功能相应网页依靠的是媒体查询技术，媒体查询技术会导致css代码量几何性的增加。复杂页面不适合响应式编写响应式网页1移动端的适配在meta中设置视口<meta name="viewpoi

2022-04-29 22:44:50 181

原创 React18中类似redux的 context

// Context 可以让我们无须明确地传遍每一个组件，就能将值深入传递进组件树。// 为当前的 theme 创建一个 context（“light”为默认值）。const ThemeContext = React.createContext('light');class App extends React.Component { render() { // 使用一个 Provider 来将当前的 theme 传递给以下的组件树。 // 无论多深，任何组件都能读取这个值。

2022-04-24 11:34:52 159

原创 react router component与render有什么区别？

添加链接描述

2022-04-11 22:24:14 352

原创 javascript中 this的指向

添加链接描述

2022-04-09 09:34:49 800

原创 CommonJs和ES6 module的区别

CommonJS 是一种模块规范，最初被应用于 Nodejs，成为 Nodejs 的模块规范。运行在浏览器端的 JavaScript 由于也缺少类似的规范，在 ES6 出来之前，前端也实现了一套相同的模块规范 (例如: AMD)，用来对前端模块进行管理。自 ES6 起，引入了一套新的 ES6 Module 规范，在语言标准的层面上实现了模块功能，而且实现得相当简单，有望成为浏览器和服务器通用的模块解决方案。但目前浏览器对 ES6 Module 兼容还不太好，我们平时在 Webpack 中使用的 export

2022-04-04 15:14:15 669

原创 CSS中的权重计算

内联样式，如: style=“…”，权值为1000。ID选择器，如：#content，权值为0100。类，伪类、属性选择器，如.content，权值为0010。类型选择器、伪元素选择器，如div p，权值为0001。通配符、子选择器、相邻选择器等。如* > +，权值为0000。继承的样式没有权值...

2022-04-02 21:58:40 112

原创 URL 中 fragmemt的使用

scheme:[//[user:password@]host[:port]][/]path[?query][#fragment]fragment主要资源是由 URI 进行标识，URI 中的 fragment 用来标识次级资源。我理解看来，fragment 主要是用来标识 URI 所标识资源里的某个资源。在 URI 的末尾通过 hash mark（#）作为 fragment 的开头，其中 # 不属于 fragment 的值。javascript https://domain/index#L18这个

2022-04-01 17:08:51 839

原创 Leecode 刷题记录

剑指 Offer 35. 复杂链表的复制Object.assign //Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);// expected output: Ob

2022-04-01 16:46:52 168

原创 JS中执行机制

/* 结果是： //"马上执行for循环啦" //"代码执行结束" //"执行then函数啦" //"定时器开始啦"*/setTimeout(function(){ console.log('定时器开始啦')}); new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){

2022-04-01 16:45:20 121

原创 js中getElementBy系列和querySelectorAll的对比

querySelectorAll比getElementBy系列速度慢因为querySelectorAll返回一个静态的NodeList（深克隆）getElementBy系列返回一个动态的实时变化的NodeList（HTMLCollection）（浅克隆，每次都返回一个指针）所以querySelectorAll会降低性能什么叫静态的？意思是指选出的所有元素的数组，不会随着文档操作而改变。用querySelector操作元素示例如下：HTML代码：<ul> <l

2022-03-31 23:02:24 397

原创 JavaScript中大量拼接字符串的方法

由于js中字符串的不可变性使得我们在使用+=拼接字符串的时候会占用很大的空间，容易造成卡死情况接下来是解决方法<script>//如果我们大量使用+=进行字符串拼接的话，将会使界面失去响应(卡死状态)//高效拼接字符串var StringBuilder=function(){ this.data=[];}StringBuilder.prototype.append=function(){ this.data[this.data.length]=arguments[0

2022-03-31 16:06:27 684

原创 javascript中Object对象常用方法学习

1 Object.assign将来自一个或者多个源对象的值复制到另外一个目标对象。Object.assign(target,...sources);//其中将sources中的对象复制到target中同名的将会覆盖此函数返回目标对象。仅可枚举自有属性从源对象复制到目标对象。可使用此函数合并或克隆对象。只拷贝对象自身的可枚举的属性const returnObject = Object.assign(target, ...sources);console.log(returnObject===

2022-03-31 13:47:56 390

原创 VUE data数据监测原理

<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script type="text/javascript" > let data = { name:'尚硅谷', address:'北京', } //创建一个

2022-03-16 11:14:49 587

原创 Promiss 执行顺序

js执行是单线程的，所以浏览器执行会把js事件，划分为当前执行，和等待执行的栈等待执行中的栈一般为异步事件，其中也分为宏任务和微任务之分，一般是执行一个宏任务后，执行微任务栈里的所有微任务，在接着执行下一个宏任务，在执行任务途中会将对应的宏任务和微任务依次添加到对应的栈中(也就是说在下一个宏任务执行之前，微任务的等待栈是空的)promise对象.then,.catch为微任务function a() { console.log('a');//主进程 Promise.resolve().then

2022-03-14 16:38:29 95

原创关于egg 中间件 session传递不成功的坑

egg session问题

2022-03-09 23:57:56 853 1

原创 express的中间件机制

// 定义一个空数组，存放我们所有的`中间件`const middlewares = [];// 定义app的use方法app.use = function(middleware) { // 每次use一个新的中间件(其实就是一个函数),实际上是往middlewares数组中添加该middleware middlewares.append(middleware);}/* 中间件的代码其实就是上面写的那么简单(当然我简化了很多，但是思想就是这么一回事) 接下来我.

2022-02-16 00:42:01 508

原创使用PIL打开网页上的图片的方法

import requestsfrom PIL import Imagefrom io import BytesIOyzmdata = requests.get(图片url)tempIm = BytesIO(yzmdata.content)im = Image.open(tempIm)

2020-06-22 13:39:06 3072

原创 torch学习笔记（3）

张量torch.Tensor 是这个包的核心类。如果设置它的属性 .requires_grad 为 True，那么它将会追踪对于该张量的所有操作。当完成计算后可以通过调用 .backward()，来自动计算所有的梯度。这个张量的所有梯度将会自动累加到.grad属性.要阻止一个张量被跟踪历史，可以调用 .detach() 方法将其与计算历史分离，并阻止它未来的计算记录被跟踪。为了防止跟踪历史记录(和使用内存），可以将代码块包装在 with torch.no_grad(): 中。在评估模型时特别有用，因为

2020-06-18 15:26:11 185

空空如也

空空如也