前端
关注
分享
扫一扫
文章平均质量分 55
普通网友
这个作者很懒，什么都没留下…
展开
-
Vue3+Vite2环境变量配置，分别配置本地，测试，正式
第一步：在Vue项目创建三个文件分别为.env .env.development .env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST = '172.20.25.155'VITE_PORT = 8080VITE_BASE_URL = './'VITE_OUTPUT_DIR = 'dist'VITE_API_DOMAIN = 'http://10.1.1.111:8080/api/'//本地环境地址（可用于开发时联调）//.e原创 2022-03-11 20:54:45 · 1096 阅读 · 0 评论 -
vite 动态导入页面 动态import组件
1，在做权限的时候，从后台拉路由表，然后动态引入组件，之前webpack是可以直接用的，但是vite不行，需要用特殊的方法//引入所有views下.vue文件const modules = import.meta.glob("../views/**/**.vue");/** * 解析路由表 * @param routerMap 后台请求的路由表 * @returns 系统路由 */export const routerFilterFunc = (routerMap: RouterItem[原创 2022-03-11 19:31:04 · 2404 阅读 · 5 评论 -
Python 正则表达式使用--Re 模块详解
目录1. 常用正则表达式符号和特殊字符?2.? Re 模块：核心函数和方法2.1 re.compile() 编译函数2.1.1?re.compile() 语法格式2.1.2?re.compile() 用法2.2 re.match() 和 re.search() 匹配和搜索函数2.2.1?re.match() 语法格式2.2.2?re.match() 用法2.2.3?re.search() 语法格式2.2.4?re.search() 用法2.3 re.findall() 和 re.fin原创 2022-03-11 15:30:40 · 2125 阅读 · 0 评论 -
JS案例：将前端页面导出为PDF
前言：记录一下最近的一个需求，产品需要打印表单凭证，需要实现将选中页面的元素或者是组件导出为PDF，方便打印使用到的JS库：html2canvas（截取页面生成canvas），jsPDF（使用JS生成PDF）下面我针对该需求实现一个简单的Demo，并且分享一下遇到的问题首先，我选择了懒加载的案例作为测试对象，因为图片可以检测截图效果，并且有滚动加载长页面我们把整个demo分为两部分，分别是使用上述两个插件实现基本功能使用html2canvas截屏生成canvas let prin原创 2022-03-11 14:07:55 · 1587 阅读 · 0 评论 -
html+css+php+mysql实现注册+登录+修改密码（附完整代码）
注：转载及使用源代码请注明来源！如疑问可私信！目的：在利用QT软件进行登录软件开发时，就想要实现点击按钮跳转到指定网页进行注册以及修改密码等操作，就像QQ客户端那样可以实现网页端修改密码，申请账户等操作；体验地址：html+php+mysql登录界面设计（因需要开启花生壳内网穿透，如需体验可私聊！）目前已经实现的操作：html界面；html跳转php；php连接数据库；php实现对数据库的增删改查。注：QT客户端界面部分暂时不做过多介绍，详细界面如：QT仿QQ登录一、HTML界面及连接数.原创 2022-03-11 12:46:06 · 11219 阅读 · 8 评论 -
Cannot read property ‘prototype‘ of undefined
目录vue3.x创建项目 引用 elementUI 控制台报错 如下图所示：?报错起因：?解决方法：使用vue3.x版本 引入ElementUIvue3.x创建项目 引用 elementUI 控制台报错 如下图所示：Cannot read property ‘prototype‘ of undefined报错起因：看一下element官网的 这句话：意思就是实例对象不一致，官网上的实例对象是vue/3.0（vue2.x）版本创建的对象，而我创建的项目是用vue3.x创建的，实例对象原创 2022-03-11 11:24:41 · 270 阅读 · 0 评论 -
手把手带你10分钟手撸一个简易的Markdown编辑器
前言最近我在项目中需要实现一个 markdown编辑器 的需求，并且是以React框架为开发基础的，类似掘金这样的：我的第一想法肯定是能用优秀的开源就一定用开源的，毕竟不能老是重复造轮子。于是我在我的前端群里问了很多群友，他们都给了甩过来一堆开源的markdown编辑器项目，但我一看全是基于Vue使用的，不符合我的预期，逛了一下github，也没看到我满意的项目，所以就想自己实现一个啦需要实现的功能我们自己实现的话，看看需要支持哪些功能，因为做一个初版的简易编辑器，所以功能实现得不会太多，但绝对够原创 2022-03-10 10:56:19 · 691 阅读 · 0 评论 -
前端面试题 vue 十道经典面试题（20220224）
目录1.v-for为什么要加key 值？?2. v-if和v-for 不能同用的原因？3. v-model的实现原理是什么？?4.v-model都绑定了什么？??5.vue框架的渐进式？?6.vue 中的data 为什么是函数？7.v-if和v-show 的区别是什么？8.vue 中的this 指向？?9.vue 项目 中如何获取节点？?10.watch 的立即监听和深度监听1.v-for为什么要加key 值？2. v-if和v-for 不能同用的原因？33. v-model原创 2022-03-09 14:37:22 · 106 阅读 · 0 评论 -
一次nginx代理前端报rewrite or internal redirection cycle while internally redirecting to “index.html“ 记录
将nginx从一个服务器迁移到另一个服务器后执行nginx -t检查配置没有问题，重启服务后访问报500内部错误，查看日志报rewrite or internal redirection cycle while internally redirecting to “/index.html”经多次排查确认是静态页面的路径不对，但nginx -t也没有报错，比较坑，修改后解决问题。...原创 2022-03-09 13:16:56 · 5638 阅读 · 0 评论 -
web前端大作业：游戏动漫网页设计（HTML+CSS+JavaScript）
目录网页实现截图：主要源码展示：?获取完整源码：网页实现截图：动漫官网主页：游戏动漫页面展示：招贤纳士：联系我们：关于公司：主要源码展示：游戏动漫主页.html<head> <title>游戏动漫官网-首页</title> </head><body> <li class="active"><a href="inde原创 2022-03-09 11:56:36 · 507 阅读 · 0 评论 -
Vue3项目中动态组件component的使用
<template> <div class="goods-tabs"> <nav> <a :class="{ active: currentName === 'GoodsDetail' }" href="javascript:;" @click="toggle('GoodsDetail')" >商品详情</a > <a href="javascript:;" :class="{原创 2022-03-09 10:32:40 · 2356 阅读 · 0 评论 -
vue-element-admin安装依赖的坑
1.从git 上拉 项目git clone https://github.com/PanJiaChen/vue-element-admin.git报错1：$ git clone https://github.com/PanJiaChen/vue-element-admin.gitCloning into ‘vue-element-admin’…fatal: unable to access ‘https://github.com/PanJiaChen/vue-element-admin.git原创 2022-03-09 08:57:53 · 1625 阅读 · 2 评论 -
Uncaught TypeError Cannot read properties of undefined (reading ‘style
求解大佬为什么报错原创 2022-03-08 14:17:35 · 917 阅读 · 0 评论 -
Object.defineProperty方法（详解）
OK，这一篇主要想说一下Object.defineProperty这个方法。这个方法也是Vue数据双向绑定原理的常见面试题所以也是有必要好好掌握的哦首先我们知道JS中是支持面向对象编程的，也是有着对象和类这样的概念。我们常见创建对象的方法应该是这样：var p1 ={ name:"lisi",}那我们Object.defineProperty这个方法有什么用呢这个方法接收三个参数:1.属性所在的对象2.属性的名字3.一个描述符对象这个描述符对象是个什么东西呢？他可以是原创 2022-03-08 12:57:11 · 752 阅读 · 0 评论 -
HTML笔记1
大一小何，还在学习当中，欢迎交流指正~目录初步认识html设计我们第一个网页?注释?标签中的属性??结语?初步认识htmlhtml 超文本标记语言，负责网页的三个要素之中的结构元素是HTML的最基本部件，由成对尖括号**<>**及括号间的内容组成。例如：小何今天码代码了吗？。基本元素（文字粗细，斜体，上/下标，链接，加载图片，删除线，下划线） 这一行是为了区分html4 与html5的，这行相当于告诉浏览器是html5，不会出现在网页上标签一般都.原创 2022-03-08 10:16:38 · 87 阅读 · 0 评论 -
边学边总结的前端笔记（JavaScript基础篇）
「学习笔记」JavaScript基础前言最近一直研究JavaScript内容，遂把这一阶段的学习内容整理成笔记，巩固所学知识，同时也会参考一些博客，书籍上的内容，查漏补缺，给自己充充电???文章内容如有错误，欢迎指正批评工欲善其事，必先利其器，为了提高开发效率，选用VScode。管理-设置-常用设置-字体Consolas, ‘微软雅黑 Light’, monospaceChinese汉化VscodePrettier格式化代码(缩进2格)Auto Rename Tag同步修原创 2022-03-07 10:22:26 · 255 阅读 · 0 评论 -
爬虫练习：南阳理工学院ACM题目信息
南阳理工学院ACM题目信息获取源码1.引入第三方库2.模拟浏览器3.抓取网页BeautifulSoup网页分析1.初始化2.抓取节点保存文件完整源码获取源码我们知道浏览器查看网页时首先会发送一个请求request给服务器, 服务器根据request请求做一些处理生成一个响应response返回给浏览器, 而这个response中就包含着我们需要的网页(或者数据, 一般静态网站或者服务器端渲染是直接返回网页), 那么我们要下载网页也就只需要模仿浏览器发送这个requ原创 2022-03-07 08:58:59 · 234 阅读 · 0 评论 -
小程序运行报错：[渲染层网络层错误] Failed to load local image resource ... the server responded with a status of 500
小程序运行报错：[渲染层网络层错误] Failed to load local image resource /pages/message/[object%20Object]the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)在数组中取出图片存放路径报的错查看 ***微信开发者工具***中的AppData发现错误地方：<image v-for="(item, index) in imgA原创 2022-03-06 05:27:51 · 3324 阅读 · 0 评论 -
关于vue3.0结合element-plus 、el-upload文件上传
前后端分离，实现选择文件后直接进行上传的功能action：上传地址accept：接收上文件的类型show-file-list：是否显示已经上传文件列表file-list: 上传文件列表limit：允许的最大的上传个数multiple：是否支持多选文件on-exceed：文件超出最大上传个数时触发的函数on-change：选择文件后上传状态改变时触发的函数，上传成功或者失败都会被触发上传功能实现步骤：注释：传给后端的为二进制文件，post方式传递参数采用formdata形式为与后端约定.原创 2022-03-06 04:07:04 · 2661 阅读 · 0 评论 -
【JSON解析】浅谈JSONObject的使用
简介在程序开发过程中，在参数传递，函数返回值等方面，越来越多的使用JSON。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，同时也易于机器解析和生成、易于理解、阅读和撰写，而且Json采用完全独立于语言的文本格式，这使得Json成为理想的数据交换语言。JSON建构于两种结构：“名称/值”对的集合(A Collection of name/value pairs)，在不同的语言中，它被理解为对象(Object), 记录(record), 结构(struct),原创 2022-03-06 02:45:10 · 1462 阅读 · 0 评论 -
vue布局组件(router-view)
网页中，很常见的是头部导航栏、底部链接、面包屑或者其他部分，在网站的每一个页面都会出现，并且样式统一可以使用vue-router提供的router-view来构成一个布局组件，将头部导航栏、底部链接等写在页面上固定渲染，切换页面时，只切换中间内容部分思路：1、创建一个layout文件，放置一个router-view标签即可，每一个路由请求默认都是从这里进去跳转，这里是示例每个页面都带一个面包屑组件（一般是app.vue，这里我自定义了一个）//layout文件<template>原创 2022-03-06 01:24:21 · 1532 阅读 · 0 评论 -
Vue3 ElementPlus Admin
Vue3 Element Plus Admin 开箱即用的后管理系统。它基于vue3和element plus 实现。内置了动态路由，i18n国际化，动态权限菜单等功能功能- 登录 / 注销- 动态路由- 动态侧边栏（支持多级路由嵌套）- 动态面包屑- 快捷导航(标签页)- 本地/后端 mock 数据- 組件 - 富文本 - Markdown(未完成)- 表格 - 动态表格 - 综合表格- 错误页面 - 401 - 404- ECharts 图表- Clip原创 2022-03-06 00:02:53 · 605 阅读 · 0 评论 -
proxy error could not proxy request解决方案
找到vue.config.js文件，改地址就行：devServer: { proxy: { '/api': { target: "http://localhost:端口号自己的地址", //这个更换成本地的地址 changeOrigin: true, logLevel: "debug" } }}注：vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/原创 2022-03-03 16:41:28 · 3519 阅读 · 0 评论 -
MakeApie 将于 2月15号开始暂停服务
Make A Pie 是由社区贡献者维护的用于 Apache ECharts 作品分享的第三方非官方社区。一直以来MakeApie 给我们带来了太多的工作中的灵感，echarts复制粘贴党必备，导致没有好好学echarts。今日登录看到这个消息，感到难过和些许思考。Make A Pie公告MakeAPie 将于 2 月 15 号开始暂停服务，该期间请及时备份您的数据，非常抱歉给您带来不便。开源等于免费？目前不知道为何关闭，很多开源作品的离场的经验中不难发现开源最后都是无法支撑到最后，不管是财.转载 2022-03-03 15:37:01 · 304 阅读 · 0 评论 -
HTML5 零基础到实战（四）伪类和伪元素笔记
??个人简介我已加入 1_bit 博主的免费前端 站起来 学习计划，专栏链接：一哥博客?? 作者简介：大一heart，还在学习（卷）当中，欢迎交流指正~???? 个人主页 heart的博客????如果文章知识点有错误的地方，请指正留言??！和大家一起学习，一起进步?? 系列专栏：大话前端????格言：人生舞台的大幕随时都可能拉开，关键是你愿意表演，还是选择躲避????如果感觉博主的文章还不错的话，请??三连支持一下博主??哦目录??个人简介?伪类概念:我们的伪类写法为?我们的类写法原创 2022-03-03 14:32:24 · 153 阅读 · 0 评论 -
docker 配置文件：etcdockerdaemon.json
因为工作的需要，需要把docker 启动后的路径改成/data,所以就会用到:/etc/docker/daemon.json 是 docker 的配置文件，默认是没有的，需要我们手动创建，可配置项如下：具体的操作是：1: 设置/etc/docker/daemon.json 文件.2.创建并修改完daemon.json文件后，需要让这个文件生效a.修改完成后reload配置文件sudo systemctl daemon-reloadb.重启docker服务sudo systemctl resta原创 2022-03-03 13:28:06 · 642 阅读 · 0 评论 -
谷歌浏览器不能手动修改cookies，cookie报红标红
问题：因为项目需要修改cookies的值去登录，某天更新了浏览器之后发现不能修改了，修改之后直接标红，不生效解决：1、在谷歌浏览器中搜索chrome://flags/2、在出现的页面搜索框中搜索SameSite，然后出现的SameSite by default cookies里面把default改为disabled,然后重启就好了如果没生效，就是高版本移除了SameSite by default cookies，导致之前的方法不能使用，解决：就在出现的页面搜索框中搜索Partitioned coo原创 2022-03-02 13:15:10 · 898 阅读 · 0 评论 -
装上这 14 个插件后，PyCharm 真的是无敌的存在
1. Key Promoter X如果让我给新手推荐一个 PyCharm 必装插件，那一定是 Key Promoter X 。它就相当于一个快捷键管理大师，它时刻地在：督促你，当下你的这个操作，应该使用哪个快捷操作来提高效率？提醒你，当下你的这个操作，还没有设置快捷键，赶紧设置一个？有了 Key Promoter X，你很快就能熟练地掌握快捷键，替代鼠标指日可待。比如我使用鼠标点开 Find in Path，它就会在右下角弹窗提示你该用哪个快捷键。2. Vim in PyChar原创 2022-03-02 04:18:36 · 1200 阅读 · 0 评论 -
前端HTML万字血书大总结，来看看你入门了吗？
一、认识WEB1. 1、 认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。1.2、浏览器浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。可能你最熟悉的是 IE浏览器，但是他的相应速度实在是太慢了。我们可以通过百度的流量研究院来查看目前浏览器的市场占比,2008年，大名鼎鼎的互联网巨头Google公司发布了它的首款浏览器Chrom原创 2022-03-02 02:11:25 · 226 阅读 · 0 评论 -
【SpringMVC】Required request parameter ‘xxx‘ for method parameter type String is not present
【问题现象】SpringMVC中，在请求链接无错误、Controller配置无错误的情况下，访问某个Controller链接接口时，提示错误：org.springframework.web.bind.MissingServletRequestParameterException: Required request parameter 'xxx' for method parameter type String is not present【原因】直译的原因，请求中缺少参数【解决】url中追原创 2022-03-02 01:07:50 · 3496 阅读 · 0 评论 -
vue3中emit使用方法（新）
vue3中子组件向父组件传值分以下几步1、定义emits,emits的定义是与component、setup等这些属性是同级。例如emits此时是作为数组，它也可以接收一个对象2、方法中使用与之前的用法不同的是，现在需使用ctx.emit，其中ctx是setup中第二个参数，也就是上下文对象3、在父组件上定义同名方法接收4、父组件接收方法的参数为子组件传递的参数...原创 2022-03-02 00:04:20 · 5272 阅读 · 0 评论 -
uni-app 自定义webview大小
在uni-app中使用web-view 组件，默认铺满全屏并且层级高于前端组件，会遮挡页面上的其他组件。在官网中写明：app-vue下web-view组件不支持自定义样式，默认充满屏幕不可控制大小；nvue web-view 必须指定样式宽高具体示例：代码：直接在UI上使用webview组件，也是默认全屏，需要动态加载。先新建一个component.nvue文件：<template> <div> <view class="intro">本项目已包含u原创 2022-03-01 20:22:27 · 2097 阅读 · 1 评论