- 博客(37)
- 收藏
- 关注
原创 使用 electron 打包的 .exe文件
1、报错 Cannot find module ‘fs/promises’ ,降electron-updater版本 “electron-updater”: “4.3.1” package.json文件。2、查找不到 electron-v9.4.4-win32-ia32 从以下文件里找 C:\Users\Administrator\AppData\Local\electron\Cache。3、实在不行 改package.json里的 “arch”: [“ia32”] x64。
2023-06-14 14:22:58
312
原创 免费的视频压缩软件,踩了好多坑之后,终于找到了——Handbrake
项目里有一个视频播放功能,小前端现在也不会在上传的时候对视频进行压缩(百度了一下,说是前端压缩不了,需要上传到服务器后后台压缩)。真的不要太好用了,500M的视频,导出后只有30多兆,播放流畅,没有卡帧,音频也都有,nice。mp4的视频编码有四种:MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)、HEVC(H265),而网页支持较好的MP4编码格式为AVC(H264)。在遇到扩展名是mp4,但播放仍有问题的时候,也可以试试这个软件,重新转换一下。
2022-09-20 18:02:54
3889
原创 webviewReady[7][6] not match __ERROR
uniapp在使用renderjs制作百度地图时,有时会报错,有可能是因为渲染的节点太多导致内存泄露,你不断创建新的节点,又不清除旧的节点实例,内存肯定不够用,浏览器内存到了几百兆就会强制清空,出现白屏。...
2022-08-08 16:53:24
724
原创 store中分模块,一个模块调用另一个模块的mutations
后台管理系统动态路由里面遇到了登录之后页面显示空白,刷新一下,就正常了。差了好多资料,发现是退出登录的时候清除了user缓存,但是再次登录的时候缓存又赋值了。但是我判断动态路由是否重新加载是根据user判断的。所以在resetRouter()后,没有走重新设置路由的方法,直接next()了。后来把缓存里的router清除,重新给路由赋值,解决。第三个参数设置{roottrue},注意是第三个参数!...
2022-08-01 17:11:07
1224
原创 vue父组件在接收子组件方法传递参数的时,如何添加自定义参数
在vue中,父组件中使用子组件方法的和传递过来的参数时直接只用参数就可以了,如下:// childthis.$emit('change', param)// parent@change='parentHandle(param)'如果我们在使用子组件方法的同时,还想使用自定义参数呢,使用场景比如,在父组件中遍历子组件,想使用每个组件的索引, 这时候就需要修改一下写法:// childthis.$emit('change', param)// parent@change='parentHan
2022-04-28 23:32:15
554
原创 前端项目兼容系列
前端项目兼容系列1. rem单位不兼容ie8及以下。解决方法:如果想兼容可以引用rem.js文件。(将其引用在页脚,当css与dom加载完毕后再加载。)(bower install REM-unit-polyfill)2. 用到了ES语法解决办法:下载地址 下载地址2<script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js"></script><script
2022-04-20 17:26:40
715
原创 前端项目开始前,需要确认哪些?
确认项目兼容哪些浏览器,是否兼容ie确认是否是PC+手机站确认是否需要推广,SEO判断是用html还是vue判断项目用什么框架最近做项目遇到个问题,做了一半,要求兼容ie8。纳尼,都是用的flex布局,需要重新用float写。特此记录一下,以免以后再给自己挖坑。...
2022-04-20 14:34:29
497
原创 __webpack_require__(...) is not a function vue报错
使用npm install vue-router 安装的router 报错__webpack_require__(...) is not a function,可能是router和webpack的版本不匹配,后执行npm i vue-router@3.2.0,将router的版本换到了3.2.0,重新npm run dev不报错了。
2022-04-08 09:00:57
5063
原创 .CRT换成.PEM格式 ssl证书格式转换
最近买了个ssl证书,给的crt格式,但是七牛云上要pem格式,怎么办。哈哈,直接改了扩展名,就转成了pem格式。亲测有效。图片网址日期变成了新日期。
2022-03-11 10:47:56
544
原创 两个对象中相等的key值赋值
Object.keys(this.maintenanceData).forEach(key => { this.maintenanceData[key] = this.fyInfo[key] ? this.fyInfo[key] : this.maintenanceData[key] }); if(this.fyInfo.peitao){ this.maintenanceData.peitao = JSON.parse(this.fyInfo.peitao);
2022-01-11 14:34:10
618
原创 webpack的copy-webpack-plugin、patterns
你好,最近有一个疑惑想请教一下。const CopyPlugin = require('copy-webpack-plugin'); module.exports = { plugins: [ new CopyPlugin({ patterns: [ { from: 'source', to: 'dest' }, { from: 'other', to: 'public' }, ], }), ],};最近把一个项目引
2021-12-22 14:46:34
708
原创 git分支切换提示签出会覆盖本地更改该怎么办
最近一个项目,master分支在本地,有个新的板块要开发,创建了分支contract。在contract分支上开发时想去主分支master上修改东西。但是contract分支上的修改不想提交,在切换到主分支时提示:签出会覆盖本地更改。咋办?原因:如果当前分支所做的修改没有提交就切换去其他分支也会看到相同的修改,所以解决这个问题有两个办法。解决办法:1、用 git add和 git commit提交修改,只要用 git status 检查工作区和暂存区是干净的就可以了。2、那如果我当前分支上的工作还.
2021-12-22 14:19:38
13812
原创 admin-template@1.0.0 dev: `webpack-dev-server --hot --config build/webpack.dev.js`
npm run dev 报错 admin-template@1.0.0 dev: webpack-dev-server --hot --config build/webpack.dev.js问题主要是webpack的版本与项目现有node_modules中的安装包版本起了冲突。主要看webpack的配置文件。我是在把iview从3.5.1升到4.0.0版本后,运行npm run dev 报错。后来把iview版本降回到以前的版本,还是报这个错误。当时感觉莫名其妙,怎么只是升级了ivew版本,项目就运行
2021-12-22 11:46:46
1150
原创 nvm的安装与使用
先将本地的node卸载,再安装nvm如果没有卸载就安装,会新安装版本的node对应的npm无法安装。往期node版本号:https://nodejs.org/zh-cn/download/releases/nvm下载网址:https://github.com/coreybutler/nvm-windows/releases选择nvm-setup.zip下载nvm 可选择安装路径,node不能选择安装路径nvm install 10.15.3 //安装node,版本为10.15.3nvm l
2021-12-17 18:19:59
143
原创 uniapp制作的app,内容不显示,没有联网
最近处理了一个用uniapp制作的app,有的手机进入后验证码和需要联网的内容都没出来。有的手机没问题。原因是该用户安装的app应用被系统设置了联网限制。需要打开该应用的联网权限。如何避免(未测试,不确定能不能实现):进入应用(app.vue)页面先检测一下有没有联网,如果没有提示用户打开网络连接。点击确定进入设置页面。...
2021-11-24 16:08:18
4914
原创 移动端有些浏览器,部分图片不显示
移动端有些浏览器,部分图片不显示。在UC浏览器、夸克、小米原生浏览器,遇到同一页面,有的图片能显示,有的图片不显示。查阅资料之后原来是这些浏览器开启了广告拦截,将它认为是广告的内容屏蔽掉了。class名称被屏蔽:top_box、ad...
2021-11-24 15:56:42
1186
转载 详解Webpack devServer的proxy用法
解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~)F12查看网络请求路径,还是原来的,所以只能从效果上去观察是否正确代理了基本用法mmodule.exports = { //... devServer: { proxy: { '/api': 'http://localhost:3000' } }};//请求到 /api/xxx 现在会被代理到请求 http://localhost:3000/api/xxx, //例如 /api/us
2021-09-30 14:46:45
2445
转载 Vue实现动画的几种方式
vue内置组件transition元素出现和消失都呈现动画<!-- 将要使用动画的内容放在transition里即可 --><transition name="fade"> <div v-show="show"></div></transition>.fade-enter-active,.fade-leave-active { transition: opacity .5s}.fade-enter,.fade-leave.
2021-09-29 16:11:52
2296
原创 调接口,报错undefined,404
可能的情况:更改接口后未重启项目接口配置多了“/” 少了“/”后台没有这个接口需要做的:重启项目查看接口是否正确在接口测试中,查看接口是否存在;
2021-09-27 16:47:16
821
转载 滚动穿透的6种解决方案(转载)
原文链接: 滚动穿透的6种解决方案.在移动端中,如果我们使用了一个固定定位的遮罩层,且其下方的dom结构的宽度|高度超出屏幕的宽度|高度,那么即使遮罩层弹出后铺满了整个屏幕,其下方的dom结构依然可以滚动,这就是大家所说的“滚动穿透”。而且经常是你在pc模拟器上没有问题,但是真机打开就一定会出现。这个经典八阿哥也是面试时经常会被追问的问题。相信能看到这篇文章的你,已经是遇到了这个问题。我就不gif展示问题效果了。接下来我网罗了网络,整理了别人说的方案和我自己的方案,一共实现了六种方法,并经过了自己手
2021-09-18 16:11:04
3785
原创 中间div高度根据屏幕高度自适应,适配移动端webapp,webview模式下,uniapp
最近做一个webapp的项目,真机调试时遇到了个overflow:scroll的坑,各种百度跳坑之后解决了,特此记录一下,以便查看。pc端使用overflow:scroll可以实现超出视觉范围滚动,但是在webview模式下,这个属性会使页面滑动很卡,有的可能是数据过多,无法滚动,加上-webkit-overflow-scrolling: touch;也没有解决。然后更改了flex布局,使用了uniapp中的标签。另外加上一个子元素与父元素等高的css,终于解决了。其他端或者不用uniapp的朋友可参
2021-01-15 22:36:50
915
原创 CSS样式
阴影box-shadow:2px 3px 12px 1px rgba(204, 68, 56, 0.7);-webkit-box-shadow:2px 3px 12px 1px rgba(204, 68, 56, 0.7);渐变背景色background:-webkit-linear-gradient(top,rgb(255,91,65),rgb(255,61,47),rgb(255, 32, 29));
2020-12-01 16:51:44
72
原创 字体图标在网页上显示方块是怎么回事?百度小程序不显示字体图标
哈哈哈,这个问题好尴尬,遇到了几次还是没记性,这里特意记录一下。看看font-family属性是不是对应的值,是不是与公共的值起冲突了。
2020-11-29 12:01:10
1941
原创 border-color无效,显示不出效果怎么办
没有定义 border-style属性border:1px solid #000;中solid为border-style属性,当定义了它之后,border-width与border-color才能生效。
2020-11-29 11:57:53
8103
原创 wxa-plugin-canvas 报错 downloadFile:fail Error: getaddrinfo ENOTFOUND tmp“
在使用插件wxa-plugin-canvas生成图片时,有些图片元素是本地临时文件,生成时出现报错downloadFile:fail Error: getaddrinfo ENOTFOUND tmp"通过修改文件目录 miniprogram_npm — wxa-plugin-canvas — index — index.js文件下的_downImage方法if (/^http/.test(imageUrl) && !/tmp/.test(imageUrl) && !ne
2020-09-21 16:44:14
1422
1
转载 公开密匙加密算法(非对称加密)有哪些?
非对称加密有哪些RSA:RSA算法基于一个十分简单的数论事实:将两个大素数相乘十分容易,但那时想要对其乘积进行因式分解却极其困难,因此可以将乘积公开作为加密密钥,可用于加密,也能用于签名。DSA:数字签名算法,仅能用于签名,不能用于加解密。DSS:数字签名标准,技能用于签名,也可以用于加解密。ELGamal:利用离散对数的原理对数据进行加解密或数据签名,其速度是最慢的。...
2020-08-14 09:57:16
2146
2
原创 小程序扫描小程序码进入页面获取参数scene
onLoad: function (options) { if (options.scene) { const scene = decodeURIComponent(options.scene); console.log(scene); let a = scene.slice(2); let arr=a.split(","); // console.log(arr); // console.log(a); }}
2020-06-16 17:27:13
6218
原创 常用CSS汇总
html{ font-size: 625%; margin: 0 auto;}body{ color: #333; /*background-color: #f9f9f9;*/ font-size: 0.14rem;}*{ margin: 0;padding: 0; font-family: 微软雅黑; box-sizing: border-box;}a:hover{ cursor: pointer; text-decoration: none;}li{ list-s
2020-06-12 16:57:53
228
原创 lessc less安装
先下载nodejs http://nodejs.cn/ https://nodejs.org/zh-cn/会自带npm安装less$ npm install -g less查看lessc版本 (lessc是编译less的工具)$ lessc -v安装sublime的less插件打开sublime,ctrl+shift+p打开命令面板,找到package control:install Package,然后选择less2css,回车。继续ctrl+shift+p打
2020-06-12 16:32:31
1001
原创 如何解决小程序富文本转化工具wxparse有些样式不显示的问题?
强烈推荐将富文本插件工具由Wxparse换成Parser。亲测可用,解决了好多wxparse的bug。git下载地址https://github.com/jin-yufeng/Parser功能介绍https://jin-yufeng.github.io/Parser/#/解决了样式显示不出来,有些元素没有转化出来的问题。...
2020-06-12 11:53:43
1469
原创 css如何做图片全屏居中截取的效果呢?
.imgview{ width: 100vw; height: 100vh; background-image: url(http://i2.tiimg.com/721144/e7f80e2fe982794a.png); background-repeat: no-repeat; background-size:cover; background-position:center;}这段代码是将图片作为背景图片。实现居中全屏的效果。...
2020-06-12 11:19:11
387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人