- 博客(162)
- 收藏
- 关注
转载 vue中引入路径@的用法及说明
引用 https://blog.csdn.net/weixin_44836531/article/details/131061927。
2024-01-30 15:11:49 336
转载 微任务宏任务 面试题 - 5 道 Promise 笔试题
Promise 面试题主要体现在与定时器(setTimeout,setInterval),异步函数 async 等同时存在时其执行顺序。接下来在 Promise 中有一个 setTimeout 记为。注:以上定时器的宏任务是基于执行时间相同的情况下。立即执行函数 Promise 中 的 setTimeout 是第二个宏任务,称为。接着在第一个 setTimeout 中的 setTimeout 记为。,接下来在 Promise 中有一个 setTimeout 记为。先执行宏任务,再执行微任务。
2023-12-14 11:03:44 193
转载 前端网络基础 - fetch
其中,我们需要注意的是body属性值是一个可读流,所以我们无法直接获取body内容,需要从可读流中读取内容,而读取可读流中内容也是一个异步操作,Response贴心的为我们提供了如下实例方法去异步地获取body可读流中的内容。的方法进行设置,HTTP响应状态码,状态描述,响应HEAD,响应BODY,也全部依赖于xhr来获取,这其实不符合高内聚,低耦合要求,我们期望将HTTP请求所有的信息封装在一起,将HTTP响应的所有信息封装在一起。上面代码就是典型的回调地狱式的异步串行案例。
2023-12-13 16:23:10 114
原创 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 385
原创 怎么配置多种 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 1031
原创 vue项目中 package.json 详解
在 Vue 项目中,package.json 是一个重要的配置文件,它包含了项目的名称、版本、作者、依赖等信息。下面是一份详细的 Vue。以上是一个简单的 Vue 项目 package.json 配置示例,实际配置内容可能会根据项目的不同而有所变化。
2023-08-25 15:08:23 1339
原创 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 427
转载 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 1665 1
原创 vue实战-mockjs模拟数据
在mock中创建mockServer.js用来模拟数据。在src目录下创建文件夹mock。main.js中引入才能读取到。
2023-04-13 23:38:08 123
原创 vueelementui搭建项目
router的目录,在router目录里面创建一个index.js文件。utils目录 request.js。views目录 mian.vue。首先在src里面创建。
2023-04-13 23:00:19 251
转载 Node.js 中 __dirname ./ process.cwd()
Node.js 中 __dirname ./ process.cwd()
2022-03-02 11:51:00 799
原创 浅谈js防抖与节流
浅谈js防抖与节流防抖/节流是什么?什么功能场景需要限制函数的执行次数呢?实现防抖实现节流总结防抖/节流是什么? 防抖或节流都是用来限制函数的执行次数; 思想:我们无法减少用户的操作次数,但是我们可以减少函数触发的频率; 防抖:在事件被触发n秒后再执行函数,如果在这n秒内又被触发了,重新计算时间; 节流:每隔一段时间,如果事件被触发n+1次,只执行一次函数;什么功能场景需要限制函数的执行次数呢?1.form 提交按钮,点击提交按钮就会发送ajax请求,多次点击就会多次请求,如果用户频繁的提
2021-12-19 16:23:39 272 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 790 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 188
原创 当接口数据没有值,.length 会报错,可以使用 && 或者 ?解决
一、&&data && data.list && data.list.length-1二、?
2021-09-22 13:55:15 307
转载 react 几种传值方式
react 传值几种方式大概:propscontextreduxreact-router 路由切换时通过url传值(少量非机密数据,其实也是props传)。一、父组件传给子组件父组件通过props传递给子组件;//父组件中<Child data={[1,2,3]} />//子组件中console.log(this.props.data);二、子组件传给父组件父组件通过props向子组件传入一个方法,子组件在通过调用该方法,将数据以参数的形式传给父组件,父组件可以在该方法
2021-09-14 16:27:12 1272
转载 高阶组件(HOC)
高阶组件(HOC)是 React 中用于复用组件逻辑的一种技巧。高阶组件是: 参数为组件,返回值为新的组件 的一个函数组件是 : 将 props 转换为 UI,而高阶组件是将组件转换为另一个组件。一个高阶组件只是一个包装了另外一个 React 组件的 React 组件。形式通常实现为一个函数,本质上是一个类工厂(class factory)『包装』可以指两件事情:属性代理(Props Proxy):高阶组件操控传递给 WrappedComponent 的 props,反向继承(Inhe
2021-09-14 16:15:42 504
原创 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 87
原创 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 404
原创 1. react 函数式组件 class组件 1
组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。文章目录函数式组件class式组件自定义组件接受父级传来的属性Props 只读性state局部私有属性(完全受控于当前组件)使用Props实现一个时钟在class组件中使用局部属性state将生命周期添加到class组件中正确的使用state setState()数据是向下流动的函数式组件
2021-09-01 11:19:54 675
原创 vue中使用计时器setInterval的坑
vue中使用计时器setInterval的坑vue中的setInterval在页面离开之后仍会执行,在切换多个路由之后,定时器的速度会越来越快。加入下面代码,问题解决。beforeDestroy() { if(this.timer) { clearInterval(this.timer); }}...
2021-06-22 09:22:18 901
原创 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 4361
转载 如何快速完全删除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 1282
转载 Github使用gitignore忽略指定文件
一、前言.gitignore文件用于在提交项目文件时过滤一些不需要的文件。比如你的项目文件夹中包含若干.o和.cpp的文件,但是我只想提交.cpp的文件,这个时候.gitignore文件就作用非凡了。注:在github创建代码仓库时要养成一个好习惯,一定记得要添加.gitignore文件,自己的项目是用什么语言写的就选择相应的.gitignore文件如果不小心忘记创建.gitignore文件,而此时项目的代码已经提交到github上,其中包含了一些不想提交的内容,下面小编将介绍一种可行的解决方法。二
2021-01-04 11:29:55 1013
转载 JavaScript 计算指定月份有多少天
一、原理分析要想得到某月有多少天,只需要获取到当月最后一天的日期就行了围绕这一思路,灵活调用 setMonth(),getMonth(),setDate(),getDate(),计算出所需日期二、代码实现function getMonthLength(date) { let d = new Date(date) // 将日期设置为下月一号 d.setMonth(d.getMonth()+1) d.setDate('1') // 获取本月最后一天 d.setDate(d.get
2021-01-04 11:13:30 302
转载 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
首先 sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端:sockjs-node(https://github.com/sockjs/sockjs-node)客户端:sockjs-clien(https://github.com/sockjs/sockjs-client)如果你的项目没有用到 sockjs,vuecli3 运行 npm run serve 之后 network 里面一直调研一
2021-01-04 11:08:55 321
原创 同时接收子组件和父组件的参数 ----- vue arguments的使用
arguments是一个参数集合,里面可以是子组件传过来的参数,也可以是父组件自己的参数<listBar @click="listBarClick($event,data,node,'444444444')" />listBarClick() { const argus = arguments console.log(argus)}实例:传值:接收:...
2021-01-04 11:06:01 347
原创 vue v-for遍历对象
语法格式(value,key,index) in user其中: key,和index是可选参数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--引入最新的vue稳定版本--> <script type="text/javascript" src="ht
2021-01-04 10:44:08 660
转载 router-link的to属性学习
其实这个组件有点像原生 HTML 中的 a 链接,而 to 属性 就相当于 a 链接中 href 属性类型: string | Location required 表示目标路由的链接。当被点击后,内部会立刻把 to 的值传到router.push(),所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="home">Home</router-link><!-- 渲染结果 --><a
2020-11-23 11:00:10 1819
转载 vue的$方法
let vm = new Vue({ el:'#app', data:{msg:'hello',arr:[1,2,3]}, mounted(){ this.$nextTick(()=>{ console.log(vm); }) } })<div id="app"> <p ref="myp">{{msg}}</p> <div .
2020-11-12 11:06:01 902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人