可爱的橙子大爷-CSDN博客

我觉得很多概念都太复杂了，我直接说我的理解吧这是一个对象，我们现在要对它进行拷贝浅拷贝{…info}就是浅拷贝，就是直接把这个对象解构出来赋值给newObj；因为info本身会在内存中创建一个新的内存地址，且因为friend是一个对象，所以它也有自己的内存地址因为解构赋值的过程相当于在内存地址创建了一个新的地址存储newObj,此时friend的内存地址也会一起复制过去，并没有给friend创建新的内存地址，它指向的还是旧的内存地址，当我们改变friend的name时，newObj和info的fr

2022-06-24 16:07:50 274

原创 async-await使用之解决回调地狱

问：什么是async？答：就是一个异步函数，也是generator的语法糖，不过它返回的是一个Promise，要配合await关键字使用。需求：发送一次网络请求，等到这次网络请求有结果，再发送一次网络请求把这一次的结果返回出去，等到这次网络请求的结果完成，再发送一次网络请求把上一次的结果返回出去，等到这次网络请求的结果，以此类推网络请求如下方式一：层层嵌套产生回调地狱，阅读性差方式二:使用异步函数...

2022-06-21 17:56:16 698

原创设置position: sticky；不生效的原因

昨天设置 position: sticky;属性没生效，我辛辛苦苦排查了一天，终于找到了原因

2022-06-09 09:43:44 2470

原创浅谈-可迭代对象(iterable)

什么是可迭代对象它和迭代器概念不同当一个对象实现了iterable protocol协议时，它就是一个可迭代对象这个对象要求是必须实现@@iterator方法,在代码中我们使用Symbol.iterator访问该属性把数组作为迭代器的参数，并且[Symbol.iterator]返回一个迭代器对象特点：返回是一个函数每次调用生成的都是一个新的迭代器代码// 创建一个迭代器对象来访问数组元素const iterableObj = { names: ["abc", "ssdd",

2022-04-14 10:28:36 583

原创浅谈- 迭代器（iterator）

什么是迭代器？是确使用户可在容器对象上遍访的对象，使用该接口无需关心对象内部的实现细节最早出现在1974年设计的CLU编程语言编程语言：java python在js中，迭代器是一个具体的对象，这个对象需要符合迭代器协议，这个协议定义了产生一系列的值（无论是有限还是无限个）的标准方式那么在js中这个标准就是一个特点的next方法next函数要求是一个无参函数或者一个函数done如果迭代器可以产生序列中的下一个值，则为false如果迭代器已将序列迭代完毕，则为true，这种情况下，

2022-04-14 10:07:39 1227

原创手写promise-then方法(简单实现)

