前端
想把星星变成糖
试着迈出一步,你会发现生活远不止这样
展开
-
css中如何根据子元素选择祖父级(:has)
【代码】css中如何根据子元素选择祖父级(:has)原创 2023-07-11 12:03:20 · 1449 阅读 · 0 评论 -
app(uniapp)端如何查看pdf、图片、视频
调用 uni.downloadFile 和 uni.openDocument。调用 uni.previewImage。原创 2023-05-26 10:26:22 · 1974 阅读 · 0 评论 -
如何使用electerm工具连接远程服务器更新项目
electerm 是一个功能丰富、易用性强的 SSH 客户端,适用于需要频繁连接远程服务器的开发者。原创 2023-04-23 10:44:22 · 869 阅读 · 0 评论 -
uniapp中uni-datetime-picker的提示语怎么修改样式
到这里就明白,改下组件的源代码 让提示语用另一套样式就可以了,刚好改动也不大 (我只需要改变字体大小);在开发页面的时候 发现uni-datetime-picker的样式和输入框的不统一。查看了代码才发现是因为提示语和输入框的值都是用的同一个样式。原创 2023-04-21 15:31:32 · 1258 阅读 · 0 评论 -
uniapp表单校验,跳转新页面返回该页面,表单被赋值的数据验证不生效
使用uniapp的表单,在该表单中有个数据是需要跳转页面才能拿到数据的,但当我跳转回来后,数据有了,验证却不生效。解决办法:使用set来赋值。原创 2023-04-13 15:28:39 · 107 阅读 · 0 评论 -
uniapp表单数据为“多级结构”,如何做校验
其实针对“多级结构数据”,可以使用“动态表单校验”。给单个uni-forms-item添加rule,给name绑定数组形式。开发项目的时候使用uniapp的表单 表单数据为多级结构,也就是对象里面嵌套对象,如何做校验?原创 2023-04-13 15:25:45 · 932 阅读 · 2 评论 -
uniapp下拉选择框uni-data-select的初次改变没有值
直接在这里面加上 $nextTick就可以了。原创 2023-04-13 09:10:06 · 854 阅读 · 0 评论 -
vue中post请求传参拼接到路径,请求成功报500错
如果传参没错的话,就是需要传消息体(请求体),传个空对象就可以;或者后台接口处理一下。原创 2023-04-04 09:17:24 · 219 阅读 · 0 评论 -
vue3使用Mock.js模拟接口数据
开发项目的时候,如果后端接口没有出来,前端工程师也不必非得等接口出来才进行下步开发。可以使用mock.js来模拟接口数据,以下就是使用vue3设置hook函数来封装axios请求,配合mock.js来实现的代码,mock的使用借鉴了大佬的博文https://blog.csdn.net/possible_fish/article/details/123776419一、安装mock.js文件执行npm命令: npm install mockjs二、引入mock文件,并定义.原创 2022-05-19 17:54:23 · 4671 阅读 · 1 评论 -
vue3写hook函数封装axios请求时,请求的数据含有换行符,且不能转为正常的json格式
前提:练习vue3的时候,写hook函数封装请求时,自己写的json文件模拟接口数据,请求的数据如下:我测试了好久,什么replace、json转化数据啥的都用了全都没用,最后机缘巧合下发现了是json文件中的单引号问题,真是醉了,写的代码如下:1、json文件模拟接口数据2、hook函数封装axios请求3、页面上发起请求4、最后结果输出事实证明,很小的细节会影响大局,哈哈哈...原创 2022-05-19 15:01:16 · 732 阅读 · 0 评论 -
typeScript中tsconfig.json无故报错
报错:原因:是由于该文件的同级目录下,没有ts文件,所以会报这种类似于语法错误的,只要在同级下创建一个ts文件即可。原创 2022-04-19 10:01:06 · 5824 阅读 · 1 评论 -
element中表单form验证必填,成功之后不进入validate方法
问题:登录form表单必填验证的时候,验证错误会进入validate方法,反而验证成功后不进入了。代码如下:解决:最后发现是密码验证方法中没有写成功之后的回调函数,即要在else if后面写上else{callback()}执行回调函数...原创 2022-04-12 10:51:40 · 1566 阅读 · 0 评论 -
前端面试题2022-2-5起
一、想要浏览网页当输入完网址按下回车,到看到网页这个过程中发生了什么?1、通过本地dns或者dns服务器进行域名解析,将网址的域名转换为服务器对应的ip地址2、向该ip地址发起tcp的3次握手3、建立tcp的3次握手后随后发起http请求4、服务器响应该请求,浏览器得到HTML代码5、浏览器解析该代码,并请求该代码中资源6、浏览器渲染页面并呈现给用户出现的问题:1)当执行到解析代码获取资源时,刚建立的tcp连接会因为资源传输完成而断开吗? 根...原创 2022-03-22 11:35:18 · 1446 阅读 · 0 评论 -
Vscode如何使用less并进行配置
Vscode工具:Vscode、Easy LESS插件1、安装Easy LESS插件2、配置less:文件——首选项——设置 ——搜索less "compress": false, //是否删除多余的空格,建议 不是准备打包的同志可以先设置为false,便于代码查看以及维护"sourceMap": false, //是否生成源地址文件,一个新的地址文件,小型开发项目可有可无 "out": "..\\css\\", // 这里是代表编译后生成的css文件..原创 2021-08-11 17:43:17 · 1530 阅读 · 0 评论 -
HbuilderX中如何使用less进行css编译以及自动生成css文件
HbuilderX工具:hbuilderX、less插件1、安装less插件在工具中找到——》“插件安装”——》安装less编译插件2、这个时候就可以写less,并且可以正常运行了PS:如果想要编译之后的样式显示在css文件中,可以进行插件配置让less编译完自动生成css文件 1)在工具——》插件配置——》compile-less——》package.json文件——》将“onDidSaveExecution”的值改成true——》重启H...原创 2021-08-11 15:09:28 · 5155 阅读 · 2 评论 -
vue+element 解决多个请求同时报错,弹出多个消息框message从而影响界面视觉效果的问题
每次请求一报错就会弹出多个提示消息,多次请求同时报错更会出现满屏的消息提示,不太美观!然后查了百度,看了大佬donggua_123的关于这个的博客,完美解决问题。大佬的博客地址1、创建resetMessage文件,在里面写上大佬重新封装的element消息框message的方法代码:/**重置message,防止重复点击重复弹出message弹框 */import { Message } from 'element-ui';let messageInstance = null;..原创 2021-06-23 17:15:07 · 2777 阅读 · 2 评论 -
在vue+echars图表中,当执行一次点击事件时,事件方法会累加执行多次?
效果:点击搜索按钮的时候,有新数据返回所以图表需要重新渲染,然后点击图表中的项会打印详情数据bug再现:当刷新页面的情况下,第一次点击项,会正常显示一条新数据;其次再不刷新页面的情况下,点击搜索按钮渲染图表,点击项会出现2条一样的数据;然后点搜索按钮再次渲染图表,点击项会出现3条一样的数据,以此类推,重复累加打印经过多次测试发现原因是: echars图表渲染几次,事件就会执行几次解决办法:在渲染图表之前,关闭点击事件,使用off页面刷新时,打印了1条数据,正常:...原创 2021-06-23 16:57:38 · 370 阅读 · 0 评论 -
echars里面想要标记x轴或y轴某个范围之内的数据,可以使用图表标域markArea
使用series里面的markArea对象即可,而markArea里面的data数据四个二维数组对象代码如下: // 图表标域,常用于标记图表中某个范围的数据,例如标出某段时间投放了广告。 markArea: { // 图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件。 silent: true , // 显示标签,且标签位于.原创 2021-06-22 10:24:52 · 1178 阅读 · 0 评论 -
如何禁用hover 在 box(图形) 上的动画效果效果和鼠标点击事件?
禁用动画效果 在series里面添加属性:hoverAnimation:false,hoverAnimation的相关文档地址禁用鼠标在图形上的点击事件:在series里面添加属性:silent:true,默认值是falsesilent的相关文档地址每天都要收获一点点!...原创 2021-06-22 10:12:53 · 462 阅读 · 0 评论 -
如何设置x轴为时间轴的echars图表?
echars如何设置x轴为time时间轴?将xAxis中的type值设为time,data并不用写,然后设置图表需要的时间范围即可。原创 2021-06-21 18:09:34 · 1884 阅读 · 2 评论 -
echars中当x轴的min和max的之间的范围大于x轴的长度时
echars当x轴的min和max的之间的范围大于x轴的长度时,可以使用区域缩放doomZoomechars相关文档链接:echars中doomZoom的相关文档详情信息原创 2021-06-21 17:45:39 · 89 阅读 · 0 评论 -
element中俩个el-table切换且其中一个设置了type为selection全选列,但切换的时候,表格全选列时有时无
问题:俩个el-table,第一个设置有全选按钮列,第二个没有。当用v-if进行点击切换的时候,如果第一次点击的是无全选按钮的,则第二次点击含有全选按钮的表格shi原创 2021-06-09 15:43:25 · 1826 阅读 · 2 评论 -
在el-select多选框里面设置input搜索框并能实现搜索功能
思路:通过给搜索框设置点击事件,oninput 当input的value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了)原创 2021-06-01 17:26:03 · 5752 阅读 · 0 评论 -
怎么在HTML中使用echars图表
进入echars官网点击下载2、然后进入下载页面,有多种方式,我是选择第三种,定制下载(可以下载自己所需的)3、选择自己需要的图标类4、然后就可以点击下载5、下载完成后,可以将压缩包放到项目指定的位置,然后按照js的引入方式引入,就可以复制案例上的代码展示了ps:切记,在js中使用echars一定要在元素渲染完成之后,否则会报错,今天也是有货的一天!...原创 2021-05-31 22:37:05 · 165 阅读 · 0 评论 -
当vue+element(el-select)下拉框的绑定的value值为对象时,报错“ <transition-group> children must be keyed: <ElTag>”
原因:是因为el-select中v-model绑定的值类型是对象。且没有设置value-key属性作为唯一标识符解决办法:在el-select里面设置value-key属性,值要和option中key的值保持一致。(ps:option绑定的值好像不能自己设置类型,比如在里面写花括号“{}”,会报错)<el-select multiple v-model='selectedArray' value-key="id"> <!-- 因为选定的value值是对象 为了保证原创 2021-05-31 22:25:47 · 756 阅读 · 0 评论 -
vue项目开启https,连接后台接口(接口是https的)报错“NET::ERR_CERT_AUTHORITY_INVALID”
在同事电脑上可以正常运行。且证书已经生成,但在本人的电脑上报错,离谱浏览器:Chrome,编辑工具:vscode,框架:vue查了好久的百度才发现这个bug的原因是:没有将证书添加到浏览器内解决办法:打开浏览器的自定义以及控制按钮(也就是谷歌页面右上角的三个点)选择设置:隐私设置和安全性——安全找到管理证书将在本地已经生成的证书导入进来就可以了ps: 这个办法有局限性,只能在谷歌浏览器中解决,在火狐中仍有证书问题的bug(可以点击请求链接,然后重新访问),相关解决办法还在解决.原创 2021-05-18 17:32:56 · 5221 阅读 · 3 评论