- 博客(77)
- 收藏
- 关注
RSS订阅原创 vue2项目中，使用国际化插件i18n Ally，不回显文字
vscode下的settings.json配置。看其他人使用，应该在变量位置显示原文字。
2024-08-01 17:16:17
209
原创 js 初始化特定长度的数组并赋值，解决new Array().fill()浅拷贝的问题
这样创建的数组，其中每个元素都指向同一个数组（也就是说，如果你修改其中一个数组，所有数组都会被修改）。这是因为在 JavaScript中，对象（包括数组）是通过引用传递的。因此当我们传入一个引用类型时，数组中每一项都是对同一个对象的引用。这意味着如果你修改了一个元素，所有的元素都会受到影响（浅拷贝）。参考：https://www.jb51.net/javascript/29807466d.htm 得知。测试中发现，如果修改了数组其中一个值，其他的值也会跟着变化。
2024-07-17 16:38:47
220
原创 echarts 折线图柱状图增加点击事件
上方的隐藏折线是按钮在坐标轴之外，获取到的option.xAxis[0].data[xIndex]为空，也可以通过判断规避。单折线图，可以直接监听click事件（只有点击到折线才会触发）但很多时候，我们是要求点击折线图任意位置触发点击事件。用这个方法可以获取到点击位置的具体数据。而且要注意隐藏折线的操作按钮。
2024-06-25 15:38:48
1024
原创 IOS端报错：SecurityError: Blocked a frame with origin “null“ from accessing a cross-origin frame. Protoc
SecurityError: Blocked a frame with origin "null" from accessing a cross-origin frame. Protocols, domains, and ports must match.
2024-03-21 15:09:08
290
原创 uniapp移动端 IOS系统下无法与webview通信
我的页面嵌套了一个webview（文件位于项目的hybrif/html）目录下。连接真机，打印evalJS是个方法，但就是调了没用，整个人都不好了。在安卓里运行是没问题的，但在苹果手机上一直无法通信。使用evalJS与webview进行通信。不知道有没有人遇到过这个问题。
2024-03-14 21:31:10
562
原创 reportJSException ＞＞＞＞ exception function:createInstanceContext, exception:white screen cause create
不能理解的报错，本来以为是引入的H5库里有个navigator.userAgent 取不到导致的报错。又把引入H5的整个页面在pages.json中注释掉，依然报错。把它放开，保存，突然就不报错了。结果打印并没有走到那个方法里去。
2024-03-03 20:08:34
3286
4
原创 Failed to load module script: Expected a JavaScript module script but the server responded with a MI
引入一个html报这个错，救命到底是为什么啊啊啊啊啊啊啊卡了好久了。
2024-02-22 19:28:23
263
2
原创 uniapp项目运行报错：npx browserslist@latest --update-db
按网上的处理，HBuilderX/plugins/uniapp-cli下删除node_modules。然后npm install（挂梯子也报错了，后采用cnpm install）考虑到只有一个项目出现这种问题，应该是那一个项目的代码那里出错了。补充/* eslint-disable */只有一个项目运行报这个错，莫名其妙。春节归来突然报错，节前都好好的。
2024-02-20 14:52:16
757
原创 elementUI table表格组件最右列被遮挡不出现滚动条
在table上加个样式：el-table–scrollable-x。不知道为什么明明设置了列宽，却没有出现滚动条。有时候会出现这个问题，应该是组件bug。
2024-01-29 18:23:18
244
原创 Merge remote-tracking branch ‘remotes/origin/develop‘ into develop-modify
然后使用【推送】，推送到仓库后，看到的命令是Merge remote-tracking branch。这两天使用小乌龟照常合并代码，遇到了Merge remote-tracking。操作【合并】，拉下代码没有冲突。
2024-01-09 10:49:39
1022
2
原创 uniapp开发移动端遇到的问题记录
然后我写了一个测试demo，里面没有设置"softinputMode": “adjustResiz”，也没有加form部分的position:absolute的样式，页面并不会往上谈起。接上，解决完页面不抖动的问题后，发现进入页面后返回到登录页，两次获取到的windowHeight高度不同。我的键盘没有遮盖到输入框，但手机键盘弹起后，form部分会整体上移一点，并且底部的操作也会弹到键盘上方。看了网上的解答说放onReady，加setTimeout，试了都不行。键盘弹出后，页面高度产生了变化，页面就会晃。
2023-12-27 21:16:30
892
原创 uniapp windows下苹果ios端打包安装测试记录
普通用户申请的测试证书只有7天有效期，要长期的证书就得花99刀购买（上架是必须要证书的）需要两个文件，iOS证书(.p12)和描述文件(.mobileprovision)测试阶段使用开发证书，开发证书官网的申请步骤比较麻烦，并且需要在苹果电脑上操作。IOS的测试包也不难，先记录测试包的打包过程，正式发布的包等做到那一步再更新。回到Hbuilder页面，将两个文件分别导入，即可打包出ios安装包。1、先从Hbuilder的ios打包页面开始看，需要证书。，直接在这个应用上申请苹果证书，简单快捷。
2023-12-20 11:39:03
772
原创 js实现AES加密解密，简易又全面
常规是直接安装CryptoJS库，但为了减少项目体积，使用这简单的20k文件就ok。代码中使用的是Pkcs7，但我需要的填充方式是ZeroPadding。
2023-12-05 20:10:07
3289
1
原创 uniapp+vue3使用pinia，安卓端报错白屏
报错太不详细了，但可以看出是关于useStore，最开始我以为是pinia引入的问题。后面挨着排查代码，发现是在接口封装里引入的store导致的报错。把它放到方法定义里即可解决。
2023-11-21 13:57:34
1311
4
原创 项目运行报错：error:0308010C:digital envelope routines::unsupported
第二步：如果依然报错，在终端中运行set NODE_OPTIONS=–openssl-legacy-provider。第一步：在运行命令中补充set NODE_OPTIONS=–openssl-legacy-provider &node版本升到18之后，运行老项目报错。运行命令：npm run dev。
2023-09-20 10:23:28
161
原创 Error: pngquant failed to build, make sure that libpng-dev is installed
遇到了一个很难搞的报错新同事遇到的，最开始的体现是这样的看到这个报错是很懵的，进入到对应的依赖目录下，发现pngquant.exe不存在认为是依赖装得有问题，各种卸载重装，重新配置淘宝镜像，遇到新报错Error: pngquant failed to build, make sure that libpng-dev is installed› pngquant-bin@^5.0.0 run "node lib/install.js", root: "C:\\Users\\tophc\\Docu
2022-01-04 20:27:02
12744
12
原创 nodejs使用child_process.exec时，使用管理员权限执行命令
最近遇到一个需求是要对C盘下的文件进行处理，但执行命令时总遇到权限报错。解决办法1：运行程序时以管理员身份运行解决方法2：执行：powershell -Command "Start-Process cmd -Verb RunAs -ArgumentList '/c 原本命令 && command -argument'"但我使用的时候，用它杀进程是ok的，但删除文件不行参考：https://www.coder.work/article/5084113...
2021-07-25 18:44:38
6236
2
原创 linux下node npm cnpm的安装
cnpm安装命令：npm install -g cnpm -registry=https://registry.npm.taobao.org我的安装路径：/usr/local/node-v12.2.0-linux-armv7l/bin/根据自己实际的安装路径，建立软连接ln -s /usr/local/node-v12.2.0-linux-armv7l/bin/cnpm /usr/bin/cnpm...
2021-05-14 14:46:12
382
原创 使用CSS画网格线
background: -webkit-linear-gradient(top, transparent 30px, #e9ebed 31px), -webkit-linear-gradient(left, transparent 30px, #e9ebed 31px); background-size: 31px 31px;效果如下：
2021-05-12 20:21:23
450
原创 JS 比较两个IP的大小
function compareIP (ipBegin, ipEnd) { var temp1 = ipBegin.split('.') var temp2 = ipEnd.split('.') for (var i = 0; i < 4; i++) { if (temp1[i] < temp2[i]) { if (Number(temp1[i]) < Number(temp2[i])) { retur
2021-04-22 17:02:57
377
原创 性能提升：节流与防抖的实现
防抖概念如果在一个事件触发的n秒内重复触发，将以新的事件的时间为准，n秒后才执行。即触发完事件n秒内不再触发事件(防止重复点击触发事件)。代码实现var _this = thisfunction fn () { _this.count++ }document.getElementById('debounce_cont').addEventListener('mousemove', () => { debounce(fn, 1000)})va
2021-04-16 18:15:06
84
原创 console的方法
最近使用console中的方法进行代码运行时间计算，小结一下console中实用的方法。1.使用console.time()和console.timeEnd()计算代码的运行时间并输出括号中的eventName为非必填2.使用console将对象以表格呈现3.console.count()统计函数执行次数eventName相同，会自动进行累加...
2021-04-13 16:06:09
163
原创 树形数据与扁平数据的相互转换（使用递归）
测试数据const models = [ { id: 1, title: 'hello', parent: 0 }, { id: 3, title: 'hello', parent: 1 }, { id: 4, title: 'hello', parent: 3 }, { id: 5, title: 'hello', parent: 4 }, { id: 2, title: 'hello', parent: 0 },
2021-03-31 18:18:26
484
原创 向gitlab提交代码时记住用户名和密码
1.输入命令git config --global credential.helper store这一步会在用户目录下的.gitconfig文件最后添加：[credential]helper = store2.push代码这一步会在用户目录下生成文件.git-credential记录用户名密码的信息格式：https:{username}:{password}@github.com...
2021-03-26 17:42:53
2142
原创 【问题】eletron引入flash显示“无法加载插件”
需要在页面上播放.swf格式的文件。在demo中测试，先引入了flash在页面上使用webview试图播放视频<webview src="./test2.swf" plugins></webview>结果显示无法加载插件在网上找了些资料，并且把electron版本降低到4.2.6，依然无法成功播放视频...
2021-03-24 18:45:40
786
4
原创 vue传值之 provide和inject
组件之间的通信可以通过props和$emit的方式进行通信，但是如果组件之间的关系非常复杂的话，通过以上的方式会很麻烦，并且程序会非常脆弱，没有建中性可言。在vue2.2.0 中新增provide和inject属性，可以方便的帮助我们进行组件间的传值。使用：父组件通过provide提供数据，其他组价可以使用inject注入数据。父组件中：provide () { return { parent: this.parent } },子组件接收（三种写法）：
2021-03-18 18:37:33
792
转载 window.location进行页面重定向
host 和 hostname 的区别：host将包括端口号，而hostname只返回主机名。更改 URL 属性：// 开始 'https://segmentfault.com/'window.location.pathname = '/tidbits'; // 设置 pathname// 结果 'https://segmentfault.com/tidbits'下面是你可以更改的属性的完整列表// 事例window.location.protocol = 'https' .
2021-03-15 18:59:09
2268
转载 HTTP 状态码
当浏览器从 web 服务器请求服务时，可能会发生错误。从而有可能会返回下面的一系列状态消息：1xx: 信息消息: 描述:100 Continue 服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。101 Switching Protocols 服务器转换协议：服务器将遵从客户的请求转换到另外一种协议。2xx: 成功消息: 描述:200 OK 请求成功（其后是对GET和POST请求的应答文档。）201 Created 请求被创建完成，同时新的资源被创建
2021-01-25 19:06:59
86
转载 块级元素（block）与内联元素（inline）
1.块级元素（block）与内联元素（inline）的区别： 简单地说，块级元素用来搭建网站架构、布局、承载内容，负责整体的大的方面。块级元素总是会另起一行开始，其高度、行高和边距都是可控的。内联元素负责局部和细节，在同一行显示，其高度、行高和边距不可控。 通过display：block;或者display:inline两者可以相互转化。 至于可变元素是可以根据上下文语境决定是块级元素还是内联元素，好吧，它最灵活了=。=2.分类明细:(照搬来的）块元素(block element) HTML
2021-01-14 18:10:22
1312
原创 JS实现类似通讯录的字母索引
随便写的demo右侧的字母导航随着左侧的数据移动<template> <div> <div class="letter-container"> <div id="scroll_content" class="letter-content"> <div v-for="(item,index) in letters" :id="'letter_'+item" :key="index" class="letter-
2021-01-13 20:05:51
854
原创 前端页面点击按钮跳转回顶部的几种方法
最近写动画突然想到了这个【其实并没有什么联系使用scrollIntoViewdocument.querySelector(’#content’).scrollIntoView(true)使用设置scrollTo(x,y)中的x和y的坐标值来滚动到页面的具体位置window.scrollTo(0,0)带动画效果的：使用setIntervalconst timer = setInterval(() => { const isSpeed = Math.flo
2021-01-12 18:12:20
1054
原创 electron打包应用在个别win7环境下出现黑屏问题解决
我在网上看到一些解决办法一是说electron在windows平台下需要.net framework4.6或者更高的版本支持，所以在win7上需要先安装.netframework4.6，才能正常运行但在其他win7系统上使用的是3.x版本，却没有遇到这个问题。测试过程中，发现在程序启动时加上参数“ –disable-gpu”，禁用gpu渲染，就能正常运行不会黑屏。解决方法：主进程文件中，ready调用app.disableHardwareAcceleration()方法，关闭硬件加速模式
2021-01-11 18:04:49
1830
原创 使用google 语言 api 来实现整个网站的翻译
前提是能访问谷歌<div id="google_translate_element"></div><div>测试文字</div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', included
2021-01-07 18:39:07
1821
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人