![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 61
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3 状态管理之 Pinia 的使用
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vd57lnAa-1647002874040)(https://pinia.vuejs.org/logo.svg#pic_center)]Vue3 新的发展方向(来源于尤大知乎)Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本基于 Vite 的极速构建工具链<script setup> 带来的开发体验更丝滑的组合式 API 语法Volar 提供的单文件组件 TypeScript原创 2022-03-11 20:48:04 · 1166 阅读 · 0 评论 -
uView(Tabbar 底部导航栏)
(一)第一种方式1,每个菜单页面都要“首页” “发布” “我的” 每个页面都要<template> <view> 首页 <u-tabbar :list="tabBar" @change="changeEvent()" bg-color="rgb(51, 61, 73)" active-color="rgba(8,141,246, 1)" inactive-color="#fff"> </u-tabbar> <原创 2022-03-11 19:24:32 · 682 阅读 · 0 评论 -
Postman与ApiPost比较区别
区别PostmanapiPost简介Postman是Google开发的一款接口测试工具,提供功能强大的 Web API & HTTP 请求调试。它能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT…),附带任何数量的参数+ headers支持不同的认证机制(basic, digest, OAuth),接收到的响应语法高亮(HTML,JSON或XML)。Postman 能够保留了历史的请求,这样我们就可以很容易地重新发送请求,有一个“集合”功能,用于存储所有请求相同的原创 2022-03-11 15:23:59 · 6834 阅读 · 0 评论 -
js中动态获取页面的script地址,并动态给他添加script标签和地址,解决页面白屏问题
前言:(业务逻辑)在vue中,遇到这样的情况,初始化加载太多js,导致页面白屏,为了解决这个情况,决定使用具体组件具体加载相应的cdn地址。为啥不用vue的按需加载呢,是因为我们项目对性能要求很高,但是按需加载后,引入的插件包,打包以后的大小比cdn要大太多了,整体来说是使用他是得不偿失,但是一次性加载太多cdn又会导致白屏,所以在这里我使用的方法:具体某个页面使用第三方插件,就在使用的页面js动态加载scirpt,并给他上标签具体操作:1、面临第一个问题,要先获取到当前页面所用到的所有引入 的 2原创 2022-03-11 14:01:25 · 820 阅读 · 0 评论 -
H5画布 canvas 入门到精通 _ 第三部分(canvas 库 Konva.js 的使用)
目录一、Konva 基本概念二、Konva 的使用1. 引入 Konva2. Konva 基本绘制步骤三、Konva 动画1. tween 对象2. 动画 to 方法的使用3. 循环播放动画四、案例:使用 Konva 绘制进度条一、Konva 基本概念Konva.js,全称适用于桌面/移动端应用的 HTML5 2d canvas 库,是一个HTML5 Canvas JavaScript 框架,它提供了高性能的动画,补间,节点嵌套,布局,滤镜,缓存,事件绑定(桌面/移动端)等等功能。你转载 2022-03-11 12:39:36 · 250 阅读 · 0 评论 -
bug:The following dependencies are imported but could not be resolved lib-flexibleflexible
ivyone@ivyonedeMacBook-Pro daily-cost % npm run dev> vite-project@0.0.0 dev /Users/ivyone/hami94/daily-cost> vite > src/router/index.js:3:17: error: Could not resolve "../views/Data.vue" 3 │ import Data from "../views/Data.vue"; ?原创 2022-03-11 11:18:13 · 11184 阅读 · 0 评论 -
(毕设1)爬虫+mysql+flask+echarts实现网站数据可视化(附源码)
目录1. 项目要求与内容?2.数据爬取2.1分析url,网页源码2.2编写代码2.3 数据清洗3.数据存储3.1?mysql中需要建立的6张表3.2 建表语句3.3将2中清洗后的数据通过navicat导入4.flask web网站的搭建4.1 使用pycharm建一个flask项目4.2 后端4.3 前端4.4项目框架5.项目展示6.源码?点击1. 项目要求与内容利用python爬取数据并进行清洗和预处理,将清洗后的数据存到mysql数据库中,后端利用flask框架,用原创 2022-03-10 13:35:19 · 3006 阅读 · 1 评论 -
若依框架接入前端 报错401 请求访问:error,认证失败,无法访问系统资源,有可能是这个原因
自定义的api、按照官方的配置跨域一、三种方式配置跨域-官方代码1、单个控制器方法CORS注解@RestController@RequestMapping("/system/test")public class TestController { @CrossOrigin @GetMapping("/{id}") public AjaxResult getUser(@PathVariable Integer userId) { // ... } @D原创 2022-03-10 12:14:31 · 10672 阅读 · 0 评论 -
怎么让 echarts 图表动起来?定时器解决它 —— 大屏展示案例(动态仪表盘、动态柱状图)
该案例为了实现效果采用的是随机生成数据,比较适用于偏向展示效果的静态页面如门户网站的首页、登录页等等。颜色样式自调。需要注意在有些项目中仪表盘可能无法正常显示,这是因为你在项目中引入的 echarts 版本太低,需要引入新版本 echarts5。目录一、案例效果二、实现步骤1.创建页面结构?2.创建方法绘制图表并调用3.在option设置图表及其样式三、要点知识总结四、完整代码+详细注释一、案例效果做案例之前正常引入 echarts 图表,echarts 依赖包的下载和安装此处省转载 2022-03-10 10:49:55 · 1046 阅读 · 0 评论 -
Web3.js的基本使用(与以太坊智能合约的交互)
目录标题web3.js介绍web3 模块加载异步回调(callback)回调 Promise 事件(v1.0.0)常用 API —— 基本信息查询查看 web3 版本查看 web3 连接到的节点版本(clientVersion)基本信息查询获取 network id获取节点的以太坊协议版本网络状态查询是否有节点连接/监听,返回true/false查看当前连接的 peer 节点Provider查看当前设置的 web3 provider查看浏览器原创 2022-03-09 11:50:12 · 793 阅读 · 0 评论 -
vue3报错“ Uncaught TypeError Cannot read property ‘use‘ of undefined”
在跟着视频学习用vue配置路由时,在路由文件中使用Vue.use(router)的语句无法正常启动服务,并且浏览器报错,提示‘use’并未定义;看了一下,如下图,vue中没有use()这个方法经过查找资料后发现,这种加载vue-router的方式是vue2使用的,但我现在用的是vue3(跟着视频创建项目时老师说vue3更新的东西也不会对我们的项目产生什么影响之类的,喜新厌旧的我就直接用了vue3,导致和课程配置不一样了)。因此,我现在需要使用vue3的方式来导入vue-router。首先,在路由文件里原创 2022-03-09 10:26:17 · 1144 阅读 · 0 评论 -
TypeErrorCannot read properties of undefined(reading XXX)
问题描述我们在GetNav方法中使用map遍历数组为每一个元素动态生成一列数据,并为每一列数据加上onClick事件,运行报错updateRoute为undefined问题分析map里面的function声明,这种声明方式因为是独立执行,在严格模式下this指向undefined经过验证,打印出来的this确实为undefined因此修改map里面的name方法为箭头函数即可解决问题return arr.map((item)=>{……})问题总结本文归根结底为this指原创 2022-03-08 14:11:12 · 1264 阅读 · 0 评论 -
npm安装报错(npm ERR code EPERM npm ERR syscall mkdir npm ERR path CProgram Filesnodejsnode_ca...)
使用npm 安装vue的时候突然报错了:npm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path C:Program Filesodejsode_cache_cacachenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir 'C:Program Filesodejsode_cache_cacache'npm ERR! [Operationa原创 2022-03-08 12:50:48 · 2994 阅读 · 0 评论 -
JS轮播图(网易云轮播图)
JS 轮播图写在前面最聪明的人是最不愿浪费时间的人。——但丁实现功能图片自动切换鼠标移入停止自动播放,显示按钮点击按钮,实现前后翻鼠标移入小圆圈,可以跳转到对应图片点击左右两侧图片部分区域可以前后前后翻实现原理把图片叠在一起,左右两边各移出一张图片,其他的图片就叠在中间图片的下方通过改变左中右图片的类名,来实现切换图片的效果假设我要播放下一张图片,就把浅绿色图片的类名给到绿色图片,这样绿色图片就能到浅绿色的位置,同理把绿色图片的类名给黄色,把黄色的类名给下一个实现效原创 2022-03-08 11:30:37 · 444 阅读 · 0 评论 -
html之实现生日快乐的效果(拿来即用)
前端项目之生日快乐先看效果(实际上是动画,我截的屏所以是图片):直接上代码:html部分:注意,我用的外联方式导入的css(在第十行),你可以看自己情况直接在一个页面内容上也是可以的。<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>Happy Birthday!</title><link rel="styleshee原创 2022-03-08 10:10:14 · 2796 阅读 · 1 评论 -
DevTools 无法加载 SourceMap 错误:状态代码 404,netERR_HTTP_RESPONSE_CODE_FAILURE
DevTools 无法加载 SourceMap: 无法加载 http://****/static/rooted/js/jquery.min.map: 的内容HTTP 错误:状态代码 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE原因分析sourceMap,调试代码,从打包后的代码映射到源码,并在前端使用注释声明。对项目的运行没有影响,对患有强迫症的前端er,难受!什么是 Source Map在前端开发过程中,通常我们编写的源代码会经过多重处理(编译、封装、压缩等..原创 2022-03-08 08:50:11 · 3721 阅读 · 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-07 10:15:59 · 140 阅读 · 0 评论 -
浏览器上有趣的Console命令都了解吗?
文章目录序上手操作常用console命令打印信息命令count打印调用的次数time代码性能检测clear控制台清理group输出信息分组table将数据以表格的形式显示trace输出一个堆栈跟踪console输出一些有趣的学习资料序作为用过JavaScript的各位来说,一定都知道使用console.log输出信息吧 (不知道也没关系 )不过对于console,各位都了解全了吗?上手操作按下F12键,就会出现浏览器上控制台了,如下图这里我原创 2022-03-07 08:52:38 · 441 阅读 · 0 评论 -
安装指定的vue-router版本
1、打开终端2、运行此命令npm i vue-router@3.2.03、3.2.0就是版本的意思,可以改成自己指定的版本原创 2022-03-06 05:21:26 · 1462 阅读 · 0 评论 -
关于 vite.config.js 相关配置,拿走不谢
使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下:import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'export default defineConfig({ plugins: [vue()],})当以命令方式运行 vite 时,vite 会自动解析项目根目录下 vite.config.js 的文件。配置不全时,在开发环境下运行都是正常的,但是打包上线的时候就会出原创 2022-03-06 04:00:39 · 1121 阅读 · 0 评论 -
【2022-01-19】JS逆向之拉钩登入(下)
文章仅供参考,禁止用于非法途径文章目录前言一、页面分析二、加解密定位和分析三、测试前言年末实在是太忙了,这篇文章打开了好几次,终于拼凑完了上篇【2022-01-11】JS逆向之拉钩登入(上)讲到了加密用到的aeskey,这篇继续讲一、页面分析这个https://gate.lagou.com/system/agreement 接口是激活aeskey的,然后回返回secretKeyValue,用于后续请求头里的X-SS-REQ-HEADER 和 X-K-HEADER然后这个X-S原创 2022-03-06 02:38:36 · 80 阅读 · 0 评论 -
Vue基于DataV优化样式滚动表格(dv-scroll-board)
效果代码<template> <div> <dv-scroll-board :config="config" style="width: 800px; height: 220px" /> </div></template><script>export default { /** * header = [{value:label}] * data = [{对象}] */ props:原创 2022-03-06 01:17:18 · 2652 阅读 · 0 评论 -
Vue-Proxy error Could not proxy request xxxxxx from localhost9528 to httpipport
问题vue项目启动后登录报如下错误: App running at: - Local: http://localhost:9528/ - Network: http://192.168.100.26:9528/Proxy error: Could not proxy request /model/list from localhost:9528 to http://xxxxx:9090/xxxx.See https://nodejs.org/api/errors.html#erro原创 2022-03-05 23:56:23 · 1777 阅读 · 0 评论 -
vue cli 报错 WARNING in ..node_modulesVuedistvue.runtime.esm.js
vue cli 报错 WARNINGin …/node_modules/Vue/dist/vue.runtime.esm.js解决 : src文件夹 》 main.js中 修改 import Vue from ’ 《~ Vue ~》 ’ 为小写 vue原创 2022-03-03 23:13:39 · 986 阅读 · 0 评论 -
pinia简介和setup语法糖
pinia简介和setup语法糖1.pinia的基本特点pinia同样是一个Vue 状态管理工具,它和vuex有很多相似的地方。本质上他是vuex团队核心成员开发的,在vuex上面提出了一些改进。与vuex相比,pinia去除了vuex中对于同步函数Mutations和异步函数Actions的区分。直接在Actions中便能够使用同步和异步方法(在vuex的开发计划中也将会除去同步和异步的区分)。其次相比于vuex,pinia对于typescript的支持性更好,友好的devTools支持,pinia只原创 2022-03-03 16:35:03 · 735 阅读 · 0 评论 -
HGAME2022 Web wp
文章目录Week1蛛蛛…嘿嘿?我的蛛蛛Tetris plusFujiwara Tofu Shopeasy_authWeek2webpack-enginePokemonAt0m的留言板Week3SecurityCenterVidar shop demoWeek1蛛蛛…嘿嘿我的蛛蛛页面内有很多点我试试的按钮,只有一个是真的,能前往下一关,写个脚本跑一下import requestsfrom lxml import etreestatic_原创 2022-03-03 14:26:03 · 6480 阅读 · 0 评论 -
CSS基础班笔记(一)
web前端剑法之css??web前端剑法之css地址??CSS基础班笔记(一)https://blog.csdn.net/Augenstern_QXL/article/details/115560532??CSS基础班笔记(二)https://blog.csdn.net/Augenstern_QXL/article/details/115560502??CSS基础班笔记(三)https://blog.csdn.net/Augenstern_QXL/article/details/115726原创 2022-03-03 13:21:45 · 110 阅读 · 0 评论 -
解决:Adobe Flash Player已不再受支持
问题:以下是一个需要用到Adobe Flash Player插件来播放视频的网页:http://stat.tjufe.edu.cn/info/1120/1351.htm可是!大部分人打开网页之后见到的画面可能是这样子滴(Chrome浏览器):或者是这样子滴(IE浏览器):也许有些浏览器是支持Flash的,但如果你用自己的浏览器打开也遇到“Adobe Flash Player已不再受支持”或者”不支持此插件“这种情况,可以继续往下看!解决:到Flash Player的官网https://www.fl原创 2022-03-02 13:08:43 · 3228 阅读 · 0 评论 -
腾讯架构师带我写代码 —— vue真实企业实战分享
Vue.js+element ui构造后台管理系统阅读本文你会收获些什么?项目预览项目技术栈概览1. 路由配置2. 登录页配置3. API层配置(接口配置)4. 跨域处理5. 可以愉快的调接口了6. main.js中 你需要的配置7. 配置路由拦截8. 全局方法配置9. 父页面配置(home.vue)10. FAQ:你可能会碰到的问题及解决方案阅读本文你会收获些什么?不玩虚的,真实的企业项目实战技巧,可以直接拿过去用真实的接口调用,实现相关功能优秀的封装技巧(原创 2022-03-02 04:12:19 · 109 阅读 · 0 评论 -
【2022跨年】最浪漫的表白烟花,送给新的一年的自己(源码)
先建立一个images文件夹:放入一张小表情图片:a8.pngjquery.min.js:/*! jQuery v2.0.0 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license//@ sourceMappingURL=jquery.min.map*/(function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.document.原创 2022-03-02 01:01:33 · 40964 阅读 · 0 评论 -
vue3.0中globalProperties的定义以及 globalProperties定义的字段在setup中用法
前言:vue3.0中的全局定义属性值和2.0是不一样的,是使用了globalProperties,而且跟我们2.0中可以用 this.+我们挂载的属性名 的用法相比,我们3.0的使用 方法是不一样的,这里总结下目录:一、2.0main.js中页面上:二、3.0main.js中页面上:1、mounted中 (和2.0中一样)但是3.0中很少使用mounted2、setup (重头戏)(1)使用 ctx ,但是经过测试,打包到dist以后,ctx下面的值是拿不到的,本地可以(2)使用 p原创 2022-03-01 23:58:02 · 515 阅读 · 0 评论