前端
文章平均质量分 63
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3+vite插件配置系列2-unplugin-auto-import
??作用解放双手,自动导入composition api 和 生成全局typescript说明??使用??1.下载npm i -D unplugin-auto-import??2.vite.config.ts配置import AutoImport from "unplugin-auto-import/vite"export default defineConfig({ plugins: [ ... AutoImport ({ imports: ["vue",原创 2022-03-11 20:56:25 · 702 阅读 · 0 评论 -
Vite 按需引入 Ant Design Vue 3.0
描述:最近尝试用 Vite 构建了 Vue3.0 的项目,组件库选用的是 Ant Design Vue 3.0,在按需加载引用上踩了很多坑,在此记录一下过程:antd 的官网的使用介绍是在 vite.config.js 文件中引用 ‘’vite-plugin-components‘’// vite.config.jsimport ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';...前往 vite-原创 2022-03-11 19:32:43 · 2626 阅读 · 1 评论 -
python——正则表达式(re模块)详解
在Python中需要通过正则表达式对字符串进匹配的时候,可以使个python自带的模块,名字为re。正则表达式的大致匹配过程是:1.依次拿出表达式和文本中的字符比较,2.如果每一个字符都能匹配,则匹配成功;一旦有匹配不成功的字符则匹配失败。3.如果表达式中有量词或边界,这个过程会稍微有一些不同。r:在带有 'r' 前缀的字符串字面值中,反斜杠不必做任何特殊处理。 因此 r" " 表示包含 '' 和 'n' 两个字符的字符串,而 " " 则表示只包含一个换行符的字符串。re模块的使用:import原创 2022-03-11 15:32:22 · 437 阅读 · 0 评论 -
JS轮播图(网易云轮播图)
JS 轮播图写在前面最聪明的人是最不愿浪费时间的人。——但丁实现功能图片自动切换鼠标移入停止自动播放,显示按钮点击按钮,实现前后翻鼠标移入小圆圈,可以跳转到对应图片点击左右两侧图片部分区域可以前后前后翻实现原理把图片叠在一起,左右两边各移出一张图片,其他的图片就叠在中间图片的下方通过改变左中右图片的类名,来实现切换图片的效果假设我要播放下一张图片,就把浅绿色图片的类名给到绿色图片,这样绿色图片就能到浅绿色的位置,同理把绿色图片的类名给黄色,把黄色的类名给下一个实现效原创 2022-03-11 14:09:31 · 307 阅读 · 0 评论 -
HTML+CSS实现小米官网首页
一、HTML+CSS实现小米官网首页仿写小米官网的页面,熬了两个晚上终于把这个页面做好了,原创不易,欢迎大家点赞和评论,二、主要内容:三、学习目标:四、项目准备:仿写小米官网下载图片下载iconfont初始化css文件五、页面结构如下:六、效果图如下:七、部分源代码如下(如需要全部的源代码评论区留言,原创不易,记得点赞和收藏哦)。HTML部分源代码如下:<!DOCTYPE html><html lang="en"><hea原创 2022-03-11 12:47:45 · 4471 阅读 · 18 评论 -
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错目前存在这种情况,可能是三个原因造成的1.webpack版本与vue版本不一致2.本地运行IP地址不正确3.本地运行localhost与127.0.0.1映射被修改1.webpack版本与vue版本不一致查看vue版本vue -V2.9.6卸载、安装对应版本webpacknpm uninstall webpack-de原创 2022-03-10 12:22:36 · 42296 阅读 · 3 评论 -
手把手教你vue3.0项目搭建
前言:最近公司想重构一个项目,CTO选择了vue3.0 + ant-design-vue技术栈,正好自己也想尝试一下,试着搭建一下,以后有更好的会及时补充修改注:粗体是命令指令,推荐使用cnpm指令,没有安装淘宝镜像的使用npm(淘宝镜像安装指令:npm install -g cnpm --registry=https://registry.npm.taobao.org)一、安装node.js,vue-cli升级到4.0版本(安装vue3.0版本之前需要先把vue-cli升级到4.0版本,如果之前安装过原创 2022-03-10 10:57:56 · 3250 阅读 · 0 评论 -
前端面试题三(初中级)二线城市offer给他拿下
1.ajax 是什么有什么优缺点ajax 是一种创建交互网页应用的一门技术。优点:实现局部更新(无刷新状态下),减轻了服务器端的压力缺点:破坏了浏览器前进和后退机制(因为 ajax 自动更新机制)ajax 请求多了,也会出现页面加载慢的情况。搜索引擎的支持程度比较低。ajax 的安全性问题不太好(可以用数据加密解决)。2.同步和异步的区别同步:同步的思想是:所有的操作都做完,才返回给用户。这样用户在线等待的时间太长,给用户一种卡死了的感觉(就是系统迁移中,点击了迁移,界面就不动原创 2022-03-09 14:38:59 · 146 阅读 · 0 评论 -
一篇文带你使用vue完成一个完整后台
介绍vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你vue-element-admin定位是后台集成方案,不适合当基础模板进行二次开发,项目集成了许多用不到的功能,会造成代码沉余vue-admin-template是一个后台基础模板,建议使原创 2022-03-09 13:18:33 · 1811 阅读 · 0 评论 -
Web前端开发工程师知识体系_17_CSS(五)
一、浮动和文档流1.默认文档流流就是文档布局的自身特性,而定位机制可能就会打破原有流的特性;默认文档流有内联元素(从左向右排列)、块级元素(从上向下排列)。2.脱离文档流文档一旦脱离文档流,就不再受文档流布局约束,在算其父元素高度时不包括自身;以下情形会导致元素脱离文档流:float 浮动、position 定位(绝对定位、固定定位)。3.浮动子元素在父元素中浮动时,会使其脱离文档流,导致父元素失去管理能力。属性:float:none 默认不浮动float:left 左浮动float:r转载 2022-03-09 11:58:12 · 78 阅读 · 0 评论 -
vue-pure-admin项目的学习
前言感谢作者的开源,让我们有机会学习项目地址: vue-pure-admin只是记录自己的学习,有问题地方感谢指正只会记录一些自己目前感觉有用的知识点代码demo都是基于vue3、ts、element plus目录结构-src --api 存放与请求有关的文件 --assets 存放静态文件(图标、文字) --components 存放全局公共组件 --config 项目配置 --directives 全局指令 --layout 全局布局 --plugins 插件原创 2022-03-09 08:59:28 · 524 阅读 · 0 评论 -
Unexpected mutation of “XXXX“ prop
这个问题只会出现在子组件中是因为父组件的值直接使用不是很规范props: { stuckPoint: { type: Array, default: function () { return [] }, },},这是我们如果直接用this.stuckPoint 是是可以用但就会出现上面这个语法规范问题data() { return { tstuckPoint: this.stuckPoint, }},然后用tstuckPoint就原创 2022-03-08 14:19:11 · 371 阅读 · 0 评论 -
Optional.ofNullable()方法
举个栗子public static void main(String[] args) { List<String> list = null; list.forEach(x -> System.out.println(x)); }工作中经常会遇到,查询返回空,如果没有判空处理,一不小心就会空指针异常。加上if判断处理也可以,但是jdk1.8有更优雅的处理方式。public static void main(String[] args) {原创 2022-03-08 12:58:47 · 856 阅读 · 0 评论 -
echarts图表显示 Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight
首先出了问题 我进行了百度 但是百度上大部分的方法并不适用于我。例如: $(window).on('resize',function(){ //屏幕大小自适应,重置容器高宽 resizeMainContainer(); mainChart.resize();});且出错的原因也可能为:如果容器的height/width属性设置为百分比的形式,那么echarts就会warning,且不能正常的生成图表。所以div容器的高度宽度必须指定为px。然后我开始回归问题,去官网找解决原创 2022-03-08 08:58:06 · 648 阅读 · 0 评论 -
还没搞懂正则?熬夜到虚脱整理出来的Python的正则表达式总结(Regular Expression)
前言:作者:神的孩子在歌唱这是我听老师讲课做的笔记大家好,我叫陈运智,大家可以叫我智正则表达式一. python正则表达式介绍二. re模块2.1 match方法2.2 匹配规则2.2.1 匹配字符2.2.2 分组匹配2.2.3 限定匹配字符规则2.2.4 转义字符三. re中的编译函数3.1 compile方法3.2 search方法3.3 finall方法3.4 sub方法3.5 split方法四. 贪婪模式与非贪婪模式一.原创 2022-03-07 10:24:02 · 63 阅读 · 0 评论 -
球迷 如何在Linux纯命令行玩转谷歌浏览器,边看欧洲杯,边看足球宝贝
大家好,我是Lex 喜欢欺负超人那个Lex擅长领域:python开发、网络安全渗透、Windows域控Exchange架构今日重点:1、Linux骚操作:纯命令行玩转GoogleChrome浏览器;2、在Linux命令行打开足球宝贝的搜索截图谷歌浏览器 Linux版windows下的chrome浏览器,大家肯定都玩的666了吧。今天,出一篇猎奇的文章跟大家介绍一下,如何在Linux纯命令行玩转谷歌Chrome浏览器,边看欧洲杯,边看足球宝贝完成搜索、截图、访问网页等等功能一、新.原创 2022-03-07 09:00:36 · 1368 阅读 · 0 评论 -
尽可能详细的文件上传讲解
尽可能详细的文件上传讲解文章目录尽可能详细的文件上传讲解0x01 upload-labs master的安装0x02 前端JavaScript检测0x03 检测文件类型0x04 根据文件头检测文件类型根据文件内容类型0x04 检测文件名进行过滤黑名单绕过大小写绕过白名单绕过空字符绕过deldot()绕过流特性绕过双写绕过0x05 检测文件内容进行过滤二次渲染绕过upload其他优秀题目06 文件上传的危害文件上传绕waf大部分看到原创 2022-03-06 05:29:29 · 363 阅读 · 0 评论 -
关于报错 vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function
报错截图如上,报了vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function在 public 下 的 index.html里面,cdn 引入了版本太低导致的。这个错误。因为我是 cdn 引入方式,所以 我想歪了,因为项目中 使用了vue.observable ,这个 APi 是 vue 2.6 新增的,而我 引入的 cdn 版本是 2.5 所以 报了这个错误,所以只要 cdn 换个 版本 就 ok了...原创 2022-03-06 04:08:41 · 2946 阅读 · 0 评论 -
【Pyhton 爬虫】正则表达式
文章目录1、正则表达式基础2、正则表达式的基本符号2.1 点号 `“.”`2.2 星号 `“*”`2.3 问号 `“?”`2.4 反斜杠 `“”`2.5 数字 `“d”`2.6 小括号 `“()”`3、Python中使用正则表达式3.1 findall3.2 serach3.3 “.* ” 和 “.*?” 的区别4、正则表达式提取技巧4.1 不需使用 compile4.2 先抓大再抓小4.3 括号内和括号外在爬虫的开发中,需要把有用的信息从.原创 2022-03-06 02:46:47 · 166 阅读 · 0 评论 -
vue3 ref函数用法
1.在setup函数中,可以使用ref函数,用于创建一个响应式数据,当数据发生改变时,Vue会自动更新UI<template>?? ?<div>?? ??? ?<h1>{{mycount}}</h1>?? ??? ?<button @click="changeMyCount">changeMyCount</button>?? ?</div></template><script>imp原创 2022-03-06 00:04:30 · 1661 阅读 · 0 评论 -
vue 中使用$refs,报this.$refs.xxx.xxx() is not a function
this.$refs.xDown2.showPanel() 官网上例子时这么用的,我照着搬下来,竟然报上面的错误,找了好久也看不出哪里写错了,后来请假qq群里的大佬,得以解决。打印console.log(this.$refs.xDown2),发现控制台打印的的dom对象是个数组,使用[0],得以解决上面的问题。如this.$refs.xDown2[0].showPanel();...原创 2022-03-03 23:21:44 · 8564 阅读 · 2 评论 -
maven子模块无法引入父模块依赖定义的版本号问题解决
问题描述今天按平常步骤建立一个父工程来统一子工程的依赖版本号的时候,发现子工程的依赖继承异常,子模块pom文件爆红。如图所示:父模块配置文件:<groupId>net.togogo</groupId> <artifactId>mybatisdemo</artifactId> <packaging>pom</packaging> <version>1.0-SNAPSHOT</version>原创 2022-03-03 15:38:37 · 1164 阅读 · 0 评论 -
HTML5新增标签
目录1.新增语义化标签2.新增表单元素2.1 datalist标签3.新增多媒体元素3.1音频audio3.2视频video3.3 source标签3.写在最后1.新增语义化标签HTML5中加入了一些语义化标签,来更清晰的表达文档结构。主要有header、nav、section、article、aside和footer。使用新增的语义元素,可以使网页结构更加清晰。<!DOCTYPE html><html lang="en"><he原创 2022-03-03 14:34:01 · 78 阅读 · 0 评论 -
Duplicated key ‘isFetch‘ vueno-dupe-keys
最晕的报错出现了::脑子不知道在干嘛?然后就暗自自黑记录一下这个愚蠢的行为。。。。。原创 2022-03-03 13:29:43 · 977 阅读 · 0 评论 -
解决 Syntax Error Error PostCSS received undefined instead of CSS string
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string错误如下解决方法卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。#卸载node-sas和sass-loadernpm uninstall node-sassnpm uninstall sass-loader安装其他版本#安装node-sas和sass-loadernpm install n原创 2022-03-02 04:20:08 · 1378 阅读 · 0 评论 -
手把手带你10分钟手撸一个简易的Markdown编辑器
前言最近我在项目中需要实现一个 markdown编辑器 的需求,并且是以React框架为开发基础的,类似掘金这样的:我的第一想法肯定是能用优秀的开源就一定用开源的,毕竟不能老是重复造轮子。于是我在我的前端群里问了很多群友,他们都给了甩过来一堆开源的markdown编辑器项目,但我一看全是基于Vue使用的,不符合我的预期,逛了一下github,也没看到我满意的项目,所以就想自己实现一个啦需要实现的功能我们自己实现的话,看看需要支持哪些功能,因为做一个初版的简易编辑器,所以功能实现得不会太多,但绝对够原创 2022-03-02 03:16:35 · 1719 阅读 · 1 评论 -
前端下载利器FileSaver
前言:想必很多小伙伴都用过 a标签拿来下载的吧,里面很多坑相信也知道了,用起来真的是超级简单。使用方法如下:href: 文件的绝对/相对地址download: 文件名(可省略,省略后浏览器自动识别源文件名)<a href='xxx.jpg' download='file.jpg'>下载jpg图片</a>那么既然这么简单,那肯定是存在问题的。上面这张图片是官方提供的兼容性,目前只有FireFox和Chrome支持download属性。对于图片文件和文本文件这种可以被浏原创 2022-03-02 02:13:01 · 9449 阅读 · 1 评论 -
【Unity 实用工具】 Unity 十款 浏览器相关插件 整理(web view browser)
目录??前言??浏览器相关插件??第一款:Embedded Browser (ZFBrowser)??第二款:UniWebView??第三款:Texture Web View (Android)??第四款:Mobile Web View (Android, iOS)??第五款:ULiteWebView Unity??第六款:3D WebView for Windows and macOS??第七款:3D WebView for Android??第八款:3D WebVi原创 2022-03-02 01:09:26 · 6028 阅读 · 2 评论 -
Vue3中this的替代方案
setup 在生命周期 beforecreate 和 created 前执行,此时 vue 对象还未创建,因无法使用我们在 vue2.x 常用的 this。解决办法是 vue 中的 getCurrentInstance 方法返回了 ctx 和 proxy,控制台打印 ctx 和 proxy 发现和 vue2.x 中的 this 等同,习惯使用 this 的同学可以用 proxy 进行替代。没有用 ctx 因为 vue3 项目打包后 ctx 会失效。也可以在 App.vue 用 provide + inje原创 2022-03-02 00:05:54 · 648 阅读 · 0 评论 -
uni-app最新获取微信头像方法getUserProfile?
端午节豆芽在家整理关于uni-app的知识点,动手操作的时候,豆芽发现我去调用微信头像的时候,我用以前获取头像的方法,现在获取的是一个白色状态和微信用户的名称。下面先贴豆芽以前获取微信头像和微信名的代码。<template> <view class="content"> <u-button @click="getList">点击获取当前微信信息</u-button> <text>{{userList.nickName}}</tex原创 2022-03-01 20:24:05 · 5659 阅读 · 4 评论