const PROMISE_STATUS_PEDDING = 'pedding'const PROMISE_STATUS_FULFILLED = 'fulfilled'const PROMISE_STATUE_REJECTED = 'rejected'class XYPromise { constructor(executor) { this.status = PROMISE_STATUS_PEDDING this.vaule = undefined

2022-04-12 17:32:04 163

原创浅谈-跨域

什么是跨域一个url是由协议，域名，端口（默认80）组成，当一个url的协议域名端口三者之间任意有一个与当前页面url不同时为跨域产生原因由于浏览器的同源策略同源策略（same origin policy）是一种约定，它是浏览器核心也是基本的安全功能，它会阻止一个域的js脚本与另外一个域的内容进行交互，如果缺少了同源策略，浏览器容易受到xss，crr攻击所谓同源（既在一个域），就是这两个页面具有相同的协议主机和端口号非同源会出现的限制无法读取非同源网页的cookie，localStroag

2022-04-12 16:25:53 104

原创手写promise-状态设计

const PROMISE_STATUS_PEDDING = 'pedding'const PROMISE_STATUS_FULFILLED = 'fulfilled'const PROMISE_STATUE_REJECTED = 'rejected'class XYPromise { constructor(executor) { this.status = PROMISE_STATUS_PEDDING this.vaule = undefined .

2022-04-12 16:10:42 329

原创 ps不能完成命令因为暂存盘已满

今天用ps发现这个问题，原来是c盘爆了，换个存储空间就行

2022-03-25 14:11:12 530

原创实现自动引入 element-plus +按需引入

自动导入安装npm i unplugin-vue-components unplugin-auto-import -D配置：vue.fonfig.jsconst AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webpack')const { ElementPlusResolver } = require('unplugin-v

2022-02-22 10:41:20 852

原创 vue3 子组件向父组件传值之emits

最近学习了子组件向父组件传值，在这记录一下，以防日后遗忘子组件... emits: ['foldChange'], //最重要 setup(props, { emit }) { const isFold = ref(true) const handleFoldClick = () => { isFold.value = !isFold.value emit('foldChange', isFold.value) } return {

2022-02-18 17:23:00 1336

原创 Error: listen EADDRINUSE: address already in use 127.0.0.1:8888

今天遇到很坑的bug搞了我半天，经过多方查询，才知道是端口被占用了，但是我一直不明白无敌端口为什么会被占用，前一会还是正常运行的；知道了原因那我们就关闭端口就好了：1.打开控制台输入 netstat -ano 查看所有端口2. 找到你被占用的端口的 pid 并记住他3. taskkill -f /pid pid（你的被占用端口的pid）完成重新启动项目即可参考文章...

2022-02-16 16:42:50 4236 8

原创 canvas写一个随鼠标移动的矩形

这两天被canvas完虐，搞了两天，终于写出了一个小功能，矩形可以随着鼠标移动移动，矩形也可以用drawImage替换成图片，同理，代码简单就不写注释了，在这记录一下防止遗忘<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

2022-01-05 15:06:36 1697 2

原创 flex解决换行第一行和最后一行两端对不齐的问题

昨天用flex布局，第一行和最后一行死活对不齐，然后我就查资料：网友上用 align-content: flex-start;死活对我没用啊，然后继续找资料，功夫不负有心人，终于找到了在第一行插入几个这个，排几个放几个，最后一行后面也是li style="visibility: hidden;height: 0;margin: 0;"></li>完美...

2022-01-05 09:04:01 1026

原创 webpack：options has an unknown property ‘contentBase‘. These properties are valid:

学习webpack之路真的报错老多，我又来了，这个错误的意思是contentBase这个属性失效了，我们得换成static devServer: { static: './public', hot: true, },

2021-12-17 11:04:19 1300 1

原创 Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible...

这两天学习webpack，安装vue搞出一个一个错误：查资料解决后记录一下，奉上参考地址，在这记录一下，防止遗忘https://blog.csdn.net/qq_42899245/article/details/118189209Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed

2021-12-17 09:32:48 903

原创 webpack学习之 HtmlWebpackPlugin CleanWebpackPlugin

继续上一篇webpack的学习：手动删除dist文件夹:CleanWebpackPluginHTML进行打包处理我们可以使用插件：HtmlWebpackPlugin；BASE_URL的常量 :DefinePlugin在vue的打包过程中复制public到dist文件夹:CopyWebpackPlugin；有报错，暂时不配置安装：npm install clean-webpack-plugin html-webpack-plugin copy-webpack-plugin -D配置：webpac

2021-12-16 15:29:00 208

原创 webpack学习之加载字体文件

继续我们上一篇的webpack学习，现在我们进一步学习其他的配置配置: package.config.js rules:[ { test: /\.(eot|ttf|woff2?)$/, type: "asset/resource", generator: { filename: "font/[name]_[hash:6][ext]" } } ]...

2021-12-16 11:48:05 813

原创 webpack学习之 less-loader file-loader url-loader 以及认识asset module type

继续我们上一篇的webpack学习，现在我们进一步学习其他的配置less-loader：预处理器安装：npm install less-loader -D配置: package.config.js const path = require('path');module.exports = { mode: "development", entry: "./src/main.js", output: { path: path.resolve(__dirname, "./build"),

2021-12-15 16:07:15 577

原创 webpack学习之 style-loader / css-loader

继续我们上一篇的webpack学习，现在我们进一步学习其他的配置css-loader：用于让webpack加载这个css文件安装：npm install css-loader -D / npm install style-loader -D配置: package.config.js const path = require('path');module.exports = { mode: "development", entry: "./src/main.js", output: {

2021-12-15 15:58:39 862

原创 webpack学习之webpack的局部使用

最近又想巩固一下webpack，然后又把王红元老师的课程找出来了，老规矩，上概念webpack:是一个静态的模块化打包工具，它是依赖node的，目前使用很广，三大框架都基于它，安装： npm install webpack webpack-cli –g # 全局安装 npm install webpack webpack-cli –D # 局部安装建议使用方式一：直接使用命令 webpack / npx webpack 不建议方式儿：脚本使用建议 01.新建webpack.co

2021-12-15 15:30:33 525

原创高德地图定位设置文本

最近写项目需要用到地图，地图要求标点和加文本显示地址，后来找到了对应的写法，在这儿记录一下，以防忘记；当然需要自己给定义一个内容框用来展示，也需要引入高德的api；废话不多说，上代码, var map = new AMap.Map('Map', { center: [xxxx, xxxx], // 修改成相应坐标 lang: 'en' }); var marker = new AMap.Marker({ position: new AM

2021-12-10 11:07:40 950

原创 Javascript学习/一个简单的深拷贝事件

const obj = { name: "wxy", friend: { name: "kobe" }};const info = JSON.parse(JSON.stringify(obj))

2021-12-08 15:08:56 68

原创 Javascript学习/ 防抖-节流

最近在学习王红元老师的高级js课程，学到了防抖和节流，想写篇笔记记录下，以防忘记,如有错误，欢迎指正一先上概念防抖：函数防抖，就是指触发事件后，在 n 秒后只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数的执行时间。我们可以理解为坐公交，司机开门等5秒如果有一个上车后准备关门，如果有看到后面有人，司机会继续等待5秒，直到没有人上车为止节流：限制一个函数在一定时间内只能执行一次，我们可以理解为地铁：在正常情况下地铁到站后不管有多少人上车，在一定时间内就会关门，如果后面人有没有赶上，只能等待下

2021-12-08 15:05:35 447

原创 Javascript学习/jq 播放视频封装

最近想封装播放视频的代码块，查了半天，才发现由于jquery中没有video的paly,pause方法，所以在使用jquery来控制视频的播放的播放状态时会出现问题，解决这个问题，首先需要用get(0)的方法将jQuery对象转为原生js对象，废话不多说，上代码 toggleSound($('#video1'), '#img1') function toggleSound(video, img) { var flag = false; $(img).click

2021-09-26 11:28:55 201

前端分页插件page.js

jquery-1.12.4.js

空空如也