- 博客(169)
- 收藏
- 关注
RSS订阅原创 Vue.js 中 “require is not defined“
解决 Vue.js 中 “require is not defined” 错误当你在 Vue.js 项目中使用 require 时遇到 “require is not defined” 错误，这通常是因为你的项目使用了而不是 CommonJS 的 require 语法。解决方案。
2025-06-12 11:30:02
86
原创 中止一个或多个 Web 请求
const timeoutId = setTimeout(() => resolve('任务完成'), 5000);// 监听中止信号reject(new DOMException('任务被中止', 'AbortError'));});reject(new DOMException('任务被中止', 'AbortError'));});console.log('任务被手动中止');});// 2秒后中止任务。
2025-06-04 10:48:15
185
原创 从a项目window.href跳转到b项目，b项目返回a项目
为什么在 B项目 用 history.back() 或 history.go(-1)，效果为什么等同于用户点击浏览器返回按钮。而b项目的window.history.length 输出 1。即使调用 history.back()，它只是 触发浏览器返回，而不会改变 B项目自身的 history 长度。B项目的 history.length 仍然是 1（因为 B项目的 history 不包含 A项目）。history.back() 和 history.go(-1) 操作浏览器全局栈，能返回 A项目。
2025-05-17 10:11:01
528
原创 webpack 学习
Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（module bundler）。在 Web 开发中，它主要用于将各种资源（如 JavaScript、CSS、图片等）打包成浏览器可以直接运行的文件。webpack作用把静态模块内容，压缩、转译、打包等（前端工程化）
2025-05-17 09:34:01
1184
原创 this.$emit(‘update:modelValue‘, value)` 通常用于触发 `v-model` 的更新
在 Vue.js 中，通常用于触发v-model的更新。父组件可以通过v-model绑定一个变量来接收子组件传递的值。假设你有一个子组件，它通过向父组件传递值。
2025-03-03 17:37:28
643
原创 form 表单验证不通过 页面自动滚动到不通过的输入框
scrollIntoView 是原生 JavaScript 提供的方法，可以直接将元素滚动到视口中。方法 1：使用 scrollIntoView。‘center’：元素与视口水平中央对齐。‘center’：元素与视口中央对齐。‘start’：元素与视口顶部对齐。‘start’：元素与视口左侧对齐。‘auto’：立即滚动（默认）。‘end’：元素与视口底部对齐。‘end’：元素与视口右侧对齐。‘smooth’：平滑滚动。
2025-02-28 15:36:47
179
原创 null和undefined的区别有哪些？
null是一个普通值，需要主动使用，只有主动使用时，null才会出现，没有声明null不会自己蹦出来undefined是一个特殊值，是js中最后的备选方案，当我们向js要求一个“不存在的东西”时，会得到undefined（例如：没赋值的变量、没return的函数、没传的参数）null本质上是个零，undefined本质上是个特殊对象，null可以和Number类型进行加减乘除，也可以进行比较//0//NaN12+null;//12//NaN//跟数字比较会更加明显-5<null;
2024-02-19 10:15:17
272
1
转载 vue中引入路径@的用法及说明
引用 https://blog.csdn.net/weixin_44836531/article/details/131061927。
2024-01-30 15:11:49
1684
1
转载 微任务宏任务 面试题 - 5 道 Promise 笔试题
Promise 面试题主要体现在与定时器(setTimeout，setInterval)，异步函数 async 等同时存在时其执行顺序。接下来在 Promise 中有一个 setTimeout 记为。注：以上定时器的宏任务是基于执行时间相同的情况下。立即执行函数 Promise 中 的 setTimeout 是第二个宏任务，称为。接着在第一个 setTimeout 中的 setTimeout 记为。，接下来在 Promise 中有一个 setTimeout 记为。先执行宏任务，再执行微任务。
2023-12-14 11:03:44
638
转载 前端网络基础 - fetch
其中，我们需要注意的是body属性值是一个可读流，所以我们无法直接获取body内容，需要从可读流中读取内容，而读取可读流中内容也是一个异步操作，Response贴心的为我们提供了如下实例方法去异步地获取body可读流中的内容。的方法进行设置，HTTP响应状态码，状态描述，响应HEAD，响应BODY，也全部依赖于xhr来获取，这其实不符合高内聚，低耦合要求，我们期望将HTTP请求所有的信息封装在一起，将HTTP响应的所有信息封装在一起。上面代码就是典型的回调地狱式的异步串行案例。
2023-12-13 16:23:10
458
原创 uniapp 开发过程
uni-app 提供内置 CSS 变量-----系统状态栏高度。引入.gitignore文件。新建一个uni-app项目。
2023-11-23 15:49:22
130
原创 three.js 郭隆邦 笔记1
three.js 其他扩展库 examples>jsm>controls 下的都是。.html 直接引入three.js 本地静态服务打开html。新版本 three>addons>controls。three.js 就用 live-server 就行。本地静态服务器 webpack vite 开发环境。vue 引入three.js(js库)
2023-08-29 10:51:36
643
原创 vue项目配置多种环境 process.env.NODE_ENV
在 Vue 项目中，我们可以通过配置 vue.config.js 文件来设置多个 process.env.NODE_ENV。通过以上配置，你可以在 Vue 项目中使用多种 process.env.NODE_ENV 环境。上述代码中，我们为每个环境配置了相应的脚本命令，通过添加 --env 参数来指定运行时的环境。1.首先，在项目根目录下创建一个 vue.config.js 文件，如果不存在的话。4.最后，运行对应的脚本命令，项目将根据指定的环境配置运行。
2023-08-25 15:12:45
1526
原创 vue项目中 package.json 详解
在 Vue 项目中，package.json 是一个重要的配置文件，它包含了项目的名称、版本、作者、依赖等信息。下面是一份详细的 Vue。以上是一个简单的 Vue 项目 package.json 配置示例，实际配置内容可能会根据项目的不同而有所变化。
2023-08-25 15:08:23
1789
原创 rem布局以及rem自适应js
rem（font size of the root element）是指相对于根元素的字体大小的单位，简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。把rem.js放到公共js文件夹，哪个页面需要则引入。
2023-08-21 14:59:23
1239
1
转载 webpack loader 使用之 image-webpack-loader (图片压缩)
webpack 使用 image-webpack-loader, 我们可以对打包图片文件进行压缩。原文描述 ：Minify PNG, JPEG, GIF, SVG and WEBP images with imagemin内部使用 imagemin 库处理并压缩图片。
2023-06-13 09:17:50
3470
1
原创 vue实战-mockjs模拟数据
在mock中创建mockServer.js用来模拟数据。在src目录下创建文件夹mock。main.js中引入才能读取到。
2023-04-13 23:38:08
190
原创 vueelementui搭建项目
router的目录，在router目录里面创建一个index.js文件。utils目录 request.js。views目录 mian.vue。首先在src里面创建。
2023-04-13 23:00:19
423
转载 Node.js 中 __dirname ./ process.cwd()
Node.js 中 __dirname ./ process.cwd()
2022-03-02 11:51:00
917
原创 浅谈js防抖与节流
浅谈js防抖与节流防抖/节流是什么？什么功能场景需要限制函数的执行次数呢？实现防抖实现节流总结防抖/节流是什么？ 防抖或节流都是用来限制函数的执行次数； 思想：我们无法减少用户的操作次数，但是我们可以减少函数触发的频率； 防抖：在事件被触发n秒后再执行函数，如果在这n秒内又被触发了，重新计算时间； 节流：每隔一段时间，如果事件被触发n+1次，只执行一次函数；什么功能场景需要限制函数的执行次数呢？1.form 提交按钮，点击提交按钮就会发送ajax请求，多次点击就会多次请求，如果用户频繁的提
2021-12-19 16:23:39
459
1
原创 BOM-之-window对象和location对象的属性和方法
BOM-之-window对象和location对象window 对象Global作用域窗口关系窗口位置窗口大小窗口位置导航与打开新窗口定时器系统对话框location 对象location 对象的属性Location 对象方法window 对象 BOM 的核心是 window 对象，表示浏览器打开的窗口的实例。如果文档包含框架（frame 或 iframe 标签），浏览器会为每个框架创建一个额外的 window 对象。 &nbs
2021-11-26 15:05:52
961
1
转载 虚拟DOM了解、创建及React.createElement()
转载：https://blog.csdn.net/a18792627168/article/details/114479971 浏览器渲染 下图是浏览器的渲染图，下面会介绍虚拟DOM 可以看到这里，浏览器渲染需要三个引擎，HTML引擎、CSS引擎、JS引擎，页面渲染直接和html、css相关，生成一个DOM树和css规则树，最后合成一个渲染树，最后根据渲染树布
2021-09-28 15:19:00
277
原创 当接口数据没有值，.length 会报错，可以使用 && 或者 ？解决
一、&&data && data.list && data.list.length-1二、？
2021-09-22 13:55:15
407
转载 react 几种传值方式
react 传值几种方式大概：propscontextreduxreact-router 路由切换时通过url传值（少量非机密数据，其实也是props传）。一、父组件传给子组件父组件通过props传递给子组件；//父组件中<Child data={[1,2,3]} />//子组件中console.log(this.props.data);二、子组件传给父组件父组件通过props向子组件传入一个方法，子组件在通过调用该方法，将数据以参数的形式传给父组件，父组件可以在该方法
2021-09-14 16:27:12
1398
转载 高阶组件（HOC）
高阶组件（HOC）是 React 中用于复用组件逻辑的一种技巧。高阶组件是： 参数为组件，返回值为新的组件 的一个函数组件是 ： 将 props 转换为 UI，而高阶组件是将组件转换为另一个组件。一个高阶组件只是一个包装了另外一个 React 组件的 React 组件。形式通常实现为一个函数，本质上是一个类工厂（class factory）『包装』可以指两件事情：属性代理（Props Proxy）：高阶组件操控传递给 WrappedComponent 的 props，反向继承（Inhe
2021-09-14 16:15:42
920
原创 3. class组件其他api
class组件其他api错误处理1.static getDerivedStateFromError()2.componentDidCatch(error, info)其他APIs ：1.setState(updater, [callback])2.forceUpdate(callback)class 属性实例属性1.props2.state错误处理Error boundaries 仅捕获组件树中以下组件中的错误。但它本身的错误无法捕获。当渲染过程，生命周期，或子组件的构造函数中抛出错误时，会调用如下方法
2021-09-01 16:33:54
248
原创 2. React.Component class组件的生命周期API
class式组件的生命周期API定义class组件class组件的生命周期-分为3大部分挂载 -> (Mount):组件第一次在DOM树中渲染1.constructor（props）2.render()3.componentDidMount()更新 -> (update):组件更新，重新渲染1.static getDerivedStateFromProps(props, state) 不常用2.shouldComponentUpdate(nextProps, nextState) 不常用3.g
2021-09-01 16:03:36
490
原创 1. react 函数式组件 class组件 1
组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。文章目录函数式组件class式组件自定义组件接受父级传来的属性Props 只读性state局部私有属性（完全受控于当前组件）使用Props实现一个时钟在class组件中使用局部属性state将生命周期添加到class组件中正确的使用state setState()数据是向下流动的函数式组件
2021-09-01 11:19:54
891
原创 vue中使用计时器setInterval的坑
vue中使用计时器setInterval的坑vue中的setInterval在页面离开之后仍会执行，在切换多个路由之后，定时器的速度会越来越快。加入下面代码，问题解决。beforeDestroy() { if(this.timer) { clearInterval(this.timer); }}...
2021-06-22 09:22:18
1046
原创 echarts 饼图legend文字超出隐藏省略号显示
legend: { data: ['1111','2222','5555'], right: '10', bottom:'5', formatter: function(name){ return name.length>10?name.substr(0,10)+"...":name; }}
2021-01-04 11:35:34
4669
转载 如何快速完全删除node_modules
1.安装npm包–rimrafnpm install rimraf -g2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令rimraf node_modules3.简单粗暴得秒删完成转载：https://blog.csdn.net/qq_38209578/article/details/84983868...
2021-01-04 11:31:54
1354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人