前端
Shiny0815
在路上
展开
-
小程序预览或上传代码时,遇到app.json未找到某个wxml文件的解决方法
uniapp小程序,点击预览或者是上传代码,遇到app.json无法找到某个wxml文件的解决方法:清缓存。第一次遇到无法编译,提示为app.json中 .wxml异常,无法找到。经过测试文件正常,其他人也能正常预览,上传小程序代码。原创 2024-05-07 17:20:04 · 307 阅读 · 0 评论 -
vue-seamless-scroll 某些点击不生效
使用了vue-seamless-scroll,里面嵌套了ul li ,对li进行遍历,实现一个滚动列表的效果,对每一个li加了test点击事件,每次点击一行li时,都会触发点击事件,但是接口返回的前三行数据点击事件不生效的情况是为什么呢?解决方案:往滚动组件的父节点上添加绑定事件(js冒泡机制),通过e.target定位到具体点击位置,然后判断点击位置是否是你滚动组件的一列/行。不能点击的原因是因为html元素是复制出来的(滚动组件是将后面的复制出来一份,进行填铺页面,方便滚动)原创 2024-04-16 10:43:30 · 459 阅读 · 0 评论 -
导航守卫-组件内的守卫
判断用户是否有考试权限, 最开始写在了next里面 导致进了页面才判断有没有权限。await 是串行 该方法执行完成后, 才能执行下面的语句。next() 可以理解为放行。原创 2023-11-20 15:22:01 · 148 阅读 · 0 评论 -
vuecli2关于下载本地取环境变量没问题部署后路径取不到环境变量问题解决
首先看了流水线-构建配置-编译配置-编译脚本里的打包命令: ** 本来是没有dev后缀,我给加上了 **原创 2023-10-20 19:29:09 · 742 阅读 · 0 评论 -
console控制台报错找不到原因,可能是console.log()里面有错,console.log()同样会阻塞代码执行
原因:我写了console.log()里面有错误,排查的时候,直接忽略它了,觉得它不会影响,但其实它也会引起报错。我写了打印 checkedNodes,但其实应该是**checkedList.**checkedNodes。原创 2023-08-25 19:58:28 · 975 阅读 · 0 评论 -
el-tree树回显删除某项,再次点开树形组件无变化,实际数据已改变
初始化会根据default-checked-keys属性,默认已选项,直接勾选对应值,而不是通过check方法。页面有添加和删除已选选项的按钮,点击删除一个选项,再点添加,打开树形弹窗,发现弹窗被删除的选项还在。: 发现是添加的时候,调的方法是,el-tree树形组件里check方法,这是错误的。: 初始化打开弹窗时,原创 2023-08-25 19:53:48 · 1136 阅读 · 0 评论 -
Vue2数据发生变化但页面未改变
给对象添加属性,需要初始化或$set原创 2023-08-24 19:45:51 · 478 阅读 · 0 评论 -
前端滚动条样式优化
滚动条样式优化原创 2023-08-24 19:09:19 · 124 阅读 · 0 评论 -
前端基础笔记
前端基础笔记原创 2022-10-18 23:06:42 · 163 阅读 · 0 评论 -
觉得看到的很好的文章---以自勉
看到的很好的文章,鼓励自己原创 2022-06-22 10:47:47 · 183 阅读 · 0 评论 -
学习小记录
记录原创 2022-06-08 16:57:36 · 129 阅读 · 0 评论 -
沃顿商学院最受欢迎的谈判课
谈判原创 2022-06-08 16:19:44 · 547 阅读 · 0 评论 -
axios网络模块封装
网络测试httpbin.org发送普通的请求get请求可以直接拼到URL后面也可以将参数放到params对象中axios发送并发请求spread可以把值展开数组的解构对象的解构axios配置信息相关原始信息defaults全局配置使用全局的axios和对应的配置在进行网络请求常见的配置选项get请求—paramspost请求—dataexport default Axios //因为是default,所以import可以随意起名字import原创 2022-04-14 17:19:45 · 1368 阅读 · 0 评论 -
Vuex状态管理方式
backend 前端 frontend 后端gettersmutations参数,有参数的情况,称为负载payload参数不是一个的话,传对象的形式提交,一个是通过commit,另外一个是type这种情况下,count是一个对象,相当于payload取值的时候,需要通过对象的方式取删除,修改响应式异步操作放到ActionsActions传参modules① state② mutations方法名字不要和根模块的重复③ .原创 2022-04-12 16:49:58 · 397 阅读 · 0 评论 -
promise基础学习记录
sync 同步async 异步链式调用有reject情况,直接进行到catch原创 2022-04-11 16:44:57 · 283 阅读 · 0 评论 -
路由的导航守卫
全局导航守卫打印一下to,看是啥meta 元数据(描述数据的数据)3、路由独享的守卫原创 2022-04-06 17:38:40 · 271 阅读 · 0 评论 -
vue-router
可以不写 import router from ‘./router/index.js’直接 import router from ‘./router’ 如果router是个文件夹,会自动查找目录下的index文件原创 2022-04-02 17:36:32 · 1393 阅读 · 0 评论 -
箭头函数用法
函数里只有一行代码原创 2022-04-02 14:46:00 · 181 阅读 · 0 评论 -
npm搭建cli脚手架不成功
npm 装脚手架不成功,可以尝试删文件夹C盘-users-administrator-AppData-Roaming 下面的 npm-cache即可原创 2022-04-01 16:16:15 · 453 阅读 · 0 评论 -
111111
路由就是通过互联的网络把信息从源地址传输到目的地址的活动早期大多为后端路由,现在多为前端路由后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的.服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示.前端路由核心:改变URL,但是页面不进行整体的刷新Vue Router是vue.js官方路由,主要功能如下:嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由Vue.js的过渡系统提供的过渡效果细致的导航控制自动激活CSS类的链接HTM原创 2022-03-25 15:16:08 · 424 阅读 · 0 评论 -
Mac安装webpack报错gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1解决
安装webpack ,报错提示gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/cnpm/node_modules/node-gyp/lib/configure.js:345:16)gyp ERR! stack at ChildProcess.e原创 2021-08-08 19:07:22 · 3777 阅读 · 0 评论 -
Mac安装webpack步骤,失败npm ERR! Error: EACCES: permission denied, access,亲测有效
安装webpack步骤Mac在终端先获取root权限在mac下依赖包要写入系统重要文件夹里,由于没有先获取root权限所以写入失败,导致安装失败。失败显示:npm ERR! code EACCESnpm ERR! syscall accessnpm ERR! path /usr/local/lib/node_modulesnpm ERR! errno -13npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/n原创 2021-08-08 18:42:03 · 432 阅读 · 0 评论 -
【JS】逻辑运算符 非! 与&& 或||(处理对象时注意)
转自:https://www.cnblogs.com/linxiong945/p/4135554.htmlJS中的逻辑运算符在处理布尔值的判断时,和其他语言没有什么不同,不过在处理对象时,就需要好好梳理记忆下了。 逻辑非(!) 如果一个操作数是一个对象,返回false; 如果一个操作数是一个空字符串,返回false; 如果一个操作数是一个非空字符串,返回false; 如果一个操作数是一个数值0,返回true; 如果一个操作数是任意的非零字符,...转载 2020-07-16 19:12:52 · 428 阅读 · 0 评论 -
v-region 地址组件无法回显问题(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)
(Avue)1、问题v-region 地址组件无法回显(选择地址保存后,打开编辑,发现刚才选择的地址【省市县乡】信息消失,信息不回显)选择好省市县乡后,保存,再次编辑,发现如下:2、解决方案:初始化 地址参考资料:https://terryz.gitee.io/vue/#/region/demo① 在前台修改<avue-crud :data="data" :before-open="beforeOpen" >在v-regio原创 2020-07-16 18:54:07 · 2054 阅读 · 0 评论 -
选择日期保存后日期变成前一天(avue date)
1、问题:选中日期,保存,日期变成前一天{ label: '生产日期', prop: 'esDate', type: 'date', },2、解决:(avue的官方文档){ label: '生产日期', prop: 'esDate', type: 'date', valueFormat: 'yyyy-MM-dd' },只需要加valueFormat.原创 2020-07-16 17:52:51 · 1985 阅读 · 0 评论 -
avue下拉框中属性可以显示,但不能选中
1、avue下拉框中属性可以显示,但不能选中追其原因,我对表单分组了,下拉框放在了group组内的column组里面,导致层数过多,产生死循环的bug2、解决方法:取消分组,把所有的属性放到column属性里面,减少层级,下拉框可正常选择...原创 2020-07-14 15:42:35 · 2284 阅读 · 0 评论 -
新增或编辑保存时出错后,页面无法再次编辑
新增或编辑保存时出错后,页面无法再次编辑,除非关闭新增或编辑弹窗,重新打开新增或编辑页面,否则无法编辑 ,如下图:解决方案在新增方法之前定义loading参数,在调用后台服务之前先使用loading方法:loading()rowSave(row, done, loading) { loading() //新增语句 addApi(row).then(() => { this.$message.success('新增成功') don原创 2020-07-14 15:26:03 · 476 阅读 · 0 评论 -
vue报错:dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde
报错信息These dependencies were not found:* element-ui in ./src/main.js* element-ui/lib/theme-chalk/index.css in ./src/main.js解决方案1、cmd进入命令行窗口,切入运行的项目文件夹下2、输入 cnpm i element-ui -S(没有装淘宝镜像的使用 npm i element-ui -S)再起项目,可以解决了...原创 2020-06-28 00:11:30 · 9257 阅读 · 4 评论 -
Vue中message.split().reverse().join()函数用法
1、split('') 把一个字符串分割成字符串数组把数据拆分为一个数组,括号里的' '是把数据拆分为每个字符串2、reverse() 颠倒数组中元素的顺序只作用于数组,跟在split('')后才能起作用,在一个字符串后面不起作用,如message.reverse()3、join('') 把数组中的所有元素放入一个字符串所以,message.split('').reverse().join('') 意思是把字符串翻转重组成字符串hello→olleh...原创 2020-06-20 12:47:57 · 6685 阅读 · 0 评论 -
CSS图片布局 flex(竖着的几张图片改为一排)
<style> .images{ display: flex; align-items: flex-start; //border: 1px solid red; 有可能边框包不住这几张图片,但如果窗口够大,也可以包住 //overflow: hidden; 如果写了,超出边框的部分会被隐藏}</style>布局有两种方式...原创 2020-02-20 16:07:33 · 3643 阅读 · 0 评论 -
内容样式行为分离
CSS负责HTML:人类选不中;js取不到CSS负责JS: 如果逻辑复杂,CSS会变慢,页面会变慢原创 2020-02-20 15:43:40 · 282 阅读 · 0 评论 -
DOM相关(主要是var和let的区别用法)
一、1.节点的类型有七种,分别是:Document,DocumentType,Element,Attribute,Text,Comment,DocumentFragment2.DOM树的根节点是:html3.元素Element的NodeType值为:1或 Node.ELEMENT_NODE((全大写意思是不让别人改你)是一个常量,其实是变量,但全是大写,所以也为1)4.document...原创 2020-02-20 14:11:32 · 498 阅读 · 0 评论 -
js常用API
(1) getAttribute 用户写啥是啥,#后面的值,获取用户在上面写的原文,不是浏览器加http协议的东西;<ahref="#siteAbout">关于</a>var href = a.getAttribute('href') // href=siteAbout(1.1) a.href //带http协议的...原创 2019-12-18 22:22:42 · 446 阅读 · 0 评论 -
CSS图片设置
1、background-position:centercenter; 图片居中background-size:cover; 让图片自适应,按比例缩放2、加背景色mask,面罩:background:rgba(0,0,0,0.7);宽度不要写,自适应的...原创 2019-11-27 09:38:24 · 356 阅读 · 0 评论 -
HTML常遇问题
1、span 里面套 div 会有问题,可以套 span,再加语句 display:block; 相当于套了div2. 外部不能加padding,所以可以再里层加 div,在加padding可以了3、display:block; display:inline-block; 让border将它们包住4、*{padding:0;margin:0...原创 2019-11-27 09:37:59 · 199 阅读 · 0 评论 -
CSS li 一半左浮一半右浮
.skills >ol li{ float: left; 左浮 width: 48%; margin-bottom: 40px;}.skills >ol li:nth-child(even){ //even 偶数 odd 奇数 float: right; 右浮}另一种 .skills >ol li:nth-c...原创 2019-11-27 09:37:38 · 708 阅读 · 0 评论 -
CSS常用工具
wall haven 墙纸CSS tricks shape 用CSS作图iconfont.cn 小图标工具网站,(添加至项目→symbol→查链接→生成代码→<script>→使用帮助)CSS3 linear gradient (generator) 线性渐变工具CSS animation 动画制作CSS shadow generator 模糊处理 (Blur...原创 2019-11-27 09:37:03 · 294 阅读 · 0 评论 -
内联元素(display:inline-block)注意事项
1.内联元素margin的上下没有用,加入 display:inline-block 后,才有用;不是block块级元素了,那么想居中,用 margin:0 auto; 没用了,那想居中,在他“父亲”加上 text-align:center; 即内联元素想居中,在他“父亲”加上 text-align:center;2.如果想让边框缩,跟文本一样宽,加入display:inline-...原创 2019-11-26 20:24:12 · 571 阅读 · 0 评论 -
CSS居中问题
1.左浮后,想居中:给他“爸爸”居中,如果没有宽度,不能用 margin:0 auto;可以用text-align:center;2.继1,如果“爸爸”也没有确定的宽,想变窄“爸爸”只能也变成display:inline-block3. 把margin设为auto具体来说就是把要居中的元素的margin-left和margin-right都设为auto,此方法只能进行水平的居...原创 2019-11-26 20:23:42 · 289 阅读 · 0 评论 -
CSS 加过渡效果transition
transition:box-shadow0.3s; 给按钮加效果transition:all0.7s; 给进度条原创 2019-11-26 20:21:18 · 438 阅读 · 0 评论