- 博客(156)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 Nginx停止服务和各种命令
1.停止Nginx服务的四种方法从容停止服务这种方法较stop相比就比较温和一些了，需要进程完成当前工作后再停止。nginx -s quit立即停止服务这种方法比较强硬，无论进程是否在工作，都直接停止进程。nginx -s stopsystemctl 停止systemctl属于Linux命令systemctl stop nginx.servicekillall...
2018-10-31 19:20:42
203391
2
原创 浏览器滚动条样式终极方案
首先各个浏览器滚动条保持统一是不可能的，因为浏览器不支持大多数滚动条样式属性从支持可调整的角度来看，我们一般选择所以这里有二个方案自行选择。
2024-04-09 15:30:40
709
原创 智能媒体api调用
简单介绍一下 使用阿里智能媒体管理的api,阿里云智能媒体管理（Intelligent Media Management，简称IMM），场景化封装数据智能分析管理，为云上文档、图片、视频数据，提供一站式数据处理、分析、检索等管控体验。智能媒体管理针对不同行业的业务场景封装整合完整的处理能力，提供文档的格式转换及预览，图片的内容识别、人脸检测、二维码检测、人脸搜索等功能，适合媒资管理、智能网盘、社交应用、图库图床等开发者使用。
2024-03-26 15:10:06
856
原创 ai回复功能请求开发
需求：实现一个类似于ai回复功能，一个字一个字往外蹦的效果实现方案：1.可以通过正常方式请求全部内容，通过js,定时器控制输出，速度，模拟ai回复效果2.通过eventSource请求，直接实现ai回复效果这里主要讲第二个方案。
2024-03-19 11:00:00
627
原创 手机打不开小程序web-view，微信开发工具可以
小程序内嵌webview，域名已经备案，开发工具能打开，手机上通过别的浏览器能打开，但是在微信中无法打开，真机预览小程序也无法打开，一直是白色的加载页面。此服务器无法证明其所在网域是 配置的域名；其安全证书已在 2 天前过期。出现此问题的原因可能是配置有误，或是有攻击者拦截您的连接。可能原因：计算机的时钟目前已设为 2021年4月28日星期三，如果不正确，请更正系统的时钟，然后刷新页面。原因：ssl证书有问题,浏览器进入不要有不安全这种情况。
2024-03-19 09:00:00
496
原创 服务端实时推送技术之SSE（Server-Send Events）
服务端推送，也称为消息推送或通知推送，是一种允许应用服务器主动将信息发送到客户端的能力，为客户端提供了实时的信息更新和通知，增强了用户体验。服务端推送的背景与需求主要基于以下几个诉求：实时通知：在很多情况下，用户期望实时接收到应用的通知，如新消息提醒、商品活动提醒等。节省资源：如果没有服务端推送，客户端需要通过轮询的方式来获取新信息，会造成客户端、服务端的资源损耗。通过服务端推送，客户端只需要在收到通知时做出响应，大大减少了资源的消耗。
2024-02-20 17:19:51
1753
1
原创 Nuxt.js刷新界面模板没有生效
通过路由跳转界面效果正常，独立的模板生效；刷新界面，layout模板恢复默认default模板，界面布局乱掉。layouts 根目录下的所有文件都属于个性化布局文件，可以在页面组件中利用 layout 属性来引用。Nuxt3版本提供的default模板中提供了。：都写在default默认模板中，进行区分，目前没有找到优雅的解决方案……新版本提供了很多有趣的功能可以去看看。
2023-11-24 10:40:35
703
原创 如何提升自己-it人员的反思
在这个不断发展的科技时代，程序员通过不断深化技术能力、建立护城河，以及积极追求技术创新，不仅能够在职业生涯中取得成功，更能够在社会发展中发挥引领作用。也是深度体现的一部分，不仅需要考虑系统的整体设计，还要关注系统的可扩展性、性能优化等方面。首先，通过创新技术解决社会问题，程序员能够在医疗、教育、环境等领域产生积极影响，推动社会朝着更加可持续的方向发展。技术上的创新不仅仅是提升个人竞争力的手段，更是为社会的可持续发展和进步做出贡献的途径。在程序员的职业生涯中，建立坚实的护城河是至关重要的。
2023-11-24 09:39:03
404
原创 Element中el-table组件右侧空白隐藏-滚动条
固定table高度时，出现滚动条，我们希望隐藏滚动条，或修改滚动条样式，出现table右边出现15px 的固定留白。
2023-11-23 08:56:29
1487
1
原创 element el-date-picker报错Prop being mutated:“placement“快速解决方式
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"
2023-11-17 09:38:02
849
原创 --max-old-space-size=8192报错
vue项目运行时，如果经常运行慢，崩溃停止服务，报如下错误因为在 Node 中，通过JavaScript使用内存时只能使用部分内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源，如果超出了V8引擎对Node默认的内存限制大小时，就会产生内存溢出的错误。
2023-11-16 10:47:05
3074
原创 React Hooks
然后，一旦状态更新，组件将重新呈现，这将再次触发useEffect，通常我们是不希望它一直刷新的。副作用是指在组件渲染过程中，可能会对外部环境产生影响的操作，比如数据获取、订阅事件、操作DOM等。// 副作用函数可以是一个异步函数，可以在其中进行异步操作，比如数据获取。// 如果您希望避免在每次渲染时都重新执行副作用函数，可以将函数定义在。二个参数的传值有以下几种情况，决定页面render的时机，dom操作。接受两个参数：一个是副作用函数，另一个是依赖数组。// 刚进入界面进行数据请求，不过常在。
2023-11-16 10:28:08
454
原创 放弃node-sass，启用sass
在下载一个新项目时运行：npm run install 发现报错 npm uninstall 异常运行在install 如果没有效果，下载新版 visual studio目前最新是 visual studio Community 2022 ，勾选c++,安装完成后重新install 基本上可以成功了。
2023-03-05 07:00:00
770
原创 cnpm下载、cnpm不存在处理、yarn安装
cnpm偶尔出现安装异常的情况，不建议cnpm安装包，还是用npm吧，慢的话可以用淘宝代理。将cnpm下载目录路径添加进“系统变量”的path中来就可以了。cmd中输入以下命令获取到cnpm下载目录。
2023-03-04 07:00:00
3386
1
原创 node版本管理工具nvm
打开nvm文件中对应版本号的node_modules文件夹，可以看到npm文件，则说明npm安装成功。将下载镜像源指向淘宝（这步也很重要，否则在安装node的时候会出现卡死，npm安装不成功的情况）原因：nvm下载node后，node -v可以使用 npm -v提示没有该命令，没有安装npm。在下载目录中查看settings.txt文件，可能没有最后二段代码，没有则添加到后面，
2023-03-03 19:00:00
601
原创 项目埋点统计
例如：统计界面离开，使用监听浏览器的 beforeunload 事件，发起请求统计，采用异步的话接口通常无法返回，在Network中会报错；同步请求导致界面需要等待接口返回后才能关闭浏览器； 基于这种情况浏览器提供了sendBeacon方法。了解sendBeacon// 1. DOMString类型，该请求会自动设置请求头的 Content-Type 为 text/plainconst reportData = (url, data) => { navigator.sendBeacon(ur
2022-04-02 16:13:18
586
原创 nohup npm运行查看日志
nohup永久启动js（个人感觉没有pm2好用）参考文档nohup node server.js &nohup 加在一个命令的最前面，表示不挂断的运行命令& 加载一个命令的最后面，表示这个命令放在后台执行查看后台运行的命令有两个命令可以来查看，ps 和 jobs。区别在于 jobs 只能查看当前终端后台执行的任务，换了终端就看不见了。而ps命令适用于查看瞬时进程的动态，可以看到别的终端的任务。jobsps -aux|grep java(服务名) ps .
2022-03-09 09:00:00
2319
原创 Navicat15安装使用
本安装流程适合各个版本Navicat安装从网络下载Navicat及注册机点击这里链接: https://pan.baidu.com/s/1Fh4BMQF3PlUMT4_RlfBt0A?pwd=ph2h提取码: ph2h1.删除系统自带的杀毒软件，例如360，电脑管家，Windows Defenderwindow10的 Windows Defender 为例：【win + i】进入windows设置 点击【更新和安全】-》【windows安全中心】右边进入【病毒和威胁防护】，点击首页，分别关闭
2022-01-10 09:00:00
23399
22
原创 多行文本 展开收起
https://zhuanlan.zhihu.com/p/373359523<div class="content_box"> <input type="checkbox" id="exp"> <div class="content word" line-clamp="2"> <label class="btn" for="exp"></label> {{orderInfo.originalCont
2021-12-28 09:00:00
346
原创 读取excel
读取Excel文件html:<input type="file" id="excel-file"> <script type="text/javascript" src="./jquery-3.5.1.min.js"></script><script type="text/javascript" src="./xlsx.core.min.js"></script>js:$('#excel-file').change(function(
2021-11-12 17:27:44
420
原创 transition与animate动画区别
transition(过渡)transition: property duration timing-function delay;值描述transition-property规定设置过渡效果的 CSS 属性的名称。transition-duration规定完成过渡效果需要多少秒或毫秒。transition-timing-function规定速度效果的速度曲线。transition-delay定义过渡效果何时开始。animate简写：animati
2021-08-04 15:23:15
596
原创 js数组去重
1.双层循环，切割数组function unique(arr){ for(var i=0; i<arr.length; i++){ for(var j=i+1; j<arr.length; j++){ if(arr[i]==arr[j]){ //第一个等同于第二个，splice方法删除第二个 arr.splice(j,1); j--;
2021-07-15 14:30:20
104
转载 linux常用命令
目录一、基本命令1.1 关机和重启1.2 帮助命令二、目录操作命令2.1 目录切换 cd2.2 目录查看 ls [-al]2.3 目录操作【增，删，改，查】2.3.1 创建目录【增】 mkdir2.3.2 删除目录或文件【删】rm2.3.3 目录修改【改】mv 和 cp2.3.4 搜索目录【查】find三、文件操作命令3.1 文件操作【增，删，改，查】3.1.1 新建文件【增】touch3.1.2 删除文件 【删】 rm3.1.3 修改文件【改】 vi或vim3.1.4 文件的查看more：百分比显示les
2021-04-12 11:01:29
343
原创 交换两个变量的值不使用第三方变量
一、引入通常我们的做法是（尤其是在学习阶段）：定义一个新的变量，借助它完成交换。代码如下：int a,b;a=10; b=15;int t;t=a; a=b; b=t;这种算法易于理解，特别适合帮助初学者了解计算机程序的特点，是赋值语句的经典应用。在实际软件开发当中，此算法简单明了，不会产生歧义，便于程序员之间的交流，一般情况下碰到交换变量值的问题，都应采用此算法（以下称为标准算法）。二、四种不借助第三变量的交换方法上面的算法最大的缺点就是需要借助一个临时变量。那么不借助临时变量可以实现交换
2021-03-23 00:50:59
615
原创 HTTP和HTTPS协议
1、http的请求报文和响应报文http请求报文：请求行（请求方法+url）、请求头、请求体http响应报文：状态行（http版本+状态码）、响应头、响应体2、常用的http请求类型请求类型： GET、POST、DELETE、PUT、OPTIONS、CONNECT、HEAD、TRACE、3、http和https的区别、为什么https更加安全，ssl加密是怎样的http是直接和tcp通讯，https=http+ssl加密http端口号为80，https端口号为443http基于应用层，ht
2021-03-09 23:57:04
251
原创 eslintrc与Vscode
不同的开发人员安装的vscode可能不太一致，导致在开发时运行一直报缩进、空格等问题解决方案：如果遇到 ‘方法前要加缩进’，‘文本缩进没有对齐’ 等情况！Missing space before function parentheses space-before-function-paren可以修改配置文件或是将自己vscode配置修改一下，通常选择修改自己vscode兼容大家项目；在项目根目录.eslintrc.js配置文件添加如下代码：‘space-before-function.
2021-03-06 18:22:14
329
原创 请求接口模拟
模拟接口心得在模拟接口请求中，将请求头中的参值都拿过来使用，防止因为某些值未传导致，请求失败！简化请求头，通常涉及到一些必填字段，例如：Content-Type, Host, Content-Length,和保存token的字段；由于后端在请求配置不同，Content-length不一定传数字，如果请求不需要告知后端，需要获取的字节长度，可设置Content-length： null; 但是需要Transfer-Encoding,Content-Encoding指端配合使用；由图所得；请求中分别删
2021-02-24 16:36:57
566
原创 taro小程序拖拽效果源码
博客由来晴空万里的情况下，产品看技术人员心情不错，于是开始提前布局了。谦虚的向前端提了一个这样的需求，能不能实现拖拽的效果，优化一下排序的可操作性，‘不着急实现的’；听到这，还能忍！必须实现一下！效果图, 代码是原taro vue开发以每一组数据顶部到合作顶部距离，计算排位顺序https://v.qq.com/x/page/b3225uujvcn.html<view class="listbox"> <view v-if="showkelong"
2021-02-03 14:55:53
1224
原创 npm发包流程
注册账号https://www.npmjs.com/为后面发布npm包做准备确认本地npm的源是 https://registry.npmjs.org通常下载的node, npm源是淘宝镜像的源地址查询源地址npm config get registry修改源地址npm config set registry https://registry.npmjs.org本地npm添加账号npm adduser账号名密码邮箱创建包npm init包名、license、author
2021-01-29 11:29:23
369
2
原创 websocket,长轮询和轮询
websocket(短轮询)服务端就可以主动推送信息给客户端应用：聊天通讯，多点更新数据轮询正常http接口反复请求长轮询当服务器收到客户端发来的请求后,服务器端不会直接进行响应，而是先将这个请求挂起，有更新则返回。应用：需要实时更新，减少时间差的业务，如投票，买房区别长轮询和短轮询比起来，明显减少了很多不必要的http请求次数，相比之下节约了资源。长轮询的缺点在于，连接挂起也会导致资源的浪费。（长轮询是三个中最消耗资源的）参考地址：https://www.cnblogs.
2021-01-20 11:29:54
439
原创 vue-socket.io实现长链接
之前提到ScokJS.SockJS是一个浏览器JavaScript库，它提供了一个类似于网络的对象。SockJS提供了一个连贯的、跨浏览器的Javascript API，它在浏览器和web服务器之间创建了一个低延迟、全双工、跨域通信通道。今天介绍vue-socket.io 一个专门问题vuejs提供的plugin，这里实现了一个身份证读卡器的socket长链接。引入方式一：只使用了vue-socket.io 的方法，介绍vue-socket.io其实是在socket.io-client基础.
2020-12-11 18:17:47
1523
原创 LCD液晶字体
大屏或是web使用，LCD液晶字体使用方案：去 dafont下载.ttf格式字体，输入0123456789，点击下载（图一）通过fontconverter或者fontsquirrel.com来生成.woff等格式的字体（第二个连接似乎更好用，图二）正常导入.woff文件图一：图二：...
2020-11-26 10:57:29
4075
1
html2canvas 1.0.0-rc.5
2022-07-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人