前端
文章平均质量分 56
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3+vite配置全局scss
首先下载scss,sass-loader,sassnpm install --save-dev sass-loadernpm install --save-dev node-sassnpm install --save-dev sass打开vite.config.ts,添加下边代码,并重启服务module.exports = { cssPreprocessOptions: { scss: { additionalData: '@import "./src/assets/原创 2022-03-11 20:56:59 · 1708 阅读 · 0 评论 -
vite 配置打包之后去掉console 和 debugger
import { defineConfig } from 'vite'import { resolve } from 'path'import vue from '@vitejs/plugin-vue'import { viteMockServe } from 'vite-plugin-mock'import viteSvgIcons from 'vite-plugin-svg-icons'// https://vitejs.dev/config/export default defineC.原创 2022-03-11 19:33:16 · 1398 阅读 · 0 评论 -
JS逆向-Protobuf逆向解析
目录一、python快的解析Protobuf方式二、什么是Protobuf三、Protobuf环境配置四、Protobuf实例序列化与反序列化五、逆向解析 Protobuf案例1、python序列化2、python反序列化一、python快的解析Protobuf方式注意:目录二、三、四、五可以作为了解,实际上目录一就可以解决了,比后面的解决方式更便捷,后面介绍的解决方式的前提是还原.proto文件。如果解决不了的话,再看二、三、四、五也可1、问题案例原创 2022-03-11 14:10:04 · 841 阅读 · 0 评论 -
HTML+CSS实现淘宝首页
一、HTML+CSS实现淘宝首页仿写淘宝页面,趁着元旦假期终于把这个淘宝页面给做好了,原创不易,欢迎大家点赞和评论二、效果图如下:三、部分源代码如下:(如需要全部代码 关注我或者私信我评论区留言我发你们邮箱,原创不易,记得点赞和收藏哦)。HTML部分源代码如下:<!DOCTYPE html><html><head> <title>淘宝网-淘!我喜欢</title> <meta charset="utf-8"> &l原创 2022-03-11 12:48:17 · 3228 阅读 · 15 评论 -
Chrome 浏览器安装Vue Devtools调试工具 (详细教程)
Chrome 浏览器安装Vue Devtools调试工具1. 首先下载Vue Devtools调试工具2. 复制网址,在浏览器打开按照图示操作3. 下载成功后解压即可,如下图所示4. 解压后打开cmd命令切换到G:Vue Devtools工具ue-devtools-5.1.1路径下(你们安装的路径自己切换)5. 切换命令成功后使用淘宝命令cnpm install下载(尽量用淘宝镜像下载快速些),下载成功如下图所示6. 然后在cnpm run build 如下图所示7. 然后在打开shell原创 2022-03-11 11:26:50 · 810 阅读 · 0 评论 -
解决 “TypeError Cannot read properties of undefined (reading ‘xxx‘)“
//这个报错 我的问题是 要用到的数据读不到这个属性(我用的vue)//1.检查你的data定义的属性是不是没有你用到的这个属性,没有的话就定义一个,如下:#template<div class="he-info__item"> <span class="he-label">收货人姓名:</span> <span class="he-value">{{ detail.buyer.name }}</span></div&原创 2022-03-10 12:23:08 · 9613 阅读 · 0 评论 -
手把手教你vue3引入vue-router路由
首先我们建一个文件夹 叫vue项目目录然后用编辑器打开这个文件夹 在终端输入 : vue create catin创建一个vue项目然后我们用编辑器打开新生成的目录 vue项目目录下的catin在终端中输入 : vue add vue-next 将vue2升级成vue3项目在终端中输入 : npm install vue-router@4 引入路由插件注意后面的@4很重要 这是在声明安装的版本 当然 以后可能会有5 6等等 版本自然是越高越好 但我们这个功能 4就可以了然后在src目录下建原创 2022-03-10 10:58:28 · 2837 阅读 · 0 评论 -
Web前端开发工程师知识体系_22_JavaScript core(三)
一、面向对象1.继承只要将方法定义放在构造函数中,那么每次new时都会执行function,这样就会反复创建相同函数的多个副本,导致浪费内存。如果将来发现多个子对象都要使用相同的功能和属性值时,都可以用继承来解决。父对象中的成员,子对象无需重复创建就可直接使用,就像使用自己的成员一样,这就是继承。js中的继承都是通过原型对象实现的,原型对象就是替所有子对象集中保存共有属性值和方法的特殊父对象。当多个子对象需要使用相同的功能和属性值时,都可将相同的功能和属性值集中定义在原型对象中。原型对象: 不用自己转载 2022-03-09 11:58:44 · 57 阅读 · 0 评论 -
Vue3:使用 Vue.use() 报错 “ Cannot read property ‘use‘ of undefined ”
问题: 在学习Vue 3的时候,发现以下代码报错,错误信息为:Cannot read property 'use' of undefinedimport Vue from 'vue'import router from './router'Vue.use(router)原因:Vue.use()是Vue 2安装插件的方式在Vue 3中,import Vue from 'vue'并不能导出”vue“这个包Vue 3使用createApp(App) 返回应用实例正解:import { cre原创 2022-03-09 10:34:49 · 2934 阅读 · 0 评论 -
vue-roter 4报错: Error Invalid route componentUncaught (in promise) Error Invalid route component解决
目录代码参考:代码main.js:import { createApp } from 'vue'import App from './App.vue'import router from './router'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import {store} from './store'//请求方法的封装import {postRequest} from原创 2022-03-09 09:00:00 · 748 阅读 · 0 评论 -
Unexpected reserved word ‘await‘
报错:Unexpected reserved word ‘await’ async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() =>原创 2022-03-08 14:19:42 · 1481 阅读 · 1 评论 -
org.springframework.context.ApplicationContextException Unable to start web server报错(已解决)
org.springframework.context.ApplicationContextException: Unable to start web server报错(已解决)在写springcloud的时候遇到了一些问题,比如报了上面的错误,一开始不知道怎么回事,上网找,发现是springcloud和springboot版本不匹配原来的代码: <!-- springCloud依赖 --> <dependency>原创 2022-03-08 12:59:19 · 3914 阅读 · 0 评论 -
layui官方文档镜像,layui主页,layui镜像网站,layui资源下载,技术文档
点击跳转:layui镜像网站须知:本人只提供layui镜像网站的共享,网站源自layui官方gitee贤心的评论区,本人不对镜像网站的内容负责!!这个网页鬼知道谁做的,反正到目前为止,他还是layui镜像的网站,里面有完整的技术文档,但是就怕它今后的网站内容会更改,万一更改了,变成不好的内容,那就完蛋了资源收集不易,望君珍惜...原创 2022-03-08 11:39:07 · 183 阅读 · 0 评论 -
HTML表格(HTML 表格的使用,收藏这一篇就够了)
HTML 表格文章目录HTML 表格1. 表格的定义2. 表格的标签3. 单元格边框(border)4. 合并单元格4.1 合并行单元格(colspan)4.2 合并列单元格(rowspan)5. 表格格式设置5.1 单元格的对齐(align)(居中,左对齐,右对齐)5.2. 背景色&图片(bgcolor & background)5.2.1 单元格背景色&图片5.2.2 表格背景色&图片5.3 单元格的边距(cellpa原创 2022-03-08 10:18:46 · 29567 阅读 · 1 评论 -
ECharts实现数据可视化入门教程(超详细)
ECharts实现数据可视化入门教程(超详细)ECharts介绍ECharts入门教程第一步:下载并引入scharts.js文件第二步:编写代码目录结构编写index.html代码效果展示ECharts的基础配置主要配置(常用的)案例讲解补充示例链接立即执行函数让图表跟随屏幕自适应ECharts介绍官网链接:Apache EChartsECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移原创 2022-03-08 08:58:38 · 306 阅读 · 0 评论 -
这一次,彻底搞懂Promise
一、为什么要引入Promise在介绍本章之前,首先先抛出几个问题:Promise解决了什么问题?Promise有哪些具体的使用场景?Promise解决了什么问题?回调地狱问题在没有Promise之前,前端获取数据往往需要通过回调函数层层嵌套的方式来解决异步问题,例如下面这段代码实例:// 回调地狱实例// 奶茶函数function getTea(fn) { setTimeout(() => { fn('获取到一杯奶茶') },2000)}//原创 2022-03-07 10:24:33 · 107 阅读 · 0 评论 -
用8小时,找到了200张可视化大屏模板,你可以直接用
2020年了,还有人不会可视化大屏?我以前不止一次给各位看过可视化大屏,无论是什么做的,最终的意义都是要让数据展现的更直白、美观、有科技感一点!或许,你以前是用Excel做可视化大屏或者,你以前是用vue.js等前端工具做可视化大屏又或者,你用的是echarts、Python等专业的工具再或者,专业的可视化工具FineReport和FineBI也是你的最爱我想了想,并不是所有人都会代码,而且这东西制作起来也有难度,那如何0代码做出来呢?我花了近8小时,为各位找到了200多张可视化大屏的模板原创 2022-03-07 09:01:07 · 156 阅读 · 0 评论 -
嵌套 v-model 解决 Unexpected mutation of “XXX“ prop `vueno-mutating-props`
嵌套 v-model 解决 Unexpected mutation of “XXX” prop vue/no-mutating-props我们在进行 Vue 开发的时候,经常会遇到一些对可使用 v-model 的组件包装嵌套的需求,但若使用不慎,就会引发 vue/no-mutating-props 的问题。本文将记录一种在 v-model 嵌套时的做法,以避免这个问题。本文使用 Vue 3 语法。1. 问题复现我们以 Naive UI 框架库中的 NDrawer 组件 为例,这个组件可以通过 v原创 2022-03-06 05:30:00 · 3634 阅读 · 4 评论 -
关于起点中文网月票字体解密(附赠翻页获得月票)
最近好久没写代码了,突然想热热手于是就相中了起点中文网(●ˇˇ●)废话不多说,献上代码我们先来分析分析起点中文网的网站https://www.qidian.com/rank/yuepiao/year2022-month01/正常操作我们进入网站之后,按f12,点击network ,如下图我们需要找到我们要爬取的内容,今天我们就爬取标题和月票数吧**找到箭头所指的网址点进去查看它的预览(Preview)查找了之后发现,没有我们要找的数据,我们再看是否在Response中,用CTRL+f来搜索星原创 2022-03-06 04:09:13 · 582 阅读 · 0 评论 -
【Servlet】HTTP协议
目录?什么是协议?请求的HTTP协议格式GET请求图示:POST请求?常用请求头说明GET和POST请求的有哪些GET请求:POST请求:响应的HTTP协议格式常见的响应吗说明MIME类型说明?HttpServletRequest类HttpServletRequest类的常用方法方法演示:运行之后:Servlet获取web表单中的参数get请求:post请求:什么是协议?协议是指双方,或多方,相互约定好,大家都需要遵守的规则,叫做协议而http协议就是说,客户转载 2022-03-06 02:47:19 · 65 阅读 · 0 评论 -
vue引入element-plus报错 Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src
查看官网文档得知css的引入路径改了import 'element-plus/lib/theme-chalk/index.css'改成了以下路径import 'element-plus/dist/index.css'原创 2022-03-06 01:26:30 · 2351 阅读 · 5 评论 -
vue3 script-setup 语法糖 父子组件通信 使用defineEmit,defineProps,defineExpose (useContext 弃用)
官方地址https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md#closed-by-default新的写法相比之下写法变得更加简化,下面具体看是否真香子组件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210623152824701.png组件传值父组件下面上源码//子组件<template> <div>原创 2022-03-06 00:05:03 · 326 阅读 · 0 评论 -
vue 启项目报错Error EPERM operation not permitted, unlink
使用npm install安装依赖之后,有时候存在网络或其他问题安装不上个别依赖,其项目失败,报错当启项目时报错:Error: EPERM: operation not permitted, unlink此问题困扰好久,刚开始以为和其他人遇到的问题相似是因为管理员权限问题导致的,后来按照网络方法一顿使用发现不是权限问题,后来发现了问题不是权限问题,是因为一次安装失败之后,再次安装的时候直接npm install或者cnpm install,因为没有清除缓存导致的这个问题,此时应该清楚缓存在进行安装,首原创 2022-03-03 23:22:16 · 2801 阅读 · 0 评论 -
python——正则表达式(re模块)详解
在Python中需要通过正则表达式对字符串进匹配的时候,可以使个python自带的模块,名字为re。正则表达式的大致匹配过程是:1.依次拿出表达式和文本中的字符比较,2.如果每一个字符都能匹配,则匹配成功;一旦有匹配不成功的字符则匹配失败。3.如果表达式中有量词或边界,这个过程会稍微有一些不同。r:在带有 'r' 前缀的字符串字面值中,反斜杠不必做任何特殊处理。 因此 r" " 表示包含 '' 和 'n' 两个字符的字符串,而 " " 则表示只包含一个换行符的字符串。re模块的使用:import原创 2022-03-03 16:43:39 · 219 阅读 · 0 评论 -
Microsoft Edge浏览器主页被篡改的解决办法(Microsoft Edge浏览器每次打开都是同一个页面)
Microsoft Edge每次打开都是同一个页面,在设置--处修改也没用,这种情况一般是Microsoft Edge浏览器主页被篡改,解决办法如下:1.桌面右键单击Microsoft Edge,选择属性,然后选择快捷方式,把目标后打开Microsoft Edge后每次出现的页面的网址删除,把这个网址删除并保存即可。2.如果出现“无法将所做的改动保存到’Microsoft Edge.Ink’。”,点击属性里的常规,把只读取消勾选,保存,重复1操作即可。修改成功后再把只读勾选并保存。...原创 2022-03-03 15:39:08 · 19801 阅读 · 3 评论 -
HTML5期末大作业:网站——餐饮网页设计(HTML+CSS+JS)
HTML5期末大作业:网站——餐饮网页设计(HTML+CSS+JS)临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。作品介绍1.网页作品简介方面 :卡通创意,响应式布局网站源码!兼容pc以及移动端,内涵js交互,ui交互,包原创 2022-03-03 14:34:34 · 1102 阅读 · 2 评论 -
EasyExcel 设置单元格格式为 文本
文章目录1.全局设置标题和内容字体格式2.个性化设置某一列格式3.无内容时 (预制模板,流形式写会)1.全局设置标题和内容字体格式通过WriteCellStyle 的dataFormat属性和BuiltinFormats指定字体格式这种单元格有内容时字体才会生效,无内容时还是"常规"格式 private static WriteHandler templateWriteHandler; static { //表头样式 WriteCellStyl原创 2022-03-03 13:30:14 · 2337 阅读 · 0 评论 -
超级实用的vue小技巧,用了之后直呼好棒~
实用的vue小技巧,来源于真实企业实战 —— 记得收藏~1. 原型注入2. 对象冻结3.img 加载失败4. 递归组件5. 解决繁乱的template —— render函数6. 延迟更新 —— Vue.nextTick()7. 自定义指令1. 原型注入全局属性和方法可以这么定义方便调用和获取一般不定义很多(会污染原型,每次实例Vue都会带上)// main.js入口文件内import Vue from “vue”;import router from原创 2022-03-02 13:17:18 · 246 阅读 · 0 评论 -
解决 TS2614 Module “.vue“ has no exported member(Vue3+TypeScript)
解决 TS2614: Module “*.vue” has no exported member(Vue3+TypeScript)问题解决问题最近使用TS+Vue3.2写项目时碰到个问题:Vue组件中定义了一个接口并导出,在另一个TS文件中import这个接口,报TS2614的错误。在其他Vue组件中导入则不会报错。<script setup lang="ts">//vue组件中的接口定义export interface IProps { description: s原创 2022-03-02 04:20:40 · 3796 阅读 · 0 评论 -
手把手教你10分钟做一个音乐播放器
一.话不多,先看效果:视频B站效果演示地址~(大佬勿入,大佬勿入,大佬勿入)这是个单页面音乐播放器,只用到了 html+css 与很基础的vue语法,所以适合初学者,看一看10分钟就会了~这个思路是借鉴黑马的~二.详细制作步骤(完整代码在最后):1.第一步当然是定义标签,对于每一个标签的作用注释都写得清清楚楚啦~:<!-- 最底层的盒子 --><div class="container" id="container"> <!-- 头部区域盒子 --&g转载 2022-03-02 03:17:07 · 718 阅读 · 3 评论 -
前端人生的最大危机不是 35 岁,是你工作3年的那道坎儿
前言李笑来常说:“7 年就是一辈子。”寓意人自身的“操作系统”可用 7 年时间完成一次“升级”,形成翻天覆地般的变化。但对于前端程序员来说,7 年太长,往往 3 年就是一个坎儿。打开 BOSS 直聘、猎聘等众多求职软件,你会发现 1-3 年经验的程序员是一个特殊的群体。乍一看,他们起薪尚可,能力要求也以基础为主,挑战并不严峻,甚至有点悠闲。但进入 3-5 年、5-10 年经验程序员的招聘帖子,压力会骤然增大:与岗位职责相关的动词由“参与”变作“承载”,由“提升”变成“保证”;在能力要求上,“熟练掌原创 2022-03-02 02:13:32 · 308 阅读 · 0 评论 -
【vite】配置vite打包入口
项目目录vite的配置都在根目录下面的vite.config.ts里面,在没有对其进行打包配置时,默认的打包的入口就是根目录的【index.html】。这时候我们直接运行 npm run build就会打包相应的文件:(ps:为什么默认是.html文件那?因为vue是单页面应用也就是最后打包的html只有一个。vite也提供多入口,但我不再本文继续描述了)但是如果我们的目录结构改变了 ,比如:在此时打包就会报错:Could not resolve entry module (index.ht原创 2022-03-02 01:09:57 · 5596 阅读 · 1 评论 -
Vue3中vuex的基本使用
一、基本结构src/store/index.js中,代码如下// vue3中创建store实例对象的方法createStore()按需引入import { createStore } from 'vuex'export default createStore({ state: { }, mutations: { }, actions: { }, getters: { }, modules: { }})二、基本使用src/store/index.js原创 2022-03-02 00:06:25 · 348 阅读 · 0 评论 -
uni-app运行到微信小程序报错[ pagesindexindex.json 文件内容错误] pagesindexindex.json [“usingComponents“][“u-nav
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到这是由于引用了第三方UI库,比如uview,pages.json配置easycom规则(按需引入),使用了npm安装方式,但微信开发者工具没有构建npm,可以改下下载方式// pages.json{ "easycom": { // 下载安装的方式需要前面的"@/"原创 2022-03-01 21:15:36 · 4240 阅读 · 0 评论 -
uni-app点击按钮显示 loading 提示框-uni.showLoading(OBJECT)
uni.showLoading(OBJECT)显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。参考文档https://uniapp.dcloud.io/api/ui/prompt?id=showmodal一些参数说明:test.vue例子<template> <button @click.stop="isLeave()">点击按钮</button></template><script&g原创 2022-03-01 20:24:37 · 1531 阅读 · 0 评论