- 博客(36)
- 收藏
- 关注
RSS订阅原创 使用node的fs模块进行文件读写
使用node开发fs模块时,写入失败,读取的数据失效,及读取的异步影响如何解决writeFile,readFile,readFileSync
2023-12-28 19:45:03
388
原创 vue获取设备硬件信息
vue通过node获取设备硬件信息,硬件序列号等,借用os模块及通过child_process包借用shell来执行命令行命令(不分Uint8阵列数据转换)
2023-09-20 18:48:04
2324
原创 vue3调用电脑摄像头实现拍照并上传功能
解决getUserMedia is not implemented in this browser,解决DOMException: Could not start video source
2023-09-08 18:55:15
920
原创 elementplus折叠面板(Collapse)卡顿如何解决
通过减少过渡时间的方法来解决卡顿无效时,该怎么办?我们可以自己写一个样式来进行过渡
2023-08-14 14:19:22
2241
原创 Vue3不习惯的点及setup免引入便捷操作
Vue3中setup免引入(组件+属性) elementplus按需自动引入 icon自动引入的配置以及部分语法与vue2不同的点
2023-05-08 16:28:16
647
原创 用户过期及时中断后续请求
当你进行一步操作时,你没有权限操作了,此时相应拦截器会触发给你一个弹窗,但是你这一步操作设计了多个请求的话,弹窗就会弹很多个,因此需要。但是官网上做的请求是针对一个的,而目前是有多个请求.因此我们需要借用一下vuex。,错误之后就会被响应拦截器拦截执行取消请求的操作,后续的每一次错误请求都会。通过Axios官网可以看到有两种请求取消的方式我推荐使用这种(请求拦截器+相应拦截器+路由拦截设计附上。,借用vuex来找到错误请求的那一个。,在第一次弹窗的时候就中断后续请求。把cancel函数当做参数。
2022-11-29 13:51:13
360
原创 vue中使用百度地图
/enableMapClick:false 表示禁止地图内景点信息点击// 设置地图允许的最大最小级别// 开启鼠标滚轮缩放// 设置中心点坐标和地图级别// 创建自定义标记 参数:自定义图片路径 大小 偏移量)// 根据坐标批量生成自定义图标点// 创建点// 创建标注// 将标注添加到地图中// 给标记点添加点击事件执行想进行的操作(经个人测试在此处注册点击事件效果最佳,该有的数据项都可以获取)})})},// 创建一个新图标)
2022-11-28 16:19:08
2788
3
原创 echarts玫瑰图数据不变展示默认
展示数据通常是通过tooltip内容,此时的默认展示是无法达到预期效果的,因此我们就需要用到。很显然这种展示效果并不是我们想要看到的,我们可以发现这个图的比例是根据。这步做完就大功告成了,我们用这想要的展示模式,展示这我们需要展示的数据。我们可以看到echarts官网里有formatter。经个人测试这种方法很难达到预期效果,因此推荐另外一种。决定的,因此我们可以通过这个值改变图表的展示形式。缺点:不能比较明显的看出各数据的比例。否则tooltip无法显示。tooltip代码附上。params的内容附上。
2022-11-28 15:52:52
380
原创 页面数据能够正常渲染,但控制台报错属性underfined
说通俗点就是三层表达式a.b.c，在对象a中没有对象b，那么读取对象a.b.c中的值,自然会报错。所以在渲染的时候因为三层结构的关系控制台会报错undefined,但是渲染完成后数据已经加载好了,由于整体使用了v-if进行操作 所以页面中使用的echrts图表无法展示。果是两层表达式a.b则不会报错，返回的是undefined。enterData又是在data里面。所以页面上就有对应的值。用v-if判断2级结构。
2022-11-14 15:55:58
245
原创 vue使用vue-cli创建项目
相信很多人跟我一样,长时间不创建项目会忘记创建时各种配置项的意思,今天就跟大家浅述一下吧。1.找一个合适的文件夹，打开cmd窗口，用vue create 创建项目。以上就是我对这些的理解,如有错误请大胆指出,阿里嘎多!3.选择项目中使用的一些东西(后续可引入)6.选择eslint(为了代码风格统一)10.cd到项目文件夹 根据提示跑起来啦。5.选择路由配置(后续可更改)2.进入到这个页面选择版本。8.做的配置放在哪里。9.是否记住本次操作。
2022-10-08 09:52:43
217
原创 组件传值(Vue2,Vue3)
目录vue2父传子 $props子传父 $emit兄弟传值 $busvue3父传子 $defineprops子传父 $defineEmits兄弟传值 后代传值
2022-07-12 02:31:39
307
原创 token无感刷新
直接上代码ps:文件名可以随便取哈,尽量有语义化一点即可login.vueuser.vue重点来了准备一个request.js文件多说无益,思路都在代码里面,按顺序的一步一步来即可
2022-07-10 23:57:02
217
原创 vue3中watch的六种情况
情况1 监视ref定义的一个响应式数据 正常监听情况2 监视ref定义的多个响应式数据 正常监听情况3 监视reactive定义的一个响应式数据的全部属性 此处修改任何值,oldValue的值与newValue的值一致(无法获取oldValue) 此时强制开启深度监听,deep配置无效(配置deep:false也可以监听到)情况4 监视reactive定义的一个响应式数据的某个数据 正常监听情况5 监视reactive定义的一个响应式数据
2022-07-03 20:30:47
489
原创 vue中如何使用ESlint开发
在开发中每个人写代码的风格都不尽相同,在后续协同开发时,就会出现很多问题,因此我们可以按照w3c标准利用ESLint来规范代码格式但是在下载ESLint 之后不能很好的使用,在我配置很多次都有问题后终于发现了一个很好的方法,推荐你们种草. 配置vscode===>setting.json...
2022-06-22 22:21:32
1010
原创 路由跳转传参
说到路由跳转及传参,我有几个问题:1. 什么是编程式导航? 什么是声明式导航?2. 路由传参有几种方式? 怎么写?3. $route $router routes三者有什么区别?理解: 通过给标签添加事件触发$router.push跳转路由1.2 声明式导航 利用router-link配合to属性实现点击切换路由2 路由传参主要分为两种:params query2.1 query2.2 params3. $route $router rou
2022-06-22 22:16:06
202
原创 promise手写?(回调地狱)
getData({ url:'http://localhost:3000/get', success:(data)=>{ getData({ url:'http://localhost:3000/getBooks?id=1', success:data=>{ console.log(data) getData({ url:'h
2022-06-10 15:41:52
57
原创 vue做登录功能没思路?看完秒懂
思路详解:你是否只会做简单的登录?里面的细节你真的想明白了么?下面我问你几个问题,你是否能回答上来你没有token的时候你能随便访问其他页面吗?设置登录拦截 怎么拦截?通过前置守卫判断有没有token进行判断 那怎么访问登录页呢? 设置白名单 前置守卫怎么写?如果有token去登录页(to.path) 直接跳转到主页去其他页面 直接放行 next()没有token...
2022-05-28 14:43:52
250
原创 解决跨域(反向代理,jsonp)
为什么会出现跨域问题? 浏览器的同源策略 那什么是同源呢?两个页面具有相同的协议（protocol），主机（host）和端口号（port）举个例子: http://www.baidu.com:6666// ===> 协议 :// 域名:端口号 //那什么是跨域呢?当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域那么如何解决跨域问题呢? 个人推荐一个挺实用的......
2022-05-27 22:02:50
793
4
原创 轻松掌握Vuex的5大属性
1.state作用:保存公共数据格式:state() {return {属性名： 属性值 }}使用:组件中 this.$store.state.属性名 模板中 {{$store.state.属性名}}2.mutations作用:调用mutations来修改定义在state中的公共数据格式: mutations：{...
2022-05-27 21:29:12
140
原创 生命周期函数父子组件16个钩子执行顺序
前景提要:1.有一对父子组件2.父子组件中均有8个钩子函数3.观察执行顺序及逻辑参考代码(vue)父:<template> <div> <h1>hello</h1> <MySon/> </div></template><script>import MySon from './MySon.vue'export default { com
2022-05-10 15:12:22
1060
原创 promise面试题及返回值状态判断
一个面试常问的代码题function increment(value) { return value + 1;}function doubleUp(value) { return value * 2;}function output(value) { console.log(value);// => (1 + 1) * 2}var p = Promise.resolve(1);p.then(increment) .then(doubleUp) .then
2022-05-02 21:53:52
1355
原创 重绘 回流 防抖 节流看一遍就懂
重绘： 元素样式的改变（但宽高、大小、位置等不变）讲人话: 只改变自身样式，不会影响到其他元素回流： 元素的大小或者位置发生改变（当页面布局和几何信息发生改变的时候），导致渲 dom树重新计算布局和渲染讲人话: 元素的位置发生变化；元素的尺寸发生变化、内容发生变化等等 需重新渲染注意:回流一定会触发重绘，而重绘不一定会回流如何避免 避免使用table布局 不要使用css计算calc 动画效果放在position为abso...
2022-04-29 09:03:59
447
原创 npm从创包到发布到官网详细流程
1.首先在npm官网去搜索你想创建的包名有没有被占用也可以在命令行中查看npm view 包名如果显示如图信息则表示没有重名 若在下载则重名了2.进行初始化npm init -y可以用’npm init -y‘ 也可以用’npm init --yes‘3.查看下载地址 看看是否是npm的官方网址npm config get registry若显示为’https://registry.npmjs.org‘则为官方网址若为其他则需输入’npm config..
2022-04-28 09:11:01
217
原创 node.js里获取文件钻的牛角尖
问题初始需求 使用nodejs来获取平级文件夹里的文件数据 并像其中新增数据起因 在nodejs中对json格式的数据进行添加操作时发现只能进行拼接操作,寻求一个更简单的方式方法初始问题join拼接好的数据能不能成为真正的数组延伸 拥有对象,数组格式的字符串能否被解析为真正的对象或数组<script> let str = '[{ "name": "小王" }, { "name": "小李" }]' // consol...
2022-04-26 10:40:13
116
原创 js高级常用(es6)新语法讲解
知识前导:箭头函数入伙参数只有一个可以省略小括号,若函数体只有一行可以省略大括号和return1.map原理:遍历数组对数组的每一个元素进行处理得到一个新数组如果不return 那么新数组里的每一个元素都会变成undefined通常作用于页面渲染,比如这个网页中常见的功能模块我们以前的思路就是用dom驱动遍历数组,创建dom元素，逐一添加for(let i = 0;i<goodsList.length;i++){ //(1)创建空标签 let div =...
2022-04-23 21:13:36
547
原创 Git开发初体验
注:当前为单人开发模式思路1.创建并切换到一个新的分支上面去对项目进行操作2.在分支上完成一部分操作之后在分支上对项目首先保存到暂存里,然后保存到本地仓库里3.切换到主分支上面,对刚才项目的分支进行合并操作4.合并完成后推送到远程仓库上面5.若想继续对项目进行其他操作的话,重复以上操作即可我会提供一个基础的操作手册,后面也有一些操作过程中黑框的状态,初学的小伙伴可以看着试一试基础操作: 1. git init 项目初始化;将普通文件转化为git仓库 2.
2022-04-22 21:22:00
344
1
原创 原型链的基础结构和使用
一首先先简单解释一下三个单词的意思1. prototype : 属于构造函数，指向原型对象 作用：解决资源浪费+变量污染2.__proto__ : 属于实例对象，指向原型对象 作用： 可以让实例对象访问原型中的成员3.constructor: 属于原型对象，指向构造函数 作用： 可以让实例对象 知道自己被哪一个构造函数创建的二构造函数 原型对象 实例对象三者之间存在三条线,通过两行代码来检测三者的关系是否成立 //检查原型 : (1)先通过实例对象找构造函数 ...
2022-04-09 20:23:34
501
原创 盒子水平垂直居中总结
1.基础做法注意:盒子默认样式自行清除利用定位实现2.2.利用transform实现原理:利用translate根据自身来移动的特点实现3.利用flex布局实现原理:flex的基础属性4.特殊做法注释;情况较为特殊 了解即可...
2022-03-12 10:52:42
387
1
原创 前端开发初级写法
网页页脚需达到的效果css样式代码参考 .footer { height: 340px; background-color: #333; } .footer .warpper { margin: 0 auto; width: 1393px; } .footer .top {...
2022-03-11 17:35:29
57
原创 前端开发初级写法
常见的网页底部需达到的效果效果分析:鼠标划过小图标更换 点击事件暂不考虑css样式参考网页结构中默认样式需自行清除.warpper { width: 1240px; margin: 0 auto; } .dibu { height: 302px; padding-top: 80px; } ...
2022-03-11 17:32:03
220
原创 前端开发初级写法
网页主体部分2需达到的效果效果分析:鼠标划过产品会轻微移动并有阴影效果css代码参考网页结构中默认样式需自行清除.warpper { width: 1240px; margin: 0 auto; } .goods { height: 520px; } .goods .goods-h { ...
2022-03-11 17:26:54
1100
原创 前端开发初级写法
网页主体部分需达到的效果效果分析:鼠标划过产品出现介绍部分遮罩等基础动画css代码参考网页中样式清除需自行处理 .warpper { width: 1240px; margin: 0 auto; } .fresh { height: 705px; } .fresh .top { ...
2022-03-11 17:21:44
338
原创 前端开发初级写法
轮播图初级部分基础结构部分需要达到的效果css参考代码注释网页结构中的默认样式需自行清除.warpper { margin: 0 auto; width: 1240px; } .lunbo { height: 500px; background-color: #f5f5f5; } ...
2022-03-11 17:13:55
580
原创 前端开发醒目入门级写法
顶部导航基础结构需要达到的效果css样式参考代码注释:网页结构部分默认样式自行清楚.warpper { margin: 0 auto; width: 1240px; } .logo { width: 207px; height: 70px; } .logo h1 {...
2022-03-11 17:05:22
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人