- 博客(32)
- 收藏
- 关注
RSS订阅原创 for in和for of的区别
5、无论是 for...in 还是 for...of 都不能遍历出 Symbol 类型的值，遍历 Symbol 类型的值需要用 Object.getOwnPropertySymbols() 方法。3、for...in 循环不仅遍历数字键名，还会遍历手动添加的其它键，甚至包括原型链上的键。for...of 则不会这样。for...of 循环可以与break、continue 和 return 配合使用，跳出循环。2、对于普通对象，没有部署原生的 iterator 接口，直接使用 for...of 会报错。
2023-03-27 08:32:37
192
原创 splice和slice的区别
1.splice改变原数组，slice不改变原数组。2.splice除了可以删除之外，还可以插入。3.splice可传入3个参数，slice接受2个参数。
2023-03-22 20:36:27
3104
1
原创 移动端适配01
rem：是相对长度单位。是根元素（html）的font-size值的一个css单位，只与根元素字体大小有关；新建一个vite的vue项目，安装需要的依赖。删除项目自带的组件中，你不需要的组件及其样式。我们在制作页面的时候，只考虑跟设计稿相同的屏幕尺寸即可，其他尺寸屏幕自动适配。大部分浏览器的默认字体大小都是16px，所以1rem = 16px；只需要修改 html 元素的 font-size 即可实现等比适配。长度单位都用 rem 设置 当屏幕尺寸改变时，其他相关文件内的内容，在下面的图片里。
2023-03-20 21:44:47
205
原创 防抖和节流
eg：我们设置了一个等待时间为 3 秒的函数，在这 3 秒内，如果遇到函数调用请求就重新再计时 3 秒，一直到新的 3 秒内没有函数调用请求（这 3 秒结束后），此时执行函数，不然就以此类推重新计时。指触发事件后，在 n 秒内函数只能执行一次。如果在 n 秒内又触发了事件，则会重新计算函数执行时间。也就是说，短时间内不重复触发一个事件。二是为了节约一定的服务器资源，减少资源浪费的情况。一是为了防止用户频繁操作；
2023-03-16 21:12:35
68
原创 创建新的 React 应用
它只是创建一个前端构建流水线（build pipeline），所以你可以使用它来配合任何你想使用的后端。它会配置你的开发环境，以便使你能够使用最新的 JavaScript 特性，提供良好的开发体验，并为生产环境优化你的应用程序。你需要在你的机器上安装。npm start命令。就会跳转到下面这个页面，你的react项目就创建成功了。了解 Create React App 的更多信息。的舒适环境，也是用 React 创建。文件夹内生成你应用的优化版本。，但你无需了解它们的任何细节。
2023-03-16 21:09:00
971
原创 Webpack
Webpack 本身功能是有限的:开发模式：仅能编译 JS 中的ES Module语法生产模式：能编译 JS 中的ES Module语法，还能压缩 JS 代码Webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助 Webpack 解析样式资源我们找 Loader 都应该去官方文档中找到对应的 Loader，然后使用官方文档找不到的话，可以从社区 Github 中搜索查询Loaders | webpack 中文文档css-loader。
2023-03-13 08:49:15
58
转载 5分钟TypeScript快速上手
TypeScript会告诉你使用了非期望个数的参数调用了这个函数。在这两种情况中，TypeScript提供了静态的代码分析，它可以分析代码结构和提供的类型注解。就算你的代码里有错误，你仍然可以使用TypeScript。文件，它包含了和输入文件中相同的JavsScript代码。TypeScript里的类型注解是一种轻量级的为函数或变量添加约束的方式。然后，在浏览器打开刚刚新建的html文件 ，就能看到在ts文件中编译的内容。新建一个html文件，给里面输入下面的代码，将生成的。在编辑器，将下面的代码输入到。
2023-03-13 08:46:31
220
原创 前后端交互
URL（Uniform Resource Locator,统一资源定位器），它是WWW的统一资源定位标志，就是指网络地址，可以精确定位到每一个资源【类似于我们的身份证】。用于标识互联网上每个资源的唯一存放位置，浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。eg：登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作。网页中的数据，也是服务器对外提供的一种资源。网页中的数据，也是服务器对外提供的一种资源。
2023-03-13 08:46:14
74
原创 Vue循环创建列表为什么需要key///for in和for of的区别
（1）为了性能优化 因为vue是虚拟DOM，更新DOM时用diff算法对节点进行一一比对， 比如有很多li元素，要在某个位置插入一个li元素，但没有给li上加key，那么在进行运算的时候，就会将所有li元素重新渲染一遍， 但是如果有key，那么它就会按照key一一比对li元素，只需要创建新的li元素，插入即可，不需要对其他元素进行修改和重新渲染。3、for...in 循环不仅遍历数字键名，还会遍历手动添加的其它键，甚至包括原型链上的键。for...in 循环主要是为了遍历对象而生，不适用于遍历数组。
2023-03-09 15:45:18
410
原创 浅拷贝和深拷贝---JS
而我们都知道通过赋值运算等方法产生一个拷贝对象，拿到的其实还是原对象，因为我们复制的仅仅是该对象的引用，修改新的对象，原对象的内容也会发送改变，因为原对象和新对象的引用一样，所以深浅拷贝问题就诞生了。拷贝的数据里不能有函数，处理不了，浅拷贝，拷贝的是引用，修改拷贝以后的数据会影响原数据，深拷贝（深度克隆），拷贝时生成新数据，修改不会影响原数据。只复制一层对象，当对象的属性是引用类型时。浅拷贝只是将数据中所有的数据引用下来，依旧指向同一个存放地址，拷贝之后的数据修改之后，也会影响到原数据的中的对象数据。
2023-03-06 21:52:31
207
1
原创 gitee使用教程
版本控制（Revision control）是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史，方便查看更改历史记录，备份以便恢复以前的版本的软件工程技术。指对软件开发过程中各种程序代码、配置文件及说明文档等文件变更的管理，是软件配置管理的核心思想之一。想把代码放在哪里，就找到那个文件夹，然后右键进入Git bash here，把地址输进去，回车。并给文件里输入代码。每一次文件的更改，文件的版本号都增加。点击+号进行添加，点击-号，从暂缓区取消。注册成功后登录，登录成功后，进行下一步。
2023-03-03 20:34:52
2362
原创 [plugin:vite:css] Can‘t find stylesheet to import. ╷1 │ @forward ‘E:/Program Files/webpack/docs/.
办法一：删除node_moudle文件夹，然后输入命令：npm install,回车，重新安装一遍插件。办法二： 这是因为你的安装目录中的文件夹名字是汉字或者名字中存在空格。换一个没有汉字和空格目录就行。下载webpack包时出现问题。
2023-03-02 14:50:14
3701
1
原创 组合式API
它也是响应式的，即所有对 .value 的操作都将被追踪，并且写操作会触发与之相关的副作用。接受一个内部值(number|string)，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value。//更改value值时需要.value；声明的顶层的绑定 (包括变量，函数声明，以及 import 导入的内容) 都能在模板中直接使用。msg就可以直接使用，不用再绑定，使用时不用this了（避免使用this），但不是响应式的，要变成响应式的需要ref函数进行包裹，变成ref对象。
2023-03-01 11:12:24
88
原创 使用html简单仿写一个静态的绝地求生官网首页
引入动图的标签就不能用img了，要使用,并且设置了：自动播放，静音播放，循环播放，即：autoplay， muted ，loop。5.首先我们先编辑官网的导航栏部分 ，写在header标签里的nav自命名标签中。将你下载好的图片，拖入上面建好的image文件夹中。这是我以前写的一个静态网页，算一个html入门的简单的教程。1.首先在vscode新建一个文件夹，点击如图所示，点击蓝笔圈起的图标（左边的是新建文件）也是将动态图保存到image里，红圈部分就是我们要用的动图，后缀是.mp4。
2023-02-23 21:19:00
1017
原创 vue07---ROUTER02
接着vue06来看vue06---ROUTER_guaishou♂xxx的博客-优快云博客再给routecomponent文件夹中设置路由文件(例如：A.vue ,B.vue ,C.vue )和index（用来设置页面的样子），以及router.js（用来设置路由)1.在components中新建routecomponent文件夹。4.在router.js中将路径与组件进行关联。再给index.vue中写入页面样式。3.给app.vue引入index.vue。2.给ABC.vue中写入三个基本框架；
2023-02-22 12:30:00
70
原创 vue05
slot> 元素可以有一个特殊的 attribute name，用来给各个插槽分配唯一的 ID，以确定每一处要渲染的内容。，因此 可以简写为 在父组件ToDoList的Header组件中，加入想插入的内容。此时不会显示默认内容submit，而是显示父组件中的内容。-- header 插槽的内容放这里 -->在外部没有提供任何内容的情况下，可以为插槽指定默认内容。-- 默认内容 -->插槽部分
2023-02-21 18:00:00
70
原创 vue06---ROUTER
再给routecomponent文件夹中设置路由文件(例如：A.vue ,B.vue ,C.vue )和index（用来设置页面的样子），以及router.js（用来设置路由)1.在components中新建routecomponent文件夹。4.在router.js中将路径与组件进行关联。再给index.vue中写入页面样式。3.给app.vue引入index.vue。2.给ABC.vue中写入三个基本框架；5.在main.js中让整个应用支持路由。在没有点ABC中任何一个时。
2023-02-20 19:49:17
80
原创 JavaScript听课笔记02
一个对象往往是由多个原始类型的值的合成，所以对象可以看 做是一个存放各种值的容器。（可以返回为object的有很多种情况，null也可以返回为object）2.document.write（“要输出的内容”）；3.console.log（“要输出的内容”）；5.Undefined 特殊值，是空，一般代表数值为没有。被双引号“”或单引号‘’包裹的都是字符串类型。4.Null 特殊值，是空，一般代表对象为空。右键“检查”，再点击console。加减乘除运算符+-*/1.数值number。用于判断基本数据类型。
2023-02-20 08:00:00
80
原创 vue04----仿作todoList
实现功能在文本框输入后按enter添加待办事项添加后显示在待办事项中完成后勾选check框，从待办事项中移除，显示在已完成中待办事项和已完成的计数功能删除单条待办事项按键clear清除所有事项
2023-02-19 19:57:15
126
原创 vue02
- 修饰语可以使用链式书写 --> 因此使用 @click.prevent.self 会阻止元素及其子元素的所有点击事件的默认行为而 @click.self.prevent 则只会阻止对元素本身的点击事件的默认行为。
2023-02-15 02:11:46
62
原创 出现Internal server error: v-html will override element children.错误如何解决
因为我在中写了注释，删除里面的注释，代码就可以成功运行了。我在编辑vue时出现了这个错误。通过搜索找到了这个解决办法。
2023-02-14 23:47:39
672
原创 mongodb通过命令行方式创建 database,collection,document
4>更新 : db.集合名.update({条件}，{$set:{....}})6> 排序：db.集合名.find().sort({属性名:-1})1>新建文档 db.集合名.insertOne({ ....})3>根据条件搜索文档： db.集合名.find({...})上述步骤可以在mongoDB compass里看到结果。5>删除： db.集合名.remove({条件})新建(使用)数据库： use 数据库名。2>查看所有文档： db.集合名.find()1.进入mongosh，输入27017。
2023-02-13 09:23:24
357
原创 CSS学习01
属性（property）是您希望设置的样式属性（style attribute）。1.CSS 简介：Cascading Style Sheets，层叠（级联）样式表。注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。由两个主要的部分构成：选择器，以及一条或多条声明（声明组）声明的语法：属性名1：属性值1；选择器通常是您需要改变样式的 HTML 元素。属性和值被冒号分开。属性和属性被分号分开。2.作用：修饰网页元素\网页标签。每条声明由一个属性和一个值组成。
2022-12-27 19:35:30
51
原创 JavaScript听课笔记01
在代码自上而下执行之前，浏览器会先把带var或者function关键字的进行“声 明”或“定义”，这就叫变量提升。一种轻量级脚本语言，不具备开发操作系统的能力，只是用来编写其他大型应用程序的脚本。JavaScript程序的单位是行（一行一行的执行），一个分号（；变量相当于一个固定空间，给这个空间里放东西，放的东西就是赋给变量的值。ECMAscript是js的规格，js是对ECMAscript实现。console.log(“要打印的东西”，引用的要打印的变量);用来识别各种值的合法名称，最常见的是变量名。
2022-12-27 19:25:39
104
原创 学习HTML的第一天
2>取红绿蓝的英文首字母RGB，数字范围0~255。eg：0 255 0就代表绿色；解释性语言（html）---->翻译器（浏览器）---->能听懂的语言（网页效果）独占一行，h1~h6、p、ul—li、ol—li...... 可以设置宽和高。Java：编译型语言---->编译器---->机器语言。特殊内联标签：span单纯的容器，没有任何样式修饰。HTML文档（web）包含（HTML标签和文本）特殊块标签：div 单纯的容器，没有任何样式修饰。后端：底层业务逻辑的实现，平台的稳定和性能。
2022-12-14 14:00:00
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人