eqizhihui的博客

原创 vscode json文件添加注释报错

在vscode中创建json文件，想要注释一波时，发现报了个错：Comments are not permitted in JSON. (521)，意思是JSON中不允许注释。但是，需要注意的是，如果要用到json文件中的数据，那么注释会使你请求json时获取的数据变为undefined。在出现的弹窗中输入json with comment，点击搜索出来的jsonc选项即可。看个人喜好，要真想在json中加注释，也可以尝试使用以下方法。1.用特殊键值表示，虽然有记录，但你不用就行。

原创 点击复制指定文本

【代码】点击复制指定文本。

原创 H5页面向小程序发消息

小程序与webview中的H5页面通信。

原创 vue项目引入iconfont图标

点击添加至项目，就会出现一个加入项目的操作框，若之前没有新建过项目的（或者需要放到其他项目但是又没有新建的情况下），可以点击右边的新建按钮新建，若有项目的情况下，可以直接点击该项目，点击确定即可。2.若是在资源管理->我的项目->新建项目中新建，则需要填写一下信息，基本都有默认值，直接新建的情况下就是处理项目名意外就是默认值，而此处新建则可以自定义。步骤四：项目引入，首先点击下载至本地将项目压缩包下载到本地中，解压缩文件至你自己的代码项目中，此处我放到了assets目录下，其子目录可自定义。

原创 惯性踩坑小结-请求接口报 415 Unsupported Media Type错误

但是在遇到这种请求参数时，就需要注意，如果还用qs.stringify()处理就会报接口请求错误： 415 Unsupported Media Type。在请求接口时，惯性认为接口参数都需要使用qs.stringify()处理后才传递。正确的写法应该是直接把参数对象传给接口。

原创 计算属性computed带参数使用

带参数使用，例如在数据列表中把文件后缀提出来、根据不同状态返回不同颜色展示。一般情况下，对现有data中的数据做设计。

原创 开发日志--微信小程序从聊天素材获取

每次小程序补丁记得假如上面代码。

原创 C#关于TimeSpan的用法

TimeSpan(Int32,Int3效果为：2, Int32, Int32, Int32)将新的 TimeSpan结构初始化为指定的天数、小时数、分钟数、秒数和毫秒数。TimeSpan(Int32, Int32, Int32, Int32)将 TimeSpan结构的新实例初始化为指定的天数、小时数、分钟数和秒数。TimeSpan timeSpan2 = new TimeSpan(3,3,3,3)//时间间隔初始化为3天3小时3分钟3秒。Seconds:返回以秒去进行计算的TimeSpan值。

原创 C#操作Redis的使用(StackExchange.Redis)

DECR命令的作用是将存储在键中的整数值减1。如果键不存在，则会将其视为0，并在执行递减操作后返回新的值。如果键不存在，则会创建一个新的键，并将其值设置为1。如果键的值无法被解析为整数，或者递增操作导致值超出了整数范围，则会返回一个错误。因为其为原子操作，所有给定键key都会在同一时间内被设置， 不会出现某些键key被设置了，而有一些键key没有被设置的情况。以上是个人对C#操作Redis相关知识的分享，希望能够一起学习，提出见解与错误.(2)设置连接数据库IP、端口号、如果有密码即在后面补充上，如图.

原创 layui table设置limit

需求描述：自定义表格选择的展示条数为50，100，150，200，250，300，初始化渲染选择50，此后渲染将根据上一次的选择条数进行搜索。第二步，在表格render定义中，设置limit为limitSelect，limits为[50，100，150，200，250，300]第一步，创建一个全局变量limitSelect记住选择条数，并设置参数值为50。第三步，在渲染回调中给limitSelect赋值。

原创 c#通用公众号发送类目消息代码

string errorMessage = "发送失败，错误码：" + errorCode + ", 错误信息：" + resultObj.errmsg;string errorMessage = "HTTP请求失败：" + httpEx.Message;string errorMessage = "JSON解析失败：" + jsonEx.Message;string errorMessage = "发送失败：" + ex.Message;

原创 开发小结-修改placeholder样式

修改el-input元素中placeholder的样式(less语法和scss语法)

原创 如何去除文件的后缀名以及获取文件的后缀名

在上述代码中，Path.GetFileNameWithoutExtension 方法会返回不包含扩展名的文件名。对于输入的文件名 "xxxx.pdf"，它将返回 "xxxx"。这个方法只会去掉最后一个点（.）及其后面的内容作为扩展名，所以如果文件名本身包含多个点，则需要进行额外处理。在上述代码中，Path.GetExtension 方法会返回文件名的扩展名，包括点（.）。对于输入的文件名 "xxxx.pdf"，它将返回 ".pdf"。如果文件名中不包含扩展名，则返回空字符串。

原创 postMessage实现前端跨页面通信

2.window.open()类型父子页面通信。1.iframe类型父子页面通信。

原创 开发小结-elementui无限滚动组件踩坑使用

