![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 69
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 使用 Element-plus 的 el-pagination 分页组件时无法显示中文
vue3 使用 Element-plus 的 el-pagination 分页组件时无法显示中文问题使用element-puls 的分页组件时,显示的是英文。这是因为Element Plus components 默认使用英文。解决方法官方文档提供两种使用中文的方法:进入文档.使用全局配置项官方文档上的是整体加载element-plus 时使用中文的方法,下面是按需加载的代码// element.jsimport { ElButton, ElForm, ElFormItem原创 2022-03-11 20:44:11 · 1265 阅读 · 0 评论 -
uniapp页面滚动监听
先在前面总结下,下面一共有3种监听滚动的方法。昨天在做uniapp的图片懒加载,从网上找了个插件,导入到HBuilderX后,捣鼓了一晚上,总算是正常跑起来了。今天早上,把代码copy到项目上,结果只有第一屏的图片能展示,滑动后,下面的图片都不显示了!-_-!因为有了昨晚的经验,很快就定位到问题是滚动监听出现了问题。这个插件的图片懒加载一个关键的地方就是用到滚动监听。第一种在普通页面可以用生命周期的“onPageScroll”方法,如下:onPageScroll(e) { // 传入scro原创 2022-03-11 19:20:40 · 878 阅读 · 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-11 15:20:10 · 522 阅读 · 0 评论 -
jq动态拼接html页面及数据
一、jq动态拼接html页面需求:1.页面内容不是死的2.根据后台数据动态加载页面数据实现:在这之前我们需要了解下apppend()与html()这两个方法的区别:简单来说就是append()方法是在元素列表添加某个元素,但是html()是替换元素中的数据。如果需要做换页,导航此类的效果最好使用html()方法详情可参考:append()与html()区别废话不多说直接上代码:1.首先 在需要动态拼接的地方的父级标签可以加上一个id或者class类名 区别倒是不大 个人都是加classNa原创 2022-03-11 13:57:40 · 748 阅读 · 0 评论 -
Grep命令查找多个字符串(grep同时匹配多个关键字或任意关键字)
前言grep 命令支持三种正则表达式语法:Basic、Extended 和 Perl-compatible 。当没有指定正则表达式类型时,grep 命令将搜索模式默认为基本正则表达式。要搜索多个匹配模式,可以使用 OR ( alternation ) 运算符。我们可以用 OR 运算符 |( pipe )指定不同的匹配项,这些匹配项可以是文本字符串,也可以是表达式集。值得注意的是,在所有正则表达式运算符中,这个运算符的优先级是最低的。使用 grep 命令基本正则表达式搜索多个匹配模式的语法如下:$?g原创 2022-03-11 12:35:49 · 795 阅读 · 0 评论 -
axios cdn 引入_axios基本使用
前言通过在之前的学习当中,对于初学者来说能使用html实现的那就是一个完整的页面,不得不说html是一门很好的基础语言,我们学习vue也是建立在html之上的,vue是一套相对完整的语言系统,它既能实现静态页面的制作,也能向服务器发送请求。下面我来介绍一个vue中比较重要的语法axios为Ajax奠定基础我们在构建应用时需要访问一个API并展示数据,做这件事的方法有好几种,而使用基于Promise的HTTP客户端axios则是其中非常流行的一种。//获取全部数据使用 npm:$ npm inst原创 2022-03-11 11:14:28 · 1756 阅读 · 0 评论 -
鸿蒙(HarmonyOS)支持低代码开发,无需HTML知识,就可以设计复杂界面
鸿蒙的最新IDE支持可视化开发。几乎不需要编写一行代码,就可以设计非常复杂的界面。当然,如果要实现业务逻辑,还是需要编写代码的。所以我们把这些功能称为低代码开发,也就是说,可以让我们少编写一些代码。本文将详细介绍如何使用鸿蒙最新的IDE来设计一个复杂的界面。首先启动IDE,并创建一个JS工程。由于可视化开发目前只支持JS,所以我们只能用JS工程。创建完工程后,找到js中的pages配置,然后在右键菜单中点击New -> JS Visual菜单项,如下图所示。这时会弹出一个对话框,如下图所示原创 2022-03-10 13:31:31 · 193 阅读 · 0 评论 -
腾讯架构师带我写代码 —— vue真实企业实战分享
Vue.js+element ui构造后台管理系统阅读本文你会收获些什么?项目预览项目技术栈概览1. 路由配置2. 登录页配置3. API层配置(接口配置)4. 跨域处理5. 可以愉快的调接口了6. main.js中 你需要的配置7. 配置路由拦截8. 全局方法配置9. 父页面配置(home.vue)10. FAQ:你可能会碰到的问题及解决方案阅读本文你会收获些什么?不玩虚的,真实的企业项目实战技巧,可以直接拿过去用真实的接口调用,实现相关功能优秀的封装技巧(原创 2022-03-10 12:10:42 · 61 阅读 · 0 评论 -
前端数据传输过去是乱码,怎么办?
?? 小 木 来 了 extcolor{Orange}{小木来了} 小木来了?? 大 伙 们 有 没 有 遇 到 乱 码 的 问 题 , 真 的 是 让 人 心 情 烦 躁 extcolor{green}{大伙们有没有遇到乱码的问题,真的是让人心情烦躁} 大伙们有没有遇到乱码的问题,真的是让人心情烦躁???? 今 天 就 来 看 下 数 据 怎 么 传 输 到 前 端 以 及 乱 码 问 题 怎 么 解 决 extcolor{green}{今天就来看下数据怎么传输到前端以及乱码问题怎么解决} 今天就来.原创 2022-03-09 14:27:13 · 589 阅读 · 0 评论 -
【软件测试】总结web自动化测试-selenium+python
自动化测试指软件测试的自动化,在预设状态下运行应用程序或者系统,预设条件包括正常和异常,最后评估运行结果。将人为驱动的测试行为转化为机器执行的过程。常见的自动化测试工具:QTP、selenium、Rational Robot 、jmeter、appium、soapui、Loadrunner等等selenium 是一个web 的自动化测试工具,不少学习功能自动化的同学开始首选selenium , 相因为它相比QTP 有诸多有点:多平台:windows、linux、MAC 。支持多浏览器:ie、Fir原创 2022-03-09 13:06:47 · 389 阅读 · 0 评论 -
WARN A new version of sass-loader is available. Please upgrade for best experience
通过脚手架安装的项目,根据官网给的步骤一步一步安装引用会报错这样写就报错uni.scssimport ‘uview-ui/theme.scss’;App.vueimport ‘uview-ui/theme.scss’;换成uni.scss@import ‘./…/node_modules/uview-ui/theme.scss’;App.vueimport “./…/node_modules/uview-ui/index.scss”;...原创 2022-03-09 11:46:28 · 2510 阅读 · 0 评论 -
Vue 订单(查询+展示+收货地址)
1. 获取订单列表数据新建文件index.js中配置路由{ path: '/orders', component: () => import ('../components/order/Orders.vue') },是否付款列使用elemenui =》Tab标签提示信息是否可移入:enterable="false"<template>原创 2022-03-09 08:47:47 · 749 阅读 · 0 评论 -
TypeError Cannot set properties of undefined (setting ‘innerHTML‘)
Vue调用本地组件定义的变量,报错TypeError: Cannot set properties of undefined (setting ‘innerHTML‘),可能是回调函数内无法直接访问本地组件变量的原因。以下图片显示的代码,在vue的data -> return中定义了contentList这个变量,但是在回调函数中,console.log(this.contentList),浏览器端报错TypeError: Cannot set properties of undefined (se原创 2022-03-08 14:07:29 · 1846 阅读 · 0 评论 -
NPM安装依赖包,报错node-gyp rebuild...解决方法
异常信息npm ERR! code 1npm ERR! path D:demoode_modulesode-sassnpm ERR! command failednpm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.jsnpm ERR! Building: C:Program Filesodejsode.exe D:demoode_modulesode-gypinode-gyp.js rebuil原创 2022-03-08 12:47:03 · 2683 阅读 · 0 评论 -
JS控制台报错Uncaught TypeError Cannot read properties of null (reading ‘appendChild‘);的解决方法
当控制台出现Uncaught TypeError: Cannot read properties of null (reading ‘appendChild’);解决方法:将html文件中的script标签放在最下面或者中间。原创 2022-03-08 11:26:54 · 2931 阅读 · 0 评论 -
CSS实现图片悬停文字叠加效果
引言在这篇文章中,我们将看到如何轻松创建一个漂亮的图像悬停文本覆盖效果。对于本教程,你必须具备充分的 HTML 和 CSS 基本知识。编写HTML我们的 html 代码非常简单,只有几行:<div class="image"> <img class="image__img" src="https://cdn.pixabay.com/photo/2017/12/15/13/51/polynesia-3021072__340.jpg" alt="Bricks"原创 2022-03-08 08:46:28 · 418 阅读 · 0 评论 -
谷粒学院(九)EasyExcel 课程分类模块
文章目录一、EasyExcel 简介1、Excel导入导出的应用场景2、EasyExcel特点3、案例1:EasyExcel进行Excel写操作4、案例2:EasyExcel进行Excel读操作二、课程分类添加功能(后端)1、引入easyexcel依赖2、使用代码生成器把课程分类代码生成3、创建实体类和excel对应关系4、编写 EduSubjectController 类5、编写EduSubjectServiceImpl 类6、创建读取Excel监听器7转载 2022-03-07 10:12:15 · 250 阅读 · 0 评论 -
毕业设计 - 题目 :基于大数据的疫情数据分析及可视化系统
文章目录1 前言2 开发简介3 数据集weibo.json 新浪微博实时热搜前50的数据ProvinceData.json 省市疫情详情4 实现技术4.1 系统架构4.2 开发环境4.3 疫情地图4.3.1 填充图(Choropleth maps)4.3.2 气泡图4.4 全国疫情实时追踪4.6 其他页面5 关键代码1 前言Hi,大家好,这里是丹成学长,今天做一个 基于大数据的疫情可视化系统,这只是一个demo,尝试对疫情数据进行分析,并可视化系统原创 2022-03-07 08:48:55 · 2730 阅读 · 1 评论 -
安装create-react-app失败遇到的问题
在安装create-react-app中出现了一个百思不得其解的问题,说是tar的版本问题,但是升级成2.2.2版本后依然安装不上。出现警告:This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.运行npm install -g create-react-app后在当前文件夹中出现了一下目录,缺少src文件翻阅以下链接文章后说可能是create-原创 2022-03-06 05:17:41 · 612 阅读 · 0 评论 -
做web开发,怎么能不懂cookie、session和token呢?
如果把人体比作一个web系统的话,cookie、session和token就好像人体的经络和血管一样,而web系统中的数据,就好像人体的血液一样。血液依靠着血管在人体内流动,就如数据根据cookie和session机制在web系统中流动一样。而web系统开发者就好比一个医术精湛的医生,医生需要十分清楚人体的经络和血液流向才能对症下药,而web系统开发者需要十分清楚cookie、session机制,才能迅速解决疑难BUG,开发出更好的web系统。————胡说引入:我们都知道http协议本身是一种无状态.原创 2022-03-06 03:56:54 · 122 阅读 · 0 评论 -
vue前后端分离后台管理系统(权限管理,登录),对接后端SpringSecurity,实现权限管理功能
文章目录一、重要知识点总结以及登录功能实现二、权限管理菜单的增删改查实现1. 路由配置2. 用户管理功能2.1 后端接口API介绍2.2 前端api接口2.3 页面和逻辑编写3. 角色管理功能3.1 数据回显4. 菜单管理功能4.1 树形结构数据处理算法三、权限控制功能实现1. 拆分路由2. 将用户角色和菜单权限保存到vuex,然后过滤路由3. 使用模板需要做的额外更改4. 解决刷新页面vuex中数据丢失,路由丢失问题四、按钮权限控原创 2022-03-06 01:13:33 · 739 阅读 · 0 评论 -
vite.config.js配置(大坑)
配置import { defineConfig } from 'vite';import vue from '@vitejs/plugin-vue';export default defineConfig({ plugins: [vue()], // 配置需要使用的插件列表 // 本地运行配置,及反向代理配置 server: { host: 'localhost', // 指定服务器主机名 port: 8080, // 指定服务器端口 open: true, // 在服务器启动时自动原创 2022-03-05 23:52:37 · 699 阅读 · 0 评论