前端
文章平均质量分 56
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3.0 使用element-plus 按需自动导入
一、element-plus 安装npm install element-plus --save// 按需自动导入npm install -D unplugin-vue-components unplugin-auto-import二、vue.config.js 配置const AutoImport = require('unplugin-auto-import/webpack')const Components = require('unplugin-vue-components/webp原创 2022-03-11 21:01:54 · 461 阅读 · 0 评论 -
vite构建项目按需引入vant时vite-plugin-style-import 报错 require.resolve is not a function
最近开始使用vite去替代了传统的脚手架vue- cli ,为什么好好的脚手架不用,开始追求了vite,时过境迁,我们见证了诸如webpack、Rollup和Parcel等工具的变迁,它们极大地改善了前端开发者的开发体验。在将来 一定是vue3 + vite + ts时代。下面说一下用vite简单构建项引入vant一些流程 和 报错解决1.搭建vite项目使用npmnpm init vite@latest使用 Yarnyarn create vite使用 PNPMpnpm create原创 2022-03-11 19:38:08 · 1512 阅读 · 0 评论 -
PyWebIo 快速构建web应用
Part1什么是 PyWebIoPyWebIO 提供了一系列命令式的交互函数来在浏览器上获取用户输入和进行输出,将浏览器变成了一个“富文本终端”,可以用于构建简单的 Web 应用或基于浏览器的 GUI 应用。使用 PyWebIO,开发者能像编写终端脚本一样(基于 input 和 print 进行交互)来编写应用,无需具备 HTML 和 JS 的相关知识;PyWebIO 还可以方便地整合进现有的 Web 服务。非常适合快速构建对 UI 要求不高的应用。Part2PyWebIo 的特点使用同步而不是基原创 2022-03-11 15:37:59 · 450 阅读 · 0 评论 -
labelme使用教程
(1)打开 labelme 界面在刚才创建的虚拟环境下,打开labelme。如下图所示:直接输入label,然后回车。注:如果你之前不小心退出了labelme虚拟环境,需要重新进入该环境下。打开之后,labelme的界面就像下面这样:(2)标注数据集第一步,点击open。打开你准备好的数据集,选中第一张图片打开。比如下面我打开的图片是302.jpg第二步,点击 create polygons 开始描点。描点一定要细致,要将目标(这里是物堆)刚好框住。就像下面这样:锚点完成后,会自动跳出原创 2022-03-11 14:14:58 · 7818 阅读 · 1 评论 -
HTML_html自动播放音乐
自动播放<audio autoplay="autoplay" loop id="music"> <source src="http://music.163.com/song/media/outer/url?id=1308256434" audio="" ></audio>点击播放<audio autoplay loop id="music"> <source src="http://music.163.com/song/media/原创 2022-03-11 12:53:09 · 3810 阅读 · 1 评论 -
Component is missing template or render function
引入如下:报错如下:【错误原因】:引入的时候没有加文件后缀!!!!!解释:其实按道理,webpack的规则是允许 .vue .js 文件在引入的时候省略文件名后缀的。import test from './test.vue'import test from './test' //等同于import test from './test.js'import test from './test' //等同于但是当目录下同事存在 test.js 和 test.vue 文件的时候,会优先原创 2022-03-11 11:31:42 · 19358 阅读 · 0 评论 -
解决Edge浏览器无法同步问题
在地址栏输入 edge://sync-internals/ ,Server URL中无数值,此时设备不能同步。修改Windows的hosts文件,添加:52.167.253.237 activity.windows.com52.167.253.237 edge-enterprise.activity.windows.com52.167.253.237 edge.activity.windows.com再次打开 edge://sync-internals/ ,可看到Server URL中有数值,原创 2022-03-10 12:27:56 · 2578 阅读 · 0 评论 -
下载并安装vue-devtools(详细步骤)
1,访问github地址:https://github.com/vuejs/devtools下载安装包(zip)(之前是dev和master分支,现在没有了,现在找的这个分支能用);2,进入到解压后的devtools-add-remote-devtools包中,在文件夹路径中打开cmd窗口,执行npm i(如果慢的话可以使用cnpm淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org)3,然后执行npm run bu原创 2022-03-09 13:23:53 · 21347 阅读 · 9 评论 -
Windows 10 修改 Alt+Tab 键 切换 新版 Microsoft Edge 单个标签页窗口
Windows 10 修改 Alt+Tab 键 切换 新版 Microsoft Edge 单个标签页/窗口解决方案:在 Windows 设置 的搜索框中 搜索 alt,选择 选择按下 Alt+Tab 时显示的窗口和选项卡,将 按 Alt +Tab 将显示 选为 仅打开的窗口我的小站、Github详细过程:在 Windows 10 Build 20161 中,微软更新了 Alt+Tab 的默认行为,切换界面中包括了 Microsoft Edge 的标签页面(Chromium版本),用户能够在应用程序、原创 2022-03-09 12:03:33 · 3949 阅读 · 2 评论 -
Vuex数据
目录Vuex在项目中安装和配置vuex?State?组件访问State数据的第一种方式?组件访问State?数据的第二种方式?mapState辅助函数的原理?Mutation的基本使用?Mutation的使用步骤?载荷(payload)?MapMutation辅助函数?Action的基本使用?在Action方法中定义载荷、?mapAction辅助函数?Getter的基本使用?访问Getter的第一种方式访问getter的第二种方式?Module的基本使用?定义模块?na原创 2022-03-09 10:39:39 · 169 阅读 · 0 评论 -
vue.config.js 配置
vue.config.js配置项vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建创建vue.config.jsvue.config.js(相当于之前的webpack.config.js) 是一个可选的配置文件,如果项目的 (和package.json同级的) 根目录中存在这个文件,那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。在根目录中创原创 2022-03-09 09:06:23 · 670 阅读 · 0 评论 -
UNI-APP页面跳转时(uni.navigateTo),参数传递
方法一:1、在起始页面跳转到test.vue页面并传递参数//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});2、在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面原创 2022-03-08 14:24:31 · 4136 阅读 · 0 评论 -
MakeApie 将于 2月15号开始暂停服务
Make A Pie 是由社区贡献者维护的用于 Apache ECharts 作品分享的第三方非官方社区。一直以来MakeApie 给我们带来了太多的工作中的灵感,echarts复制粘贴党必备,导致没有好好学echarts。今日登录看到这个消息,感到难过和些许思考。Make A Pie公告MakeAPie 将于 2 月 15 号开始暂停服务,该期间请及时备份您的数据,非常抱歉给您带来不便。开源等于免费?目前不知道为何关闭,很多开源作品的离场的经验中不难发现开源最后都是无法支撑到最后,不管是财.转载 2022-03-08 11:43:55 · 276 阅读 · 2 评论 -
idea 解决报错 Artifact webwar exploded Error during artifact deployment. See server log for details
idea 解决报错 Artifact web:war exploded: Error during artifact deployment. See server log for details.网上看了其他人的博客,一般都是说artifact的问题要修改在下面图中的配置才行,但是在我自己的机子上发现按照他们的步骤修改并不会产生任何的效果。因为这件事呢,我花了很多时间找问题出现在哪里,终于经过我不懈的尝试发现了问题所在,因为我网上找了很多博客都没有发现正确的解决方案,所以我决定写下这篇博客来记录一下。原创 2022-03-08 10:23:33 · 7301 阅读 · 2 评论 -
echart报错TypeError Cannot read properties of null (reading ‘getAttribute‘)“
**原因:**由于echart需要的值没有获取到,明明接口返回数据了。因为数据渲染方法加到了create:{}里面了,说明数据还未取到,界面已经加载了解决方法:可以将数据渲染方法加到mounted(){}方法里,也可以将加载方法写到获取数据之后即可...原创 2022-03-08 09:03:25 · 1227 阅读 · 0 评论 -
都2021年了,再不学ES6你就out了 —— 一文搞懂ES6
JS干货分享 —— 一文搞懂ES6导语:ES6是什么?用来做什么?1. let 与 const2. 解构赋值3. 模板字符串4. ES6 函数(升级后更爽)5. Class类6. Map()导语:ES6是什么?用来做什么?ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版虽然15年就有正式版本了,但是国内普遍商用是在2018年之后去了,甚至到现在有很多前端仍然搞不懂ES6(都2021年了,兄dei~)原创 2022-03-07 10:29:22 · 178 阅读 · 0 评论 -
电商后台管理详情
后台管理项目介绍一、项目结构的搭建封装axios多环境变量的配置二、开发流程1.登录以及退出登录的业务流程登录业务的相关技术点token原理分析登陆页面的布局用到了以下的elment ui组件创建登陆组件实现登录功能退出2.主页面布局、用户列表功能主页面布局侧边栏的布局以及渲染 请求数据侧边栏菜单的伸缩用户列表功能面包屑导航区域卡片视图区域、搜索框、添加按钮搜索功能的实现获取用户列表数据分页3.权限管原创 2022-03-07 09:05:53 · 571 阅读 · 0 评论 -
开发实用小工具-通过类自动创建数据库表,从此摆脱手动建表麻烦
通过类自动创建数据库表,从此摆脱手动建表麻烦当我们在做java项目的时候当我们创建好一个类的时候,如果要创建对应的数据库存储多条信息,如果这个类的属性很多,怎么才能避免创建表的时候不会失误,或者减少工作量?我最近开发了一个自动创建类对应的数据库小工具 CreateTableUtil,源码见下面文章。下面我重点讲讲怎么使用。文章目录通过类自动创建数据库表,从此摆脱手动建表麻烦工具使用背景一、引入CreateTableUtil需要的jdbc依赖1.1 使用Spring框架集成CreateTa原创 2022-03-06 05:34:50 · 1234 阅读 · 0 评论 -
刚刚,邻居看烟花的几分钟时间我学会了HTML基础
前言学好Django,学好Django…猛一发现自己HTML都没学,没有HTML基础就想学Django就好比想养鱼而鱼缸却没有水,两个字,瞎扯…目录前言HTML简介元素介绍常用元素标题(heading)段落(Paragraph)格式化标签列表?图像超链接换行符与水平线书写规范什么是CSS制作第一个html页面想说的话HTML简介超文本标记语言 (英语:Hypertext Markup Language,简称:HTML ) 是一种用来结构化 Web 网页及其内容的标记原创 2022-03-06 04:14:04 · 100 阅读 · 0 评论 -
【vue3 <script setup> props 使用与讲解】defineProps、withDefaults 类型限制、默认值设置
本章主要涉及api内容:defineProps、withDefaults;defineProps 只能是要么使用`运行时声明`,要么使用`类型声明`。同时使用两种声明方式会导致编译报错。;defineProps、withDefaults 是只在 例子1 > 运行时声明 的方式只能设置参数类型、默认值、是否必传、自定义验证。报错为控制台warn警告。若想设置[ 编辑器报错、编辑器语法提示 ]则需要使用类型声明的方式。<script lang='ts' setup>c..原创 2022-03-06 02:52:05 · 9688 阅读 · 3 评论 -
Vue拦截器报错Uncaught (in promise) TypeError Cannot read properties of undefined (reading ‘code‘)
如果出现Vue拦截器报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘code’)。那么,很可能是因为你修改了你的拦截器却没有重启你的前端服务器的原因。重启一下就可以啦。原创 2022-03-06 01:31:17 · 3303 阅读 · 0 评论 -
vue3 watch 监听多值以及深度监听用法
watch-监听器(侦听器),作用是用来侦测响应式数据的变化,可以得到newValue和oldValue,Vue3中watch使用有了一些细微的变化,下面举几个例子看一下是如何应用的以获取浏览器地址栏路由为例:1.监听单个值引入:import {…, watch} from “vue”;import {useRouter} from ‘vue-router’;export default { setup() { const route = useRouter(); //获取当前路由原创 2022-03-06 00:09:53 · 9765 阅读 · 0 评论 -
python读写json、格式化写入json文件
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C、C++、Java、JavaScript、Perl、Python等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。JSON在python中分别由list和dict组成。这是用于序列化的两个模块:json: 用于字符串和p原创 2022-03-03 16:48:26 · 9207 阅读 · 0 评论 -
Module not found Error Can‘t resolve ‘core-jsmoduleses.promise.js‘ in
未安装core-js在package.json所在目录 :npm i core-js -DERROR in ./src/js/index.js 1:0-48产环境配置15js兼容性处理srcjs'ERROR in ./src/js/index.js 2:0-39Module not found: Error: Can't resolve 'core-js/modules/es.promise.js' in 'D:DesktopMy FilesRecentlyStudyWebPackdemo3.w原创 2022-03-03 15:43:56 · 1811 阅读 · 0 评论 -
HTML笔记1
大一小何,还在学习当中,欢迎交流指正~目录初步认识html设计我们第一个网页?注释?标签中的属性??结语?初步认识htmlhtml 超文本标记语言,负责网页的三个要素之中的结构元素是HTML的最基本部件,由成对尖括号**<>**及括号间的内容组成。例如:小何今天码代码了吗?。基本元素(文字粗细,斜体,上/下标,链接,加载图片,删除线,下划线) 这一行是为了区分html4 与html5的,这行相当于告诉浏览器是html5,不会出现在网页上标签一般都.原创 2022-03-03 14:39:22 · 92 阅读 · 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-03 13:35:00 · 19058 阅读 · 3 评论 -
达内CGB2110第二次java月考答案与解释
1、【单选题】下面的描述错误的是()A.Statement的executeUpdate()方法会返回值是int类型,含义是DML操作影响记录数B.Statement的executeQuery()方法会返回一个结果集C.Statement的executeUpdate()方法会返回是否更新成功的boolean值D.Statement的execute ()方法会返回boolean值 ,含义是是否返回结果集【正确答案】C【答题时间】2021-12-28 07:09:31【答案解析】JDBC在原创 2022-03-02 13:22:08 · 1789 阅读 · 0 评论 -
解决Kaggle新用户注册无法弹出验证提示的问题
Kaggle官方地址:https://www.kaggle.com/在注册kaggle新用户时,发现填完信息以后始终出现错误提示kaggle Captcha must be filled out,意思就是没有填写验证码信息。但是实际并没有任何验证码提示出来:网上最新的解决方法已经失效,这里记录下最新的解决方案。尽管之前的方法已经没有作用,但是确给了个思路提示,也就是这个问题是由于缺少浏览器插件所导致的。那么只需要安装对应的插件即可。这里首先下载google chrome浏览器并安装使用,然后再下载原创 2022-03-02 04:25:23 · 1791 阅读 · 1 评论 -
手机号验证最新正则表达式
一般表单页面都需要填写手机号,校验用户输入的手机号码是否正确,就要用到正则表达式,用正则表达式来匹配手机号段,如在运营商号段内,则号码正确。因此,需要知道运营商最新的号段,如下所示:各大运营商手机号码段(新)中国电信号段133、153、173、177、180、181、189、190、191、193、199中国联通号段130、131、132、145、155、156、166、167、171、175、176、185、186、196中国移动号段134(0-8)、135、136、137、138原创 2022-03-02 03:21:52 · 574 阅读 · 0 评论 -
前端开发一枚,入职前自学的感觉不难,为什么工作起来很吃力?
前言我是软件工程专业,学前端之前,学过 C/C++、Java、PHP、.net 成绩还不错基本都是90多分。感觉自己干后端也不吃力。实验室里面的项目都是前后都写。最爱 PHP,本以为以后就走上PHP后端工程师的道路了。由于项目需要的原因,后来渐渐开始学起 HTML、CSS、JavaScript 这些语法相关的东西。刚接触时没有感觉太大难度。当时就想着怎么把页面搞好看,搞各种动画炫技。写一个小球从下面弹出来的效果,换各种姿势弹出。当时觉得前端真的有意思,就入了前端的坑。入坑前,以为前端就是搞各种漂亮的页原创 2022-03-02 02:18:16 · 235 阅读 · 0 评论 -
vue3在<script setup>中如何使用动态组件
vue3在针对这个问题,其实 vue官方已经给出了说明。由于组件被引用为变量而不是作为字符串键来注册的,在 什么意思呢?看我的真实示例:<script setup>import { reactive } from 'vue'import Daily from './index/daily.vue'import Week from './index/week.vue'import Month from './index/month.vue'const pageParams = re原创 2022-03-02 00:11:09 · 328 阅读 · 0 评论 -
uniapp组件-ui-list列表
目录一、基本用法二、显示图标或图片三、右侧显示 switch/badge四、使用插槽官方示例:https://ext.dcloud.net.cn/plugin?id=24列表组件可以在其中使用图标、略缩图或放置任何你想放的元素,使用场景如:导航菜单、列表、设置中心排版等基于uni-list的聊天列表组件:https://blog.csdn.net/qq_40323256/article/details/114298122一、基本用法showArrow可以有展开的箭头符号。link不仅原创 2022-03-01 21:20:52 · 5113 阅读 · 0 评论