- 博客(63)
- 资源 (3)
- 收藏
- 关注
原创 浏览器地址栏输入地址之后发生了什么
随着 Web 技术的发展,一些优化措施如 HTTP/2 的多路复用、预加载、缓存机制等也会在这个过程中发挥作用,以提高页面的加载速度和性能。除了 DNS 查询,还有哪些方法可以解析域名?建立 TCP 连接的三次握手过程是怎样的?DNS 查询的过程是怎样的?
2024-08-08 17:15:21
306
原创 vue3中echarts的使用
原文链接:https://blog.csdn.net/weixin_43919509/article/details/120570975。
2024-07-11 16:25:47
666
原创 i18n + elementplus +vue 语言国际化
i18n 的使用上篇文章已经说过,这里着重说下elementplus 如何跟随i18n的语言变化。直接在app.vue中修改,使用el-config-provider 组件。
2024-07-10 15:30:23
146
1
原创 vue3 + i18n 中英文切换
js配置文件(单独设置一个文件,方便其他地方引用,直接配置在main.js中在router中调用有问题未解决)语言包的配置不尽相同,大家按自己项目中的需求合理配置即可,我的项目中是后台动态获取菜单(非动态路由)在router中的使用,同样需要先引入插件并导入用到的方法。动态菜单的实现(组件中调用 全局变量。第一步:安装vue-i18n。第二步:配置语言包及js文件。中文语言包 zh-CN.js。英文语言包 en.js。以上为页面中的使用。
2024-07-10 15:25:10
444
原创 vue 环境变量那些事
env.production 代表的生产环境变量也就是上线以后使用的。.env.development 代表的开发环境变量。取:import.meta.env.VITE_变量名。取:process.env.VUE_APP_变量名。总则:使用 .env.环境名字文件去定义,运行命令的时候指定环境。vite+vue3项目(默认VITE开头,其他开头的需要配置)存:VUE_APP_变量名 = xxx。比如:.env 代表所有环境变量使用的一些变量。vue-cli项目(webpack+vue2)
2024-07-10 15:01:30
626
原创 js 获取数组的最大值与最小值
假定数组中的第一个元素值最大max,循环数组,将max与其他元素做比较,大的值赋给max。方法接收一个函数作为累加器,数组中的每一个值(从左到右)开始缩减,最终计算为一个值。方法的第一个参数可以改变this的指向,第二个参数是数组的形式,来完成这一需求。方法,指定排序函数,来排序数组。当然,你也可以使用其他排序方式,来排序数组。,比较两个数,返回其中的最大值,通过这样的缩减,最后返回整个数组的最大值。扩展运算符,可以将数组形式转换为逗号参数的形式。使用此方法,需要注意,如果没有参数的话,则返回。
2023-11-27 15:44:42
375
原创 vue3之reactive和ref学习篇
change函数实现了一个简单的0-10的一个自增自减的循环,之所以记录是自己写的时候费了点时间,一直在想这个判断条件怎么优化,其实条件无法继续优化了,除非一个一个数字判断或者循环,加一个标志increasing就能解决的事想了半天。
2023-08-25 09:50:30
1072
原创 vue项目打包成exe
由于electron的源是国外的,如果没有翻墙,下载起来会很慢,网上普遍的建议是更换为淘宝的镜像就行下载,但是我本机无论是官方的还是淘宝的镜像都不行,大家可以根据自己电脑网路情况进行尝试,我本机尝试了很多次都不行,同事给的包在本机执行也报错,无奈只能网上继续找方法。打包你的项目,我相信这步你已经轻车熟路了~,将打包出来的 dist 文件夹复制到之前下载的A文件夹中。天地图拒绝了项目的访问,这个原因可能是因为天地图的key的问题,因为账号不是我申请的,未测试,待解决。
2023-08-16 11:41:53
2310
1
原创 前端中的@2x,@3x 图片
虽然高分辨率屏幕在移动设备上更为普遍,但在其他设备上也存在高分辨率显示需求,例如Android手机、平板电脑、电视等。一倍图适用于低分辨率屏幕,二倍图适用于中等分辨率屏幕,而三倍图适用于高分辨率屏幕。在美工提供给我们的切图中经常会看到一个图片有很多个尺寸,之前都是在网站中默认使用的1倍图,也就是默认尺寸的图片,其他的2倍图3倍图压根就没用过,今天又看到相关知识,深入探索了一把。一般普通图在的1920*1080,是很正常的,但是如果放在的2k或者4K屏幕里面,背景图就是模糊掉,为什么呢?
2023-08-10 14:59:01
1353
原创 uniapp 开发微信小程序遇到的错误整理
使用wx.navigateTo()或者<navigator>组件跳转的页面路径最多只有5层,这些页面路径是可以通过wx.navigateBack()API或者左上角返回按钮按顺序返回的。不过上述五层的限制只是针对 navigateTo,redirectTo 则无此限制。因为 redirectTo的行为是:关闭当前页面,跳转到应用内的某个页面。当页面路径大于5层时,使用wx.navigateTo()进行下一页吗跳转会抛出错误。
2023-07-06 13:08:32
472
原创 js常见面试题整理
ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的属性,新属性的名字就有可能与现有属性的名字产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的。是一个基本的数据类型,表示独一无二的值,主要用来防止对象属性名冲突问题。类型,就都是独一无二的,可以保证不会与其他属性名产生冲突。是 ES6 时新增的特性,
2023-06-02 18:08:08
501
翻译 vue+webrtc-streamer实现在网页播放rtsp视频流
将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public/stactic目录下,在index.html文件里引入这两个js文件。首先下载webtrc-streamer的压缩包,在github上有。双击webrtc-streamer.exe启动服务。此时运行网页已经可以看到视频了。下载windows版本。
2023-03-14 14:56:08
2162
14
原创 常用的git命令
指定拉 develop 分支代码:git clone -b develop http://gitslab.yiqing.com/declare/about.git。指定拉 master 分支代码:git clone -b master http://gitslab.yiqing.com/declare/about.git。https://github.com/xxxxxx/SpringBoot.git 新的git仓库地址。git clone -b 4.cd 进入公玥文件存放目录。
2023-02-16 15:13:18
123
原创 vue 依赖包安装报错
vue 终端执行命令npm install 报一些版本错误的时候,可以执行以下命令强制忽略;--legacy-peer-deps 不进行版本对比,略过插件之间版本不匹配的问题。vue 里面增加mu38视频流插件。
2023-02-16 14:59:12
177
原创 package.json的一些东西
npm install xxx@1.0.0 -S 通过此类命令安装的包安装完毕之后会被记录在package.json的。npm install xxx@1.0.0 -D 通过此类命令安装的包安装完毕之后会被记录在package.json的。
2022-08-19 09:36:39
196
原创 easyui datagrid表格导出
('#tableCon').datagrid('toExcel',"xxxxx表");#tableCon为表格id,toExcel为js中的方法,后面是导出excel的名字。html页面引入datagrid-export.js,内容如下。
2022-07-21 09:47:40
1003
原创 es6 proxy
用于某些操作的默认行为,等同于在语言层面做出修改可理解为在目标对象前设置的一个“拦截”层,外界访问目标对象时,先通过拦截层,可对外界的访问进行过滤和改写使用Proxy构造函数,生成proxy实例let p = new Proxy(target,handler);target:目标对象 handler:用来定制拦截行为的对象(若不设置任何拦截,等同于直接通向原对象)可将proxy对象设置到object.proxy属性,可在object对象上直接调用Proxy实例也可作为其他对象
2022-07-12 16:13:20
72
原创 uni-app三种生命周期及页面跳转方法
应用生命周期:应用生命周期仅可在App.vue中监听,在其他页面监听无效应用生命周期函数:onLaunch:当uni-app初始化完成时触发(全局只触发一次) onShow:当uni-app启动,或从后台进入前台显示 onHide:当uni-app从前台进入后台 onError:当uni-app报错时触发 onUniNViewMessage:对nvue页面发送的数据进行监听 onUnhandledRejection:对未处理的Promise拒绝事件监听函数 onPageNotFoun
2022-07-12 16:12:49
2151
原创 常用正则表达式
使用的时候记得加上开头和结尾的斜杆“\”一、校验数字的表达式数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数
2022-05-30 10:41:09
233
翻译 es6你真的会用吗?
摘自:你会用ES6,那倒是用啊! - 掘金一、关于取值取值在程序中非常常见,比如从对象obj中取值。const obj = { a:1, b:2, c:3, d:4, e:5,}常规取值:方法一:const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;const e = obj.e;方法二:const f = obj.a + obj.d;const
2022-05-20 15:09:42
122
转载 vue中的两个方法同步执行
默认来说,当我们在方法中调用接口,方法就会变成异步,但有时我们需要它是同步的(先执行前一个方法,等前一个方法执行完成再执行之后的方法)如何做呢?我们可以利用async/await修饰符async修饰函数返回的是一个Promise对象,可以使用then函数添加回调函数await修饰的如果是Promise对象:可以获取Promise中返回的内容(resolve或reject的参数),且取到值后语句才会往下执行;在方法名前加async,在接口方法名前加await,像这样 // 获取市下拉框
2022-05-18 09:57:44
8591
原创 vue导出Excel表格,报错utils of undefined 是版本原因
搞了半天原来是版本的原因操作步骤:1、安装相关的依赖;(xlsx,file-saver)执行命令:npm install --save xlsx file-saver安装成功之后发现项目报错,一直提示until这个东西没有定义,查了好多一直以为是机子vue2和vue3同时存在的原因,最后发现不是,原来是版本原因解决办法:utils未定义的话需要换一下版本npm install --save xlsx@0.17.0npm install --save file-sav..
2022-05-16 18:06:47
3612
3
原创 vue + el-table实现动态行或者列
<template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%"> <el-table-column prop="id" label="ID" width="180"> </el-t.
2022-04-14 16:52:26
3859
转载 js判断字符串是否在数组中
先加一个扩展函数:Array.prototype.contains = function (obj) { var index = this.length; while (index--) { if (this[index] === obj) { return true; } } return false; }定义一个数组: var arr_qf = ["原单价", "优惠折扣(%)", "月租金"];调用函数,检测是否存在: arr_q..
2022-03-11 10:32:22
1446
原创 layui表格中添加select的坑
正常应该是如上图的,但是由于 layui的样式冲突导致表格显示在下拉框的上方,所以下拉的内容一直出不来,查了好久一直以为是form.render()的问题,其实是layui的坑。正确的思路:找到select所在行的class(也就是最顶层的父级元素)添加样式overflow: visible;...
2022-02-23 16:34:29
1019
1
原创 css日常纠错篇之background-size
今天要写一个背景图,大小怎么也调不了,原来css也有顺序呀background-size:;失效多半是顺序错误导致,应该放在background:;下面错误示范:.test { width: 10px; height: 10px; background-size: 100%; /*无效*/ background: url('../img/test.jpg') no-repeat;}正确示范.test { width: 10px; height: 10px; back
2022-02-23 09:33:13
579
原创 wx小程序bindtap与catchtap的区别
页面层wxml<!-- bindtap与catchtap的区别 --><view id="outer" bindtap="handleTap1"> outer <view id="middle" catchtap="handleTap2"> middle <view id="inner" bindtap="handleTap3"> inner </view>
2022-02-16 11:32:33
319
原创 日期时间处理函数
// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: //调用实例// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 // (new Date()).Format("yyyy-.
2022-01-27 16:26:37
72
原创 vue+element ui 样式修改问题
由于vue的样式文件中使用了scoped,导致样式都是局部的,无法渲染到外部引用的组件,在网上搜了方法使用scoped穿透:deep 和>>> 都不起作用,原来可以新建一个样式文件,使用import引入vue文件中,样式文件中需要使用 >>>>>>.el-dialog__header padding 0.15rem 0.2rem 0.15rem background: #d6edf8>>>.el-dialog_
2021-12-22 14:14:02
357
转载 vue项目结合element-ui表格添加表格导出功能
vue - vue-json-excel使用方法npm 安装依赖npm install vue-json-excel项目主文件入口main.js全局引入//excelimport JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)直接在项目中使用Name Type Description data Array Data to be exported
2021-12-22 14:10:56
269
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人