
前端
文章平均质量分 64
奇怪的大象
这个作者很懒,什么都没留下…
展开
-
Vue3 $set?
一、背景在Vue2中,修改某一些数据,视图是不能及时重新渲染的。比如数组<div v-for="(item, index) in myHobbies" :key="index">{{ item }}</div>data: () => ({ myHobbies: ['篮球', '羽毛球', '桌球']});mounted () { this.myHobbies[1] = 'sing'; // 视图层并没有改变}因此,Vue2就提供了一些变异的方法,比原创 2022-03-11 20:29:15 · 1260 阅读 · 0 评论 -
uniapp中的uni-file-picker组件多图上传问题
前言:在uniapp官方文档中的uni-file-picker组件可实现图片上传功能,官方文档:uni-app官网 中的案例不能完全满足需求,在接口上传失败的时候,需要页面不回显失败的图片,仅回显显示上传成功的图片,因为多图异步上传顺序的问题,可能会导致同时操作list,以至于删除图片出错。所以我才用多图同步顺序上传来规避这个问题。以下是代码:view代码:<uni-file-picker :value="filePathsList" :auto-upload="false" file-medi原创 2022-03-11 19:05:46 · 4083 阅读 · 2 评论 -
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I’ll try to do my best with it!报错根据这个报错信息可以得出,目前你电脑npm的版本是适合于lockfileVersion@1的,但是你的package-lock.json是源于lockfile原创 2022-03-11 15:05:14 · 5537 阅读 · 0 评论 -
JavaWeb项目(登录注册页面)全过程详细总结
JavaWeb项目(登录注册页面)全过程总结文章目录JavaWeb项目(登录注册页面)全过程总结一、环境准备与开发工具二、创建 JavaWeb 项目2.1 新建Dynamic Web Project项目2.2 创建前端页面2.2.1 登录页面1.login.jsp2. login.js3. time.js4. focus.js + animate.js2.2.2 注册页面(register.jsp)2.2.3 修改密码的页面(change_pwd.jsp)2.2原创 2022-03-11 13:42:56 · 1466 阅读 · 0 评论 -
Error Rule can only have one resource source (provided resource and test + include + exclude) in {
vue-cli项目运行npm run dev / npm run serve后报错:Error: Rule can only have one resource source (provided resource and test + include + exclude) in { "exclude": [ null ], "use": [ { "loader": "G:\CustomerDay\customerdayode_modules\cache-load原创 2022-03-11 12:21:10 · 913 阅读 · 0 评论 -
@JsonSerialize(using = ToStringSerializer.class)和@JsonSerialize注解的使用方法
java中long数据能表示的范围比js中number大,在跟前端交互时,这样也就意味着部分数值在js中存不下(变成不准确的值)。解决办法可以这样:使用fastjson的ToStringSerializer注解,让系统序列化时,保留相关精度。/** * 记录属性的主键 */ @JsonSerialize(using = ToStringSerializer.class) private Long id;@JsonSerialize注解的使用方法关于这个注解的原创 2022-03-11 10:59:50 · 577 阅读 · 0 评论 -
金三银四前端面试题准备
HTTPHTTP 状态码?RFC 规定 HTTP 的状态码为三位数,被分为五类:1xx :表示目前是协议处理的中间状态,还需要后续操作。2xx :表示请求成功。3xx : 重定向,表示要完成请求,需要进一步操作。4xx :请求错误。5xx :服务器错误。常用304 (资源未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。401 ( 请求未授权) 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。403 (禁止) 服务器拒绝请求。4原创 2022-03-10 13:17:06 · 202 阅读 · 0 评论 -
小程序学习笔记3---基本写法
基本写法一、数据绑定二、事件绑定1、target和currentTarg的区别2、事件处理函数中为data赋值3、事件传参4、文本框的数据获取5、文本框实现双向绑定三、条件渲染1、条件渲染方式分类2、wx:if 与hidden的对吧四、列表渲染五、rpx单位六、样式导入七、全局配置window八、全局配置tabBar一、数据绑定二、事件绑定事件绑定大致可以分为以下3类:类型绑定方式说明tapbindTap 或 bind:tap手指触摸后马原创 2022-03-10 10:31:46 · 144 阅读 · 0 评论 -
前后端的身份认证--cookie--session--jwt--token
一、web开发模式目前主流的WEB开发模式有两种,分别是:1.基于服务端渲染的传统WEB开发模式2.基于前后端分离的新型WEB开发模式1.服务器渲染的web开发模式服务器渲染的概念:服务器发送给客户端的HTML页面,是在服务器通过字符串的拼接,动态生成的,因此,客户端需要使用Ajax这样的技术额外请求页面的数据2.服务器端渲染的优缺点优点:1.前端耗时少 因为服务器负责动态生成HTML内容,浏览器只需要直接渲染页面即可,尤其是移动端 更省电2.有利于SEO 因为服务器端响应的是完整的HT原创 2022-03-09 14:12:51 · 401 阅读 · 0 评论 -
【宝藏级】PyEcharts 超详细的使用指南
Python可视化神器-pyecharts手册pyecharts简介优点:安装:官方文档:pyecharts快速开始在`Notebook`中创建一个条形图:链式调用:配置选项:全局配置项`AnimationOpts`:画图动画配置项`InitOpts`:初始化配置项`ToolBoxFeatureOpts`和`ToolboxOpts`:工具箱配置项`TitleOpts`:标题配置项`DataZoomOpts`:区域缩放配置项`LegendOpts`:图例配置原创 2022-03-09 12:52:22 · 27203 阅读 · 5 评论 -
vue表单校验报错 Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘indexOf‘)
原因是表单项使用了v-if控制,并且出现两个在了两个正常的 el-form-item 中间的情况。如下:然后在使用 this.$refs[“specialForm”].resetFields(); 重置表单的时候,就会报错解决方案:在 el-form-item 之外包一层 div 用作if判断可避免。...原创 2022-03-09 11:29:03 · 2798 阅读 · 0 评论 -
vue3.2版本新特性
Vue 3.2 版本包括许多重要的新功能和性能改进,但并不包含重大更改。Vue 3.2 原文链接主要更新如下:1. 新的单文件组件功能<script setup> 是一种编译时语法糖,可在 SFC 内使用 Composition API 时极大地提升工作效率。<style> v-bind 在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style>起初 vue3.0 暴露变量必须 return 出来,template中才能使用<script原创 2022-03-09 10:08:08 · 216 阅读 · 0 评论 -
VUE Proxy error Could not proxy request XXX.html from localhost8080 to XXXX (ECONNRESET). 问题解决
https://xxx.com 和 http://xxx.com 一定要区分清楚,并且一定得添加 http:// 。所有会设置端口号的地方(前台和后台允许跨域访问等),端口号设置是否和 vue.config.js 里面的 host: 'localhost', port: 8080, 一致。经过测试,我链接手机热点的时候,也会报这个错,正常连接WiFi就没问题了。...原创 2022-03-09 08:33:24 · 2000 阅读 · 0 评论 -
springmvc配置thymeleaf视图解析器
引入thymeleaf的依赖<dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf-spring5</artifactId> <version>3.0.13.RELEASE</version></dependency>2. 配置springmvc视图解析<!-- 配置Thymeleaf视图解析器 -..原创 2022-03-08 13:53:07 · 717 阅读 · 0 评论 -
Java项目精美物流管理系统(java+SpringBoot+Vue+maven+Mysql)
一、项目简述本系统功能包括:数据统计、收件录入、发件录入、到件录入、派件录入、问题件录入、退件录入、留仓录入、装车录入、发车录入、到车录入、卸车录入、运单录入、运单编辑、运单查询、数据导入、签收录入、签收查询、快件跟踪、自定义跟踪、问题件跟踪、预付款管理、财务报表明细、现金账单、月结账单、代收货款、业务员提成、订单分配、订单查询、物品名维护、入库、出库、库存、物料、角色管理、用户管理、系统设置、员工维护、客户维护、网点维护、报价维护、其他维护、收发记录、到件预报。二、项目运行环境配置:Jdk1.8原创 2022-03-08 11:12:26 · 150 阅读 · 0 评论 -
git clone项目出错 npm ERR code ERESOLVEnpm ERR ERESOLVE unable to resolve dependency tree
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! While resolving: naive-ui-admin@1.5.4 npm ERR! Found: vue@3.1.2npm ERR! node_modules/vuenpm ERR! vue@"^3.1.2" from the root project npm ERR!npm ER原创 2022-03-08 09:52:05 · 313 阅读 · 0 评论 -
chrome浏览器升级导致无法手动设置cookie,设置无法保存
因为工作中在本地cookie中设置值,前几天还正常,今天突然就开始爆红并且无法保存原因是谷歌浏览器升级到了98版本,移除了SameSite by default cookies解决方案在谷歌浏览器地址栏输入 chrome://flags/ ,搜索Partitioned cookies,然后将配置项改成Enabled,重启浏览器即可...原创 2022-03-08 08:32:04 · 647 阅读 · 0 评论 -
解决报错 This dependency was not found(这个依赖没有找到)
错误的原因是你这个文件引入或使用了文件资源,但却没有找到我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了<style scoped lang='less'></style>报错全部信息ERROR Failed to compile with 1 errors 下午10:57:54This dependency was not found:!!../…/…/node_modules/extract-text-webpack-p.原创 2022-03-07 09:57:55 · 17967 阅读 · 0 评论 -
文件上传漏洞
文件上传文件上传是现代互联网常见的功能,允许用户上传图片、视频、及其他类型文件,向用户提供的功能越多,Web受攻击的风险就越大。文件上传漏洞上传文件时,如果未对上传的文件进行严格的验证和过滤,就容易造成文件上传漏洞,上传脚本文件(包括asp、aspx、php、jsp等)恶意上传行为可能导致网站甚至整个服务器被控制。恶意的脚本文件又被称为WebShell,WebShell具有强大的功能,如查看服务器目录、服务器中文件、执行系统命令等。文件上传漏洞成因文件上传漏洞的成因(复杂),一方面,We原创 2022-03-07 08:34:37 · 5765 阅读 · 0 评论 -
基于Java Springboot+Vue+MyBatis音乐播放系统设计实现
?? 作者主页:Java李杨勇??? 简介:Java领域优质创作者??、Java李杨勇公号作者 简历模板、学习资料、面试题库、技术互助【关注我,都给你】?? 欢迎点赞 ?? 收藏 留言 ??视频演示:文末获取源码联系方式springboot+vue音乐网站摘要:网络技术以及计算机的发展,网友们对网络的要求也日益长高,平常在网上听话用一大堆下载软件下载下来也要管理,又占空间,比如那流行歌曲,下载了听了又要删很不方便·而网络音乐库的实现改变了这一状况。它本身就是一个数字音乐交互,用户通过.原创 2022-03-06 05:03:16 · 1814 阅读 · 0 评论 -
从零教你使用webpack,从此项目打包不用愁
webpack问题文件依赖关系错综复杂静态文件请求效率低模块化支持不友好浏览器对高级JS特性兼容性不好安装和配置--save-dev 也可以写作 -D,表示是开发依赖(开发阶段需要用到的包,项目上线运行后不需要)初始化项目 npm init -y跟目录下新建 src 目录,作为代码文件目录src 下新建 index.html和index.jsindex.html 中编写 html 代码安装 jquerynpm i jquery安装 webpack通过命令npm insta原创 2022-03-06 03:42:25 · 723 阅读 · 0 评论 -
[Python + Django] Web在线考试管理系统设计及代码实现
本文最终实现一个Web在线考试管理系统,可作为Python Web,Django的练手项目,也可以作为计算机毕设参考项目。源码获取方式:【Django】pythonweb学生信息及考试管理系统毕业设计源码-Python文档类资源-优快云下载目录系统功能需求分析系统设计及实现思路1、数据库设计2、页面及功能设计系统实现过程及源码1 开发环境搭建及技术选型2、Django项目创建及数据库连接配置3、 数据库创建和连接配置数据库创建Django数据库连接配置4、 功能模块详细开发原创 2022-03-06 02:20:26 · 5652 阅读 · 4 评论 -
vue中install方法
vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器,第二个参数是可选的选项对象export default { install(Vue,option){ 组件 指令 混入 挂载vue原型 }}全局注册组件import PageTools from '@/components/PageTools/pageTools.vue'import update from './update/index.vue'import Ima原创 2022-03-06 00:59:04 · 8407 阅读 · 0 评论 -
springboot整合jpa项目入门级别demo
springboot整合jpa项目入门级别demo前言一、新建一个空boot项目二、准备好数据库,下面以MySQL为主三、导入依赖四、生成JPA实体五、JPA基本注解六、JPQL 和 EntityManager七、配置文件八、demo包前言简单基础入门级别,有基础勿留香!一、新建一个空boot项目傻瓜式创建即可二、准备好数据库,下面以MySQL为主创建好测试表dog表,待用三、导入依赖下面依赖,后续会用到,直接贴上了 org.spri原创 2022-03-05 23:38:06 · 507 阅读 · 0 评论