前提需求：下滑（滑动到底部）刷新列表数据，每下滑一次增加10条数据，初次进入不需要加载。踩坑过程：使用了elementUI中的无限滚动组件，根据其文档中的禁用加载例子修改代码。针对第二个问题，解决方法是给v-for所在元素的父元素设置overflow为auto。针对第一个问题，解决方法是。

原创 开发小结-元素布局定位样式细节问题

场景二：在列表布局中，设计有文字位于图片上的现象，一般情况下，只是将文本元素设置为绝对定位，然后通过magin调整上下距离，通过left、right调整左右距离，这样的样式设计在列表数据未超出盒子范围的前提下是可行的，但是一旦超出范围出现滚动条，随之滚动时就会出现文本不随列表项位置移动的问题。比较好的方法是将离文本最近的父元素设置为相对定位，相对定位是相对其原本的位置定位，若是已定好样式，只要不设置left此类样式，就能既不改变当前样式，同时能让文本的定位是相对最近的父元素定位，就能让文本随列表项移动。

原创 如何把RabbitMQ完全卸载干净?

5.删除C:\Windows\System32\config\systemprofile\.erlang.exe文件。6.删除C:\Users\[UserName]\.erlang.exe文件([UserName是你的用户名]）。7.删除C:\Users\[UserName]\AppData\Roaming\RabbitMQ文件。1.打开控制面板，找到RabbitMQ server,右键单击RabbitMQ Server 卸载。3. 在任务管理器中，找到epmd.exe，看进程是否还在运行，右键结束进程。

原创 数据请求状态总结

数据请求状态管理：本周主要关注前端数据请求的三种状态，包括未知、有数据和零条的情况。

原创 前端开发工作日常

开发小记：vue开发h5移动端可以使用vuejs-loadmore进行列表下滑自动加载下一页的功能。工作时需要坚持：要有想法有想法要提，坚持使用代码管理工具，工作的交流的频率。工作时吸取的经验：代码的标准化。

原创 elementUI中messageBox自定义展示内容

前提：使用了elementui中提交内容的MessageBox弹窗，但需要在弹窗上加上一个记住邮箱的元素，且需要与后台对接。拿到需求时我都不知道要怎么插元素进去，看了文档可以在message属性定义，于是就看了一些帖子，get到了新知识。

原创 工作方法开发小结

原创 修改svg图片底色

如果想要渐变颜色，一般直接复制都会包含原型图人的样式，主要注意需要在fill属性中使用url(#id)把样式渲染上去，其中id是linearGradient中的id。前提条件：开发中在墨刀原型图拿到图标或图片，一般是svg图片，但是直接使用F12拿元素的方式把元素放在页面上，底色就会变成黑色。如果想要修改图片底色，可以通过path标签的fill属性决定，单色情况下可以直接赋颜色值。

原创 本地缓存添加分类空间

本地缓存受同源策略影响，同一域名端口下只能存在一个缓存，使用uni.setStorageSync甚至本地缓存时，如果是数字，会将值以对象的形式存入缓存，type为number，data为数字。借此引发一些思考，这里提供一个可参考的方法来添加分类空间。

原创 uniapp开发app微信授权登录

第三步编写代码，主要调用uniapp中的uni.getProvider、uni.login、uni.getUserInfo中的三个方法进行调用。注：后续还需要Android证书和IOS IDP/IEP证书。切还需要自己打一个自定义调式基座。第二步审核通过后在自己项目中的manifest.json中APP模块配置的微信登录进行绑定。首先第一步先去微信开放平台中申请一个移动应用程序。

原创 后端开发小记

右键单击“Test Plan”（测试计划），选择“Add”（添加） > “Threads (Users)” > “Thread Group”（线程组）来添加一个线程组。右键单击线程组，选择“Add” > “Config Element” > “HTTP Request Defaults”（HTTP 请求默认值）。在线程组下，右键单击，选择“Add” > “Sampler” > “HTTP Request”（HTTP 请求）。您可以在左侧的“察看结果树”、“察看结果在表格”等元件中查看每个请求的性能数据。

原创 前端开发小记

5：在不同工程下使用uniapp的跳转报错。3：弄成微信小程序使用嵌套h5页面。6：微信小程序点小圆圈直接关闭。1：监听微信浏览器关闭事件。2：打包成app编码报错。4：不能再不同工程弹框。

原创 vue2前端后台管理系统开发日志

这边设计是用户为核心，站在用户的角度设计。用户提出问题是最想得到回答以及问题处理的进度。我要分享的是运营管理系统对用户提出问题与反馈的总览页面功能，当问题转成了处理中也告知用户你提的问题正在解决中。所以通过这角度来看。发消息是关键，次要是任务的分发。当问题解决了，也应该通知用户问题已解决。将问题分为三类，待处理处理中与已处理。当用户提出问题之后我们得立马做出回复。

原创 layui中export的使用

html中（要注意js模块必须要在使用它的js之前引入，否则使用的js会报错）

原创 max(min)-device-width和max(min)-width的使用注意事项

在网页中使用@media做页面适配时，必不可少去使用max(min)-width或者max(min)-device-width，一开始以为这两者没什么区别，所以项目基本用到@media的地方都使用了max(min)-width去限制，但是在页面测试时发现了一个问题：在浏览器执行缩放操作时，原来作用于移动端的样式居然出现在了PC端页面上，这肯定要改啦！PC端：如果使用max(min)-device-width，缩放时不会改变css，如果使用max(min)-width，缩放时就会改变css。

原创 前端开发小计

怎么样才能合理的安排呢，先得确定这个页面是要干什么，主要的东西是什么 次要的是什么，再来定夺那里应该东西像素这里应该多少像素，这样得页面往往会让人看起来舒服。而且padding值也不能那里16px，换个页面就是20px，整个项目都得统一使用。不能一块大一块小每一个地方都是大小刚好不会唐突，不能说一个搜索框大小很大吧，这样搜索框就抢占了主体的风头。页面的每个模块的大小是至关重要。如何设计出好看美观的页面？

原创 本地缓存设置有效期？

这时我们可以封装一下localStorage，在需要有效期的数据存储时同时设置到期时间，读取的时候判断是否过期，过期则清除。在存储时判断是否有过期时间expire，这里以秒为单位，可以自己增加一个时间单位的参数，有则同时将过期时间存入缓存，key为原来的key拼上_expire_time。在读取缓存数据时，先判断该key值是否有设置有效期，如果有则与当前时间对比判断是否过期，过期则清除缓存，未设置有效期或未过期则直接返回数据。

原创 Vue-vedio实现自定义自动播放

一般情况下，vedio标签自动播放只需要添加autoplay属性即可，添加autoplay属性的vedio，视频在就绪后就马上播放。最终想法：动态控制control，点击按钮后直接使用play()方法让vedio播放。需求描述：添加一个播放按钮，在点击按钮后按钮消失，视频自动播放。测试结果：点击后按钮消息，但视频没有自动播放。初步想法：动态控制autoplay属性。

原创 小记-230823

因为多种错误都会调用fail函数，这时候需要根据错误原因来进行不同操作，如像本次的错误可以跳转至错误处理页面展示原因，提示用户待网络不繁忙时打开。uniapp中vue2版本this指向vue实例，在vue2中给响应式变量a赋值需要以this.a的形式赋值，在异步函数如uni.request请求中在成功，失败或者完成的回调函数中this指向会改变，使得我们在给this.a赋值时并没有给vue实例下的a赋值，导致a不变，无法渲染在页面上。

原创 $message修改样式无效问题解决方法

今天写代码时遇到了一个问题，前提是项目做了移动端适配，会根据屏幕大小改变字体的大小，所以导致在pc端展示时$message的图标被放大。注意是使用querySelectorAll而不是querySelector，querySelector只会获取第一个。

原创 前端开发日志

如何提升呢，我的办法是多看，去ui中国，即可设计，站酷很多很多的设计网站上看，多看提升自己的美感，你肯定会有所提高。那就相当考验配色，例如主色调与副色调的搭配呀。如何才会让用户看起来不感觉不好，不会让用户看的眼睛不舒服。app大家手机都很多，很多都是很好的设计，我们不妨可以参考借鉴。最重要的莫过于配色，一个好的app会有自己app的风格与配色。今天要和大家分享的是前端开发关于设计这方面该如何提升。配色就取决于用户用你的产品会不会厌倦疲惫。例如你的app是一款商城app。今天又是愉快敲代码的一天！

原创 前端开发日志

首先拿到需求就上手是不对的，往往就需要先对需求分析，分析该怎么分析呢，不能光想得画出来，让领导看到，要讲故事给领导听，得到领导的认可，这样你开发起来往往才会得心应手。初中级前端开发工程师往往都会忽略用户体验。往往用户体验呢又是非常重要的，这是通往高级前端开发工程师必备的阶段。今天又是美好的一天！

原创 日记（2023-08-22）

uniapp的H5端页面中，实现上划加载更多时可以使用onReachBottom生命周期，根据当前数据页数和总数判断是否需要加载更多，否则停止，是则上划请求下一页数据并存放在渲染的数组中，根据具体需要去对数组做处理，比如懒加载、只显示近五十条数据等。但是当一页数据渲染后高度未大于页面高度时无法触发该事件，这时可在pages.json里定义具体页面底部的触发距离onReachBottomDistance。

原创 vue实现分环境打包

创建环境变量的文件，若自定义文件名，则若想配置文件生效，就需要在package.json文件修改，若不想修改package.json文件，则开发环境需要严格命名为.env.development，生产环境严格命名为.env.production，就会覆盖默认情况的配置。测试，配置有环境变量的情况下，会将新配置的和默认配置的合并在一起。

原创 laydate控件清空内容

需求说明：选择开始时间，结束时间（不论先后），判断条件：结束时间不能早于开始时间，如果不符条件则提示弹窗以及清空当前时间。2.使用日期选择器的done回调，通过.value赋值。最后解决方法：先清除组件再渲染。3.手动执行清空按钮。

原创 uniapp开发日志

封装时需注意携带过去的数据，有可能后台接受是会报错。uniapp封装uni.request方法。bug：将Base64的编码解码看错。