解决方案
文章平均质量分 55
向着光芒的女孩
平时坚持瑜伽和阅读,是个内心温柔但充满力量的web前端程序媛
展开
-
【ag-grid】列宽设置不生效探索
发现使用sizeColumnsToFit()会覆盖默认设置的宽度。原创 2024-09-02 21:33:03 · 272 阅读 · 0 评论 -
【uni-app】如何修改uni-app子页面的背景颜色
项目里面看到已经被在App.vue中设置了背景色全局生效,想修改子页面单独的页面页面背景色,发现没能一下就生效。原创 2023-03-06 16:19:53 · 1030 阅读 · 0 评论 -
【uni-app】微信小程序如何轻松判断文本溢出显示展开按钮
一个父容器来控制文本溢出,让父容器默认overflow:hidden,一个内联子容器来放文本,文本容器的高度>父容器的高度,则说明溢出了原创 2023-03-01 22:38:54 · 1848 阅读 · 0 评论 -
【微信小程序】按钮button组件宽设置无效解决方案
在小程序里设置button组件的width竟然失效,让我们来看看原因和解决方案。原创 2022-08-04 17:55:43 · 5813 阅读 · 0 评论 -
【前端笔记】HBuilderX通过微信开发者工具预览打开不了探索过程
第一次通过HBuilder运行到微信开发者工具预览发现失败,原来关键有两步需要设置,记录探索过程,方便后期查阅。原创 2022-06-24 16:35:04 · 2658 阅读 · 0 评论 -
【前端笔记 】 微信开发者工具npm构建报 SyntaxError: Invalid number (312:30)
解决历程: 在npm安装完东西后,点微信开发者-工具-构建npm时发现报错,之前是npm安装依赖命令有写错,因为我是初始化项目,所以把node_modules文件夹和miniprogram_npm文件夹删除了,我把package.json也删除了(旧项目谨慎删除),再重新npm init生成package.json,敲正确命令安装完依赖后,再点npm构建发现没报错了。总结:可能是因为安装依赖时命令敲错了,导致生成的node_modules文件夹有点问题,最终导致微信开发者工具构建npm失败,先总..原创 2022-01-11 13:07:50 · 2691 阅读 · 0 评论 -
【Angular】文本溢出鼠标移上去时显示全部的气泡卡片组件
在使用ng-zorro-ant的table时,发现并没有自带element那种单元格文本溢出显示,element的table设置这个show-overflow-tooltip就能轻松使用。1.新建一个组件more-popovermore-popover│ more-popover.component.css│ more-popover.component.html│ more-popover.component.spec.ts│ more-popove.原创 2021-12-30 18:21:57 · 1774 阅读 · 1 评论 -
【Angular】ng serve开服务器后通过局域网ip访问不了解决方案
自己用局域网的ip访问自己开的服务器都不行,防火墙和代理都检查过了,又测试vue项目是可以的,查询了下angular项目要配置一下。所在的项目配置了一下package.json文件,start命令后加入 --host 0.0.0.0发现成功了,核心代码如下:{ "scripts": { "ng": "ng", "start": "ng serve --proxy-config proxy.config.json --open --host 0.0.0.0", "build.原创 2021-12-15 14:28:28 · 5286 阅读 · 0 评论 -
【Angular】使用高德地图比例尺心得总结
项目里是使用的ngx-amap<ngx-amap [resizeEnable]="true" [center]="[116.397428, 39.90923]" [zoom]="13" class="map-container" (naReady)="onMapReady($event)"> <!-- 出现放大工具 --> <amap-tool-bar></amap-tool-bar></ngx-amap> .map-container原创 2021-12-09 11:36:08 · 1288 阅读 · 0 评论 -
【Angular】如何让ng-zorro-ant菜单刷新时自动展开父结点和选中子节点
核心代码:<li nz-submenu [nzOpen]="rla1.isActive" #rla1="routerLinkActive" routerLinkActive> <span title><span class="nav-text"> 用户管理</span></span> <ul> <li nz-menu-item [nzMatchRouter]="true"><a routerLink=原创 2021-11-16 16:15:03 · 1703 阅读 · 0 评论 -
【Angular】ng-zorro-ant表格切换pageSize页数选择器不生效解决方案
使用场景:发现在使用nz-table的过程中,当页数选择器选择10和10以下的表格数据条数会重新渲染,排查了好久发现,只要大于10就不生效了,一页最多总是显示10条看官方简单的使用例子也没发现问题所在:<nz-table #basicTable [nzData]="dataSet"> <thead> <tr> <th>Name</th> <th>Age</th> &l.原创 2021-11-09 14:59:23 · 1311 阅读 · 0 评论 -
【前端笔记】js监听网络断开和网络恢复事件
核心代码 window.addEventListener("online", (function() { alert('网络连接上了') })); window.addEventListener("offline", (function() { alert('网络断开了'); }));测试方法通过浏览器调试器Network面板启动网络开启和关闭可进行测试关闭网络触发和提示测试开启网络触发和提示测试...原创 2021-10-12 10:42:52 · 1493 阅读 · 0 评论 -
【vue-cli】使用es6的可选链?.操作符报错Module parse failed解决记录
使用场景:发现项目有些旧代码多层调用某个对象的属性,由于目标对象可能没那个属性,就导致报错,之前研究es6新特性时发现可以用?.来判断某个对象是否有某个属性来赋值。测试源代码:var a = { name: 'hello'}var b = a?.name;console.log('a',a,'b',b)在vue-cli中发现用不了:后面尝试去解决,成功后浏览器控制台能打印出来解决过程因为我们这个项目是用的vue-element-admin,我自己在另外一个vue-cli工程.原创 2021-07-30 15:08:51 · 13329 阅读 · 9 评论 -
【vue】vue-cli3配置scss全局变量
由于想在vue文件中使用scss变量,所以想配置一下全局使得更方便使用和维护,package.json中对应的版本号是:"@vue/cli-service":"3.5.3"、"sass-loader": "^7.1.0"1.配置在项目根目录下的vue.config.js中配置module.exports = { css: { loaderOptions: { // 没有分号会报错 sass: { data: `@import "@/assets/.原创 2021-06-30 12:26:07 · 1125 阅读 · 5 评论 -
【vue】重置vue初始化声明的data的某个数据(附在线演示)
使用场景:在使用element和ivew的表单重置时,发现this.ref[′formData′].reset(),这种方法未将我们预期的数据全部还原为声明时的数据,导致有脏数据,vue的api通过ref['formData'].reset(),这种方法未将我们预期的数据全部还原为声明时的数据,导致有脏数据,vue的api通过ref[′formData′].reset(),这种方法未将我们预期的数据全部还原为声明时的数据,导致有脏数据,vue的api通过options可以拿到声明时的数据,如果在表单中清空原创 2021-04-27 20:22:58 · 3369 阅读 · 0 评论 -
【vue】封装下拉框option静态数据
之前在vue-cli中,有些静态下拉框数据都写在每个vue页面文件里,发现有些页面也会使用一样的,所以想着把它抽出来方便管理和查看思路总结1.创建一个js文件在src/libs目录(看项目目录结构灵活放)下创建 options.js , 先只写了一个,文件内容如下:export const userStatusOpt = [ { value: 0, label: '禁用' }, { value: 1, labe原创 2021-04-08 14:18:13 · 855 阅读 · 0 评论 -
【工具】使用npx一行命令就能压缩js文件
有的时候要想压缩单个js文件,如果用webpack和gulp可能要配置一些东西,而用npx就可以帮我们一行命令就简单压缩js文件只压缩js文件:npx uglify-js main.js -o main.min.js压缩并修改变量名(加-m参数):npx uglify-js main.js -m -o main.min.js关于npx:npm@5.2.0开始,就自动安装了npx,npx会自动查找当前依赖包中的可执行文件,如果找不到就去环境变量PATH里找,还是找不到就自动安装,安装只是一个原创 2020-10-14 11:20:35 · 554 阅读 · 0 评论 -
【浏览器兼容性】如何隐藏微软的ie和edge浏览器密码输入框的小眼睛
如果用了element-ui的show-password后再用浏览器自带的小眼睛的话会感觉特别奇怪如何复现经过我多次试验,发现当第一次光标聚焦在密码输入框时才出现,之后就聚焦就不会再现小眼睛了,edge和ie浏览器都有试验版本如下:IE(11.1016.18362.0)和 edge(85.0.564.41)查看edge代码审查,发现有微软自己写的样式解决方案/*取消微软浏览器的密码小眼睛样式*/input[type="password"]::-ms-reveal { display原创 2020-09-23 15:02:00 · 3768 阅读 · 7 评论 -
【解决方案】element show-password弹框关闭如何将小眼睛还原
问题:因为我们的密码输入框是放在弹出框里的,element show-password 在弹框里打开小眼睛,关闭弹框,再打开小眼睛仍开着,感觉比较尴尬,如下:打开小眼睛后,下一次打开弹框,小眼睛还是打开的:解决方案:当关闭弹框时,通过一个变量使用v-if将输入框隐藏,打开时,又显示核心代码: <el-dialog :visible.sync="dialogFormVisible" :close-on-click-modal="false" :before-close=原创 2020-09-16 14:47:14 · 7023 阅读 · 1 评论 -
【ts】vue-typescript-admin类型报错
1.Property ‘validate’ does not exist on type ‘Vue | Element | Vue[] | Element[]’.Property ‘validate’ does not exist on type ‘Vue’.Vetur(2339)方法一:(this.$refs.dataForm as any).validate() //这样就不报错了方法二:先在js里头的前面引入element 的Form,再as Formimport {Form} .原创 2020-05-25 22:11:31 · 850 阅读 · 0 评论 -
【git】通过github创建的gitlab账号首次clone代码
第一次clone失败,后来看到gitlab上方提示要设置ssh,就去弄了发现还是失败,看到上方提示修改密码,修改密码后成功总结1.配置ssh在用户文件夹生成ssh配置文件git命令ssh-keygen -t rsa -C "你的邮箱"三次默认回车,生成对应的文件,再把id_rsa.pub右键通过记事本或其他编辑器打开复制,粘贴到gitlab的ssh配置的地方,并点击 add key2.修改密码3.clone成功!...原创 2020-05-24 23:01:33 · 799 阅读 · 0 评论 -
【yarn】安装依赖提示unable to connect to github.com
配置:git config --global url.https://github.com/.insteadOf git://github.com/参考:https://github.com/npm/npm/issues/6285原创 2020-05-14 23:10:10 · 3601 阅读 · 2 评论 -
【跨域】谷歌chrome浏览器本地文件跨域配置不生效
本地文件用浏览器打开是 file协议,file:///***.html如果有跨域请求,会在控制台报错原创 2020-04-12 22:01:33 · 4325 阅读 · 2 评论 -
【解决方案】win10安装angular8的踩坑记录——ng : 无法加载文件 D:\Program Files\nodejs\ng.ps1
用的vscode的终端来进行安装的node 和 npm 看版本已经把node安装到目前最新稳定版了,node是12.14.1, npm是6.5.0cnpm 看版本:6.1.0全局安装 Angular CLIcnpm install -g @angular/cli4.看是否安装成功输入ng version 结果报错:ng : 无法加载文件 D:\Progra...原创 2020-01-16 17:12:14 · 2188 阅读 · 0 评论 -
【CMS】配置pagekit的404页面
版本:1.0.17(1)打开:app\modules\session\index.php把 if (!isset($app['session.options']['cookie_path'])) { $app['session.storage']->setOptions(['cookie_path' => $request->getBasePath() ?: ...原创 2019-09-23 18:11:28 · 254 阅读 · 0 评论