html
关注
分享
扫一扫
文章平均质量分 58
普通网友
这个作者很懒，什么都没留下…
展开
-
vue3+vite在vite中配置跨域
在vite.config.js中配置import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path';// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], base: "./",//打包路径 resolve: { alias: { '@': p原创 2022-03-11 20:55:18 · 991 阅读 · 0 评论 -
vite 多页面配置
最近有多页面项目需要重构，就想试试使用vite，但是网上很多方法不太全面踩了不少的坑，网上的多页面配置方案也不少，我只给出了我成功配置并在使用的方案目录结构{ dist: // 存放打包后的文件, node_modules: , src: { assets: // 一些静态文件, components: // 公用组件, index: { // 页面1 index.html, main.js, App.vue, ... }, page: { // .原创 2022-03-11 19:31:37 · 1375 阅读 · 0 评论 -
JS案例：支持PC端和Mobile端的Canvas电子签名功能
前言：这段时间项目迭代时遇到了一个新需求，基于react实现一个Pc版电子签名功能，并生成图片上传。于是我想到了signature_pad，并且在项目使用了这个插件不得不说，用别人造的轮子是真的香，出于好奇，想用原生实现一下电子签名的功能以下是实现过程HTML和css可以参照源码，这里不过多介绍首先引入eventBus，方便代码解耦然后实现Base基类存放公共方法和属性，后续有啥共用属性或方法可以往这加//基类：公共方法和属性import event from './eventBus.js'原创 2022-03-11 14:08:27 · 384 阅读 · 0 评论 -
html+css基础，小学生看完都学会了
html+css基础html 的介绍html 的基本结构vscode 的基本使用初始常用的 html 标签资源路径列表标签表格标签表单标签表单提交css的介绍css的引入方式css选择器css属性css元素溢出css显示特性盒子模型html 的介绍html 的介绍学习目标能够知道html的作用网页效果图html的定义HTML 的全称为：HyperText Mark-up Language, 指的是超文本标记语言。 标记：就是标签, <标签名称&原创 2022-03-11 12:46:39 · 155 阅读 · 0 评论 -
Cannot read property ‘version‘ of undefined TypeError Cannot read property ‘version‘ of undefined
在VUE项目中遇到以下报错:Cannot read property ‘version’ of undefinedTypeError: Cannot read property ‘version’ of undefined at module.exports (/redball_download/node_modules/@vue/cli-plugin-eslint/index.js:20:27)如图：这个错误是代码检测工具eslint的报错 上面错误大致原因为我删除了在package.json中e原创 2022-03-11 11:25:13 · 2737 阅读 · 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-10 12:21:32 · 910 阅读 · 0 评论 -
手把手教你10分钟做一个音乐播放器
一.话不多，先看效果：视频B站效果演示地址~（大佬勿入，大佬勿入，大佬勿入）这是个单页面音乐播放器，只用到了 html+css 与很基础的vue语法，所以适合初学者，看一看10分钟就会了~这个思路是借鉴黑马的~二.详细制作步骤（完整代码在最后）：1.第一步当然是定义标签，对于每一个标签的作用注释都写得清清楚楚啦~：<!-- 最底层的盒子 --><div class="container" id="container"> <!-- 头部区域盒子 --&g转载 2022-03-10 10:56:51 · 1114 阅读 · 0 评论 -
前端面试题---2022
*集大成之面试题，我们不做面试题的创作者，只做面试题的搬运工（侵必删）〇 理论一个完整的URL 解析过程1 用户输入 URL 地址。2 对 URL 地址进行 DNS 域名解获得IP地址。3 建立 TCP 连接（三次握手）。4 浏览器向 web 服务器发送一个 HTTP 请求报文。5 服务器返回 HTTP 响应报文给客户端。6 关闭 TCP 连接（四次挥手）。7 浏览器解析文档资源并渲染页面。解析过程：浏览器解析的资源（html，svg,Xhtml等），解析完成后都会生成一个完整的DOM原创 2022-03-09 14:37:54 · 477 阅读 · 0 评论 -
一步步打造最新前端框架组合 —— vite+vue3+pinia+vue-router@4+setup+ts
本文将会结合自己搭建经验一步一步展开，记录最新vue前端框架如何搭建。1、安装vite全局安装npm init vite@latest2、使用vite创建vue3工程npm init @vitejs/app 第一步：工程文件名第二步：选择框架第三步：选择vue-ts组合第四步：进入项目文件夹，安装依赖即可3、配置eslint、prettier、编辑器首先安装相关依赖，如下：npm i prettier eslint eslint-config-prettier eslint-原创 2022-03-09 13:17:29 · 1205 阅读 · 0 评论 -
Web前端就业薪资是多少？Web前端要学什么？
Web前端开发作为实现前台页面展示的主要技术手段，已经越来越被大众所熟知，很多人也因此对Web前端产生了兴趣，萌生了想要学习Web前端的想法。那，Web前端就业薪资是多少？Web前端要学什么？今天，小千带大家了解一下。1、Web前端就业薪资是多少？根据人力资源部网上统计的相关数据了解，一线城市初级Web前端开发工程师这一职位的月平均收入为1.5万左右。随着工作经验的增长，有3年工作经验的Web前端工程师月平均收入水平能达到3万，一些工作5年以上的工程师能成为互联网公司的技术总监或者是产品经理，年薪肯定也原创 2022-03-09 11:57:08 · 314 阅读 · 0 评论 -
vue3项目使用Element Plus icon库：统一导入、全局注册组件
尝试使用Element Plus提供的icon，记录一下在安装和使用中遇到的问题前排注意，从1.2.0-beta.1版本开始不再包含Font Icon下载npm install @element-plus/icons-vue如果下载较慢可以使用淘宝镜像npm install @element-plus/icons-vue --registry https://registry.npm.taobao.org注册组件下载完成后，需要注册组件，才可以使用可以全局注册，也可以在要用到的组件里单独原创 2022-03-09 10:33:13 · 782 阅读 · 0 评论 -
Vue-Element-Admin的项目集成自己的接口，登录跳转
1、先看一下请求配置文件，看axios.create这个方法，baseURL是基础路由baseURL:process.env.VUE_APP_BASE_API,路径：src-utils-request.js2、然后再看service.interceptors.request.use，设置token请求头，我后端集成的是jwt，所以请求头是Authentication，如图config.headers['Authentication'] = getToken()3.设置自己的状态码，看ser原创 2022-03-09 08:58:25 · 426 阅读 · 0 评论 -
Uncaught TypeError Cannot read properties of undefined (reading ‘style‘)解决办法
1、下面为出现问题的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2022-03-08 14:18:07 · 2820 阅读 · 0 评论 -
OpenCV-Python实战（20）——OpenCV计算机视觉项目在Web端的部署
OpenCV-Python实战（20）——OpenCV计算机视觉项目在Web端的部署0. 前言1. Python Web 框架简介2. Flask 安装与使用2.1 Flask 安装2.2 Flask 框架 Hello World 使用示例2.3 扩展 Hello World 应用程序以在网络中其他计算机访问2.4 扩展 Hello World 应用程序以绑定其它 URL3. 使用 OpenCV 和 Flask 构建 Web 计算机视觉应用程序3.1 Web 计算机视觉应转载 2022-03-08 12:57:44 · 572 阅读 · 0 评论 -
HTML笔记4
大一小何，还在学习当中，欢迎交流指正~要开学了，整理一下最近的笔记目录?内联框架音视频css 简介css语法?选择器常用选择器?复合选择器关系选择器属性选择器伪类选择器?元素的伪类?伪元素选择器结语内联框架内联框架：用于向当前页面中引入一个其他页面src指定要引入的网页路径frameborder指定内联框架的边框<!DOCTYPE html><html lang="en"><head> <meta c.原创 2022-03-08 10:17:10 · 99 阅读 · 0 评论 -
Echarts中的 emphasis
官网上对 emphasis 的解释就是：高亮的图形样式和标签样式。是不是有点懵，没有懂具体什么意思了解 emphasis在 Echarts 中 ，尤其是在做到堆叠柱状图的时候 ，由于很多的信息容易看混 ，可以用上 series 里的 emphasis 去淡化周围的，显示自己想看的那一项具体的信息。还是很抽象 ？举个例子在自拍的时候拍出来的一张照片里元素太多了 ，可我原本单纯是想自拍拍出自己的脸，可入镜的有后面的花草树木，走过的路人，行驶过去的车辆等等等等。这时候手机相册里有个编辑功能叫**虚化原创 2022-03-08 08:57:03 · 2714 阅读 · 0 评论 -
还在烦恼没有项目？手把手带你从 0 开始用 React 重写学成在线 II
还在烦恼没有项目？手把手带你从 0 开始用 React 重写学成在线 II还在烦恼没有项目？手把手带你从 0 开始用 React 重写学成在线 II前情回顾补充 Header 中的细节继续实现首页的逻辑首页的 banner背景轮播图轮播图上方的课程模块专业方向列表我的课程整合精品推荐源码总结还在烦恼没有项目？手把手带你从 0 开始用 React 重写学成在线 II看完这篇教程，你应该就能掌握了以下知识点：知道 react-router-原创 2022-03-07 10:22:58 · 74 阅读 · 0 评论 -
狂神说JavaWeb笔记（超级详细）
这里写目录标题笔记浏览狂神说Javaweb视频地址资源下载笔记浏览图文并茂非常详细，后面我会把前端html和CSS部分的笔记做好上传上去狂神说Javaweb视频地址链接: 24小时狂神说Javaweb速成这是b站视频，主要讲的是后端，前端我看的是黑马的前端开开发教程，笔记还没做好，做好后我会上传到CSDN资源下载链接: 笔记资源下载链接链接: typora笔记工具下载下拉选中windows...原创 2022-03-07 08:59:31 · 383 阅读 · 1 评论 -
尚品汇项目笔记
尚品汇项目笔记前端Vue核心1、vue文件目录分析2、项目配置3、组件页面样式4、清除vue页面默认的样式5、pages文件夹6、footer组件显示与隐藏7、路由传参8、多次执行相同的push问题9、定义全局组件10、代码改变时实现页面自动刷新11、Home首页其它组件12、封装axios13、前端通过代理解决跨域问题14、请求接口统一封装15、nprogress进度条插件16、手动引入vuex17、async await使用18、vuex（*****）19、lo原创 2022-03-06 05:28:25 · 586 阅读 · 0 评论 -
关于vue使用Element Plus框架的时候，使用Menu菜单的时候，遇到了一些问题，解决了
主要是在我创建的 add.vue 的页面中点击按钮跳转的时候，成功切换到另外一个路由，但是菜单下的状态条不会因此改变，所以有了下面的解决方法.这个是错误的,点击按钮切换了，但是状态没有切换解决方法在定义菜单的页面中使用这是页面内容<el-menu mode="horizontal" class="el-menu-demo" :default-active="ZhuagnTai"><el-menu-item index="1">原创 2022-03-06 04:07:36 · 1968 阅读 · 0 评论 -
【JSP入门】只知道HTML却不知道JSP？
前言今天我们继续来总结学习JSP相关知识，上一篇我们学习了Servlet的基础入门，如果你还对Servlet那么建议你先去看一下上篇博客再回来。传送门：【Servlet入门】一篇文章让你从没听过到了熟于心在之前我们已经学习了HTML，CSS，JS，XML，Servlet了，那么JSP又是什么呢？为什么要学这个JSP呢？目录前言JSP概述JSP特征JSP的动态生成JSP的执行过程JSP的基本语法JSP代码块JSP声明构造块JSP输出指令JSP中注释的区别语法练习转载 2022-03-06 02:45:42 · 179 阅读 · 0 评论 -
vue常用指令实现一个学生录入系统
一、功能描述：1，对于输入的内容进行简单的判断。2，实现简单的增加和删除功能。二、运行情况图1 页面初始化情况点击"添加新用户"如下：图2： 添加一个新用户图3：删除Anna和张三两个用户全部代码如下所示：（直接复制到一个.html文件即可成功运行）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-原创 2022-03-06 01:24:53 · 317 阅读 · 0 评论 -
vue3 Failed to resolve component router-view
Failed to resolve component: router-viewIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElementvue3解析component: router-view失败解决：//app.use(router) 需放在app.mount(’#app’)前面 不然加载时router-view、原创 2022-03-06 00:03:25 · 1359 阅读 · 0 评论 -
Vue warn] Component is missing template or render function
解决方式：检查script代码是否正确示例1<script setup></script>示例 2<script>export default { setup () { return {} }}</script>原创 2022-03-03 23:20:38 · 740 阅读 · 0 评论 -
Proxy error Could not proxy request错误解决
vue项目错误原因：跨域解决：package.json文件中的scripts调试添加"start": "node index.js", "server": "nodemon index.js --ignore client"原创 2022-03-03 16:42:00 · 1312 阅读 · 0 评论 -
Maven 编译：Please refer to dump files (if any exist) [date].dump, [date]-jvmRun[N].dump and [date]
Please refer to dump files (if any exist) [date].dump, [date]-jvmRun[N].dump and [date].dumpstream.使用maven进行打包 install package时报错点个赞？解决一：临时手动操作maven的编译打包检查：关闭点一下就可以了，忽略检查测试文件解决二：pom.xml配置<build> <plugins> <plug原创 2022-03-03 15:37:33 · 401 阅读 · 0 评论 -
HTML5七夕情人节表白网页 一场浪漫烟花表白 HTML+CSS+JavaScript
HTML5七夕情人节表白网页 一场浪漫烟花表白 HTML+CSS+JavaScript这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。??文章末尾-已经附上源码下载地址??作者主页-更多源码??七夕情人节专栏文章作品介绍1.网页作品简介 ：基于 HTML+CSS+JavaScript 制作七夕情人节表白网页, 生日祝福, 七夕告白, 求婚, 浪漫爱情3D相册,炫酷代码原创 2022-03-03 14:32:57 · 1202 阅读 · 0 评论 -
Docsify个人网站搭建详细教程
目录一、什么是 docsify二、安装 docsify三、多页文档设置四、定制化配置4.1、侧边栏4.2、导航栏4.3、封面4.4、主题五、部署5.1、部署到Gitee5.2、部署到云服务器一、什么是 docsifydocsify是一个有魔法的文档网站生成器，它能够动态生成您的文档网站。与GitBook、Hexo不同，它不生成静态html文件，而是智能地加载和解析您的md文件，并将其显示为网站。要开始使用它，只需创建一个index.html并将其部署在Git原创 2022-03-03 13:28:38 · 4605 阅读 · 1 评论 -
购物车案例--过滤器
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume原创 2022-03-02 13:15:42 · 68 阅读 · 0 评论 -
解决 JavaScript heap out of memory 报错
当我们在 丐版 云服务器中执行 node 命令的时候，如果服务器的内存比较小，介于 JavaScript 的语言特性，只能使用部分内存来进行操作，命令执行可能会报错：transforming (648) node_modules/axios/lib/axios.js<--- Last few GCs --->[158365:0x4c20f70] 27361 ms: Scavenge 473.4 (476.6) -> 472.8 (476.6) MB, 66.4 / 0.0 m原创 2022-03-02 04:19:06 · 652 阅读 · 0 评论 -
前端Promise总结笔记
目录一.什么是Promise：二.为啥使用Promise：三. promise初体验：四：promise体验ajax请求：五：Promise封装ajax请求：六：promise的状态改变：七：Promise基本流程图：八：Promise的API 使用：1. Promise 的构造函数：Promise（executor）{}2. Promise.prototype.then 方法: (onResolved, onRejected)=> {}3.Promise.转载 2022-03-02 02:11:58 · 101 阅读 · 0 评论 -
【SpringMVC】文件上传
实现文件上传的思路：创建form表单，enctype=“multipart/form-data（二进制）”，method=“post”，type=“file”。开发控制器controller，控制器方法中的参数用：MultipartFile，进行文件的接收。在SpringMVC配置文件中加入文件上传的解析器配置：CommonsMultipartReslover，id要严格写死：multipartReslover。引入文件上传的相关依赖：commons-fileupload具体代码：.原创 2022-03-02 01:08:22 · 109 阅读 · 0 评论 -
VUE3中h()函数和createVNode()函数的使用
使用方法：h(标签, {属性},内容)h(标签, {属性},[可以继续嵌套h()])createVNode(标签, {属性},内容)createVNode(标签, {属性},[可以继续嵌套createVNode()])其实h()函数和createVNode()函数都是创建dom节点，他们的作用是一样的，但是在VUE3中createVNode()函数的功能比h()函数要多且做了性能优化，渲染节点的速度也更快。import { createApp } from "vue";//import App原创 2022-03-02 00:04:51 · 1622 阅读 · 0 评论 -
uni-app实战项目，跟着做完你就可以独立作战了（四）
标签页实现新建home-label页面pages.json中设置我们在tab中设置点击事件跳转到标签管理页页面布局效果：实现：我们去数据库动态获取标签在这个云函数中做一个改造通过变量来判断是显示编辑还是完成，是否显示true为完成、false为编辑，不显示页面显示效果我们先获取数据循环显示到页面中事件处理添加两个单击事件（此时还没有连接数据库哦）点击推荐内容就放到我的里面点击我的里面的放到推荐中并且自己的删除掉这个方法也可以哦加入连原创 2022-03-01 20:23:00 · 125 阅读 · 0 评论