- 博客(63)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 浏览器地址栏输入地址之后发生了什么
随着 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关注的人