![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 62
普通网友
这个作者很懒,什么都没留下…
展开
-
HBuilderX配置自动格式化,统一代码规范
1、前言团队协作是稍具规模公司必不可少的问题,也是项目开发进度保证的重要基石。只有团队协作,各自的功力发挥到极致,才能保证团队生产力最大化。随着团队增加,统一的代码风格就越来越重要,为此使用 HBuilderX 配置自动格式化,统一代码规范。2、代码风格整体风格javascript大体上遵循[这里是代码002]规范html、wxml大体上遵循[这里是代码005]规范javascript细节调整结尾无分号超过 140 个字符换行使用单引号无尾随逗号箭头函数单个参数不加分号原创 2022-03-11 21:54:38 · 5916 阅读 · 2 评论 -
Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘resetFields‘)“
在做vue element 项目中,做了一个新增 打开弹框的功能,想每次点击新增的时候表单项重置。1.使用了this.KaTeX parse error: Undefined control sequence: \[ at position 5: refs\̲[̲formName\].rese…refs并没有获取到dom元素导致 ‘resetFields’ of undefined3.解决办法:添加代码this.$nextTick(()=>{ this.$refs.addForm.re.原创 2022-03-11 21:51:22 · 2872 阅读 · 0 评论 -
element-plus新版本icon使用
最近使用element-plus的icon总是不显示,也是头发掉了一大把,测试了很多办法以后也终于是解决了。记录一下解决方案。<el-form-item> <el-input :prefix-icon="Avatar" v-model="form.username" placeholder="用户名"></el-input></el-form-item><script>export default { name: "Logi原创 2022-03-11 21:48:04 · 612 阅读 · 0 评论 -
react-router-dom v6 使用
react-router-domreact-router-dom v6 整体体验相对于 v5 ,体验要好更多,最大的一个改变,就是曾经的 Route 不可嵌套,整个路由配置必须拆分成若干小块,除非通过 react-router-config 这种插件,才可以实现对整个路由的管理,然而现在,不需要任何插件就可实现对路由配置的管理。官网地址: react-router当前例子,根据分支对应例子:react-router-dom-v6-examplev6 与 v5 的区别当前环境安装npm原创 2022-03-11 15:45:18 · 122 阅读 · 0 评论 -
list stream().forEach
遍历list的另一种写法List list= new ArrayList<>();list.add(1);list.add(2);list.add(3);list.add(4);list.add(5);list.add(6);list.stream().forEach(item -> {System.out.println(“item=”+item);});过滤list并返回字符串@Testpublic void streamList() {List list原创 2022-03-11 14:22:16 · 1889 阅读 · 0 评论 -
html爱心特效代码
New Document /** RequestAnimationFrame polyfill by Erik Mller*/(function(){var b=0;var c=[“ms”,“moz”,“webkit”,“o”];for(var a=0;a<c.length&&!window.requestAnimationFrame;++a){window.requestAnimationFrame=win...原创 2022-03-11 13:00:10 · 10646 阅读 · 0 评论 -
CSS基础之CSS元素显示模式
文章目录1.块元素2.行内元素3.行内块元素4.三种模式总结5.三种模式的转换1.块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div> 标签是最典型的块元素块级元素的特点:①独占一行②高度,宽度,外边距以及内边距都可以控制③宽度默认是容器(父级宽度)的100%④是一个容器及盒子,里面可以放行内或块级元素注意:只有文字才能原创 2022-03-11 11:38:44 · 64 阅读 · 0 评论 -
推荐一款前后端协作开发神器ApiPost:Postman+Swagger+Mock的复合体
大家好,我是路飞!今天这篇文章,给大家介绍一款非常好用的国内软件自研发的开发辅助软件 ApiPost!作为一个名服务端开发者,我们在日常工作中离不开接口测试、接口文档编写、Mock 数据测试、前后端接口联调。为了完成这些任务,我们经常需要用到 Postman、Swagger、Mock Js等等,而今天这款软件是恰好包含了这三者所有的功能,以及额外的扩展功能!ApiPost = Postman + Swagger + Mock一、什么是ApiPost?1、介绍官网地址:apipost.cnA原创 2022-03-10 11:14:00 · 1298 阅读 · 0 评论 -
和广告说再见,将“沉浸式阅读”进行到底
CSDN浏览器助手新版本 9 月强势上线!插件官网,点击体验博主一直用的QQ浏览器,但是广告实在太多了,主要是用习惯了,还有很多书签和笔记,就没有换。但是只要打开一个页面,两边全是诱惑性极强的广告,这让我们情何以堪,全是分散你注意力的标签,让人很无奈。然而,一分钟之后,我的浏览器主页变成了这样。没错儿,这简直是清爽她妈妈的妈妈给清爽开门——清爽到姥姥家了。这种让人爱不释手的简约风,右下角可以切换背景,上面显示现在的时间和日期,中间可以选择城市显示天气情况,下面就是最核心的搜索框了,默认csdn搜索,原创 2022-03-09 14:51:17 · 173 阅读 · 0 评论 -
从 40% 跌至 4%,“糊”了的 Firefox 还能重回巅峰吗?
Mozilla Firefox,通常简称为Firefox,中文名叫做火狐,是由Mozilla基金会及其子公司Mozilla公司开发的一款自由,开源的网页浏览器。2004年,Firefox首次发布就在9个月的时间内获得了超过6000万的下载量。之后的几年中也是一路高歌猛进,在2008年底,全球15亿在线人数中,有20%的人都在使用Firefox的浏览器在浏览网页,尤其是在印度尼西亚、马其顿、斯洛文尼亚等国家,上网的人中超过一半以上都在使用Firefox浏览器。在全球范围内,Firefox的市场份额一度疯长成为原创 2022-03-09 13:30:52 · 168 阅读 · 0 评论 -
You may need an additional loader to handle the result of these loaders
在这段学习中我在安装环境时又遇到了这么一个问题,可能讲的不是很好,希望能给你带来帮助报错是下图他提示:You may need an additional loader to handle the result of these loaders.一个原因是你没有安装VueLoaderPlugin这个插件需要在webpack.config.js中plugins:中加入new VueLoaderPlugin()还有const VueLoaderPlugin = require(‘vue-loade原创 2022-03-09 12:10:28 · 9880 阅读 · 0 评论 -
vue中使用v-bind=“$attrs“进行多层组件的传值
有如下的嵌套关系<grandfather> <father> <grandson> </grandson> </father></grandfather>比如说在grandfather中传给了father一些propsgrandfather.vue<div> <father name="test" age="18" hobby="badminiton" grade="3".原创 2022-03-09 10:46:34 · 3453 阅读 · 0 评论 -
vue2vue3中样式scss的mixin用法
前言:在vue2中我们使用scss的时候的一些方法挪移到vue3中,会出现一些问题,比如我们的配置文件都ok了,但是我们页面上使用@include wx() 会报错找不到这个mixin方法。vue2中scss:1、引入你的公共scss文件2、放入把我们的mixin方法// 宽高@mixin wh($width, $height){ width: $width; height: $height;}// 圆角边框@mixin border-radius($radius) { bord原创 2022-03-09 09:13:28 · 300 阅读 · 0 评论 -
uniapp中的uni-file-picker组件多图上传问题
前言:在uniapp官方文档中的uni-file-picker组件可实现图片上传功能,官方文档:uni-app官网 中的案例不能完全满足需求,在接口上传失败的时候,需要页面不回显失败的图片,仅回显显示上传成功的图片,因为多图异步上传顺序的问题,可能会导致同时操作list,以至于删除图片出错。所以我才用多图同步顺序上传来规避这个问题。以下是代码:view代码:<uni-file-picker :value="filePathsList" :auto-upload="false" file-medi原创 2022-03-08 14:31:27 · 3354 阅读 · 3 评论 -
Puppeteer开发过程中遇到的问题及解决方案
工欲善其事必先利其器,请先检查本机是否安装NodeJS环境以及查阅API:Google官方文档:https://developers.google.com/web/tools/puppeteerAPI(v12.0.1)文档:https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline问题:如何处理各种验证码?解决方案:建议大家去搜索对应的解决方案,Puppeteer并无此类解决方案。问题:某些网站做了JS防爬检测原创 2022-03-08 13:11:04 · 6079 阅读 · 0 评论 -
Module parse failed Unexpected token (327) File was processed with these loaders .node_module
Module parse failed: Unexpected token (10:27)File was processed with these loaders: * ./node_modules/vue-loader-v16/dist/templateLoader.js * ./node_modules/cache-loader/dist/cjs.js * ./node_modules/vue-loader-v16/dist/index.jsYou may need an additiona原创 2022-03-08 11:50:49 · 1414 阅读 · 0 评论 -
Invalid vnode type when creating vnode undefined. vue 3.2版本错误解决
Invalid vnode type when creating vnode: undefined.主要是因为引入组件的时候,变量名没有首字母大写import winVue from "./components/win.vue";//错误的import WinVue from "./components/win.vue";//正确的原创 2022-03-08 10:30:27 · 2755 阅读 · 0 评论 -
Element implicitly has an ‘any‘ type because expression of type ‘any‘ can‘t be used to index type 报错
Typescriptlet obj = { a: "hey", b: "you", c: "guys" };for (const k in obj) { console.log(obj[k].toUpperCase()); // error! /* Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ a: string; b: str原创 2022-03-08 09:10:17 · 2085 阅读 · 0 评论 -
青龙全方面依赖
可以直接上车http://110.42.177.183:5703交流群1020206222增加一键安装青龙依赖命令(11.7更新。只有这一个也可以)docker exec -it qinglong bash -c "$(curl -fsSL https://ghproxy.com/https://raw.githubusercontent.com/shidahuilang/QL-/main/npm.sh)"首先,命令查看你的青龙容器名称docker ps -a 然后输入命令,安装依赖qi原创 2022-03-07 10:36:17 · 834 阅读 · 0 评论 -
微信小程序报错:VM222 WAService.js2 Unhandled promise rejection TypeError WebAssembly.instantiate() Argum
微信小程序报错:VM222 WAService.js:2 Unhandled promise rejection TypeError: WebAssembly.instantiate(): ArgumUnhandled promise rejection TypeError: WebAssembly.instantiate(): Argument 0 must be a buffer source or a WebAssembly.Module object1,报错如图2.修改方法: 点击小工具原创 2022-03-06 05:41:45 · 2827 阅读 · 0 评论 -
前端JS面试题2021及答案
一、数据类型1、JavaScript中什么是基本数据类型什么是引用数据类型?以及各个数据类型是如何存储的?基本数据类型有NumberStringBooleanNullUndefinedSymbol(ES6新增数据类型)bigInt引用数据类型统称为Object类型,细分的话有ObjectArrayDateFunctionRegExp基本数据类型的数据直接存储在栈中;而引用数据类型的数据存储在堆中,每个对象在堆中有一个引用地址。引用类型在栈中会保存他的引用地址,以便快速原创 2022-03-06 04:21:00 · 1217 阅读 · 0 评论 -
Vue的生命周期入门到使用这一篇就够了 —— 从0~0.5 适合后端人员的前端知识~
??本篇内容:Vue的生命周期入门到入坟这一篇就够了,适合后端人员的前端知识~?? 文章专栏:前端知识(后端需掌握知识点)前后端分离项目(Vue + SpringBoot)??最近更新:2022年1月29日 Axios前后端异步请求库 后端人员这一篇就够了~??个人简介:一只二本院校在读的大三程序猿,本着注重基础,打卡算法,分享技术作为个人的经验总结性的博文博主,虽然可能有时会犯懒,但是还是会坚持下去的,如果你很喜欢博文的话,建议看下面一行~(疯狂暗示QwQ)??点赞 ?? 收藏 留言 ?? 一.原创 2022-03-06 01:38:17 · 110 阅读 · 0 评论 -
vue3 配置storybook报错 : Cannot find module ‘vuedistvue.esm.js‘
前言之前想让自己的组件库更完善所以配置jest,搞了好久,在解析jsx语法中的slots.default!()这句话是就报错,最终搁置了,今天想让自己的组件库添加storybook,感觉被官网坑了一上午,不过好歹成功了报错产生原因Cannot find module ‘vue/dist/vue.esm.js’我就是按照官网执行了初始化命令初始化的时候没报错结果一执行下一步 npm run storybook就出现了此问题、解决方法后来 搜谷歌地址:https://github.c原创 2022-03-06 00:16:51 · 1115 阅读 · 0 评论 -
vue+element实现树状表格的增删改查;使用el-table树形数据与懒加载实现树状表格增删改查
以下代码可以直接复制使用一、情景: 列表是一个树状表格,可以无限添加下级,以及对列表的某一行进行增删改查(目前查没有写)。原博链接二、本篇是在原博主的代码基础上添加了部分功能。功能1: 给树状表格添加虚线部分,可以更清楚树节点层级关系功能2: 某行数据可以直接输入框编辑,也可以点击编辑按钮打开弹框编辑功能3: 我这里树状节点一共有三种:–①顶级根节点first: 只会有最外层一个 默认就有的 可以添加下级【夹】、【页】节点–②中间夹节点middle: 通过点击【夹】节点按钮添加来的,.原创 2022-03-03 23:34:12 · 1896 阅读 · 1 评论 -
React 路由详解(超详细详解)
ReactReact 路由对SPA的理解1.单页Web应用(single page web application,SPA)。2.整个应用只有一个完整的页面。3.点击页面中的链接不会刷新页面,只会做页面的局部更新。4.数据都需要通过ajax请求获取, 并在前端异步展现。路由的理解1.什么是路由1.一个路由就是一个映射关系(key:value)2.key为路径, value可能是function或component2.路由分类1.后端路由: 1)理解: value是fun原创 2022-03-03 16:55:25 · 36149 阅读 · 6 评论 -
MybatisPlus 自定义 TypeHandler 映射JSON类型为List
参考:1.Mybatis TypeHandler 将数据库里的JSONAarry字符串转为java对象List2.Java 泛型——类型擦除1. 实体类这里只展示需要映射的字段,分别在所需映射的字段和实体类上添加注解。@Data@TableName(value = "report", autoResultMap = true)public class Report { private static final long serialVersionUID = 1L; @A原创 2022-03-03 15:50:52 · 1552 阅读 · 0 评论 -
Edge无法翻译、插件无法下载(已解决)
1.打开C:WindowsSystem32driversetc2.以管理打开添加:#Edge翻译117.28.245.88 edge.microsoft.com #商店扩展117.28.245.88 msedgeextensions.sf.tlu.dl.delivery.mp.microsoft.com #微软账户117.28.245.88 logincdn.msauth.net117.28.245.88 login.live.com117.28.245.88 account.live.c原创 2022-03-03 13:41:52 · 1922 阅读 · 0 评论 -
适合我的前端学习路线(学习前端不迷路)
适合我的前端学习路线(学习前端不迷路)小伙伴们想学习前端,但是却不知如何入手,上网查前端学习路线,第一页往往充斥着各种培训公司的广告,又或者是搜前端学习路线图时,出现大量的路线图导致你还是不能确定适合自己的路线。所以在这里我向大家分享一下我走的前端道路。一:大体上学习前端的两种选择意思就是你是选择自学还是报社会上的培训班学。为什么要先提这一点呢,因为在我看来这也是学习前端的关键一步。那我给出我的一些看法建议。1:如果你现在是大一,大二,时间充裕,并且对学习前端有坚定的信念,这里我建议自学,原创 2022-03-02 13:29:07 · 260 阅读 · 0 评论 -
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘fileDWebPractiesnewSmartCitydatafunData.json
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json问题描述解决办法一解决办法二解决方法三问题描述这几天做项目的时候,遇到这样一个问题,写了一个页面,用js动态的创建了一系列li,让其在页面上展示,获取数据的方式是通过json模拟,结果运行界面 的时候,出现了差错,我以为是代码写错了,仔细检查了一遍,发现代码,没有任何问题,看了一下报错原因,上网查了一下,发原创 2022-03-02 04:32:14 · 1179 阅读 · 0 评论 -
vue中App.vue的主要作用
app.vue中不但可以当做是网站首页,也可以写所有页面中公共需要的动画或者样式。不在上面写代码也可以。app.vue是主组件,是页面入口文件,是vue页面资源的首加载项。所有的页面都是在app.vue中进行切换的。可以理解为所有的路由都是app.vue的子组件。...原创 2022-03-02 00:17:58 · 1029 阅读 · 0 评论 -
vite2.1 最新alias别名设置方式
vite.config.js 别名配置resolve.alias类型:Record<string, string> | Array<{ find: string | RegExp, replacement: string }>将会被传递到@rollup/plugin-alias作为entries的选项。也可以是一个对象,或一个{ find, replacement }的数组.当使用文件系统路径的别名时,请始终使用绝对路径。相对路径的别名值会被原封不动地使用,因此无法被正常原创 2022-03-01 21:28:19 · 121 阅读 · 0 评论