前端
文章平均质量分 56
普通网友
这个作者很懒,什么都没留下…
展开
-
vue.js基础还不会?——看这篇文章就够了
知识点:vue.js介绍指令修饰符计算属性侦听器过滤器生命周期组件路由一、vue.js介绍vue是一套用于构建用户界面的渐进式框架vue的核心只关注视图层,不仅容易上手,还便于与第三方库或既有项目整合二、指令(一)、指令本质就是自定义属性VUE中指令都是v-开头(二)、内置指令1、v-cloak防止页面加载时出现闪烁问题2、v-textv-text指令用于将数据填充到标签中,作用与插值表达式,但是没有闪动问题如果数据中有html标签会将html标签一并输出原创 2022-03-11 20:20:49 · 183 阅读 · 0 评论 -
uni-app项目打包成H5部署到服务器(超详细步骤)
咳咳, 第一次写博客, 有点激动, 昨天get了一个新技能, 也是我之前一直最不懂的一块, 就是项目做完后如何部署到服务器,昨天尝试了部署uni-app项目到测试服务器, 成功之后很开心, 后面又自己上网学了下怎么部署vue项目, 所以这篇会讲怎么部署uni-app项目, 下一篇讲怎么部署vue项目, 好, 上操作一 ,打包项目HBuilderX下载地址: https://www.dcloud.io/hbuilderx.html1 , HBuilderX打开你的uni-app项目 – > 点发行原创 2022-03-11 18:57:37 · 10221 阅读 · 1 评论 -
JavaScript瀑布流的实现
瀑布流的核心1, 根据 ajax请求的响应体结果 动态渲染生成页面请求地址 请求方式 参数键名 都是 后端程序定义的前端 只能根据需求 定义 携带的具体的参数数据响应体数据是后端程序返回的数据结果只能获取数据结果 不能修改数据结果可以根据 响应体数据结果 动态渲染生成页面内容可以使用 三元运算符 给标签定义属性等2, 瀑布流 再次 发起请求的判断依据上卷高度 + 视窗窗口高度 + 预留高度 > 最矮ul占位高度3, 函数的节流同时触发 多次执行 相同的函数程序只需要触发执行原创 2022-03-11 13:34:49 · 227 阅读 · 0 评论 -
elementui中el-cascader级联选择器回显解决办法(稳定有效)
1、场景描述这里展示的是已经获得后台传回来的需要回显数据,在级联选择器中进行回显,并且能保持稳定回显2、解决办法2.1、在el-cascader标签中加入:key=“modalKey”v-model=“choose”2.2、在data中定义data() { //定义变量和初始值return{modalKey: 0,choose: [],}},2.3、赋值参考以下代码methods:{ //创建具体的方法,getInfo() {course.getCours原创 2022-03-11 12:13:06 · 5585 阅读 · 1 评论 -
2022跨年烟花代码(九)HTML5夜景放烟花绽放动画效果
HTML5夜景放烟花绽放动画效果html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Cont原创 2022-03-11 10:51:41 · 1506 阅读 · 1 评论 -
还在用vuex吗,pinia(菠萝头)才香
1. 什么是pinia通俗的讲 :① vuex精简版 ,而且vue官方更加推荐使用。②优势又完胜于vuex ,下面我们来了解下pinia。2.优势pinavuexpinia 同时支持vue2和vue3vue2要用vuex 3 版本vue3要用vuex 4 版本不分同步异步,更好的ts支持分同步异步,不太兼容ts享受自动补全…需要注入,导入函数,调用他们…3. 使用 (非常简单)① 安装npm install pinia②在 main.js 中 加入import {原创 2022-03-10 13:09:01 · 2524 阅读 · 0 评论 -
用jQuery实现轮播图效果(自动播放,能手动切换)
大家好,今天我和大家分享一下轮播图的实现,下面是我做的轮播图效果首先我们看到,它是由背景图片、方向图标和指示器组成。**我们发现背景图片、方向图标和指示器是层叠在一起的,所以布局时我们要用绝对定位。**我们要实现点击方向图标时,图片跟着变换;点击指示器时,图片跟着变换;不点击时每隔5秒自动播放;不点击时不显示方向图标。**结构布局:**用一个div包裹3个div,里面的3个div分别显示背景图片部分、方向图标部分和指示器部分。<!DOCTYPE html><html lang="原创 2022-03-10 11:48:09 · 1833 阅读 · 0 评论 -
安装vuex 启动 报错 “export ‘watch‘ was not found in ‘vue‘
如果你的vue版本是 2.X ,将vuex升到 3.X.X 就能够解决npm install --save vuex@3.6.2如果你的vue版本是 3.X ,将vuex升到 4.X.X 就能够解决npm install --save vue@3.0.2npm install --save vuex@4.0.0我的 vue 版本是 2.X 用这个办法就解决了~...原创 2022-03-10 10:23:45 · 2067 阅读 · 0 评论 -
几个超火的在线编程网站,别错过
大家好,我是鱼皮,今天给大家推荐几个最近非常流行的编程网站,相信能够帮助大家提高编程效率、更好地学习编程。热门编程网站推荐Codepen演示视频:https://www.bilibili.com/video/BV1im4y1X7zb/国外的在线前端编程网站,在这里你可以发现很多国外大神编写的前端代码,除了各种网页布局代码外,更多的是各式各样好玩的、炫酷的、新颖的前端动画和特效。比如圣诞节快到了,很多小伙伴问我能不能用代码画颗圣诞树。我是不会,但是在这个网站中,输入 “Christmas Tr原创 2022-03-09 14:04:51 · 2513 阅读 · 0 评论 -
Vue新手入门指南(易懂)
Vue快速入门前言对于一名初入编程的新手来说,JavaScript的语法偏向复杂,选择Vue库可以说是一个较为不错的体验。在很多方面,Vue简化了JavaScrip语法,并且实现数据与视图的双向绑定,达到响应式页面的目的。博主是一位大二的编程小白,以下的内容都是自己对Vue的理解,写本篇博客的目的是为了巩固自己对Vue的基础知识,大家可以作为一种笔记来观看,如果能够给学校Vue的朋友带来帮助,不胜荣幸,对于存在许多表达不恰当以及逻辑错误的地方,还望大家斧正。参考资料:《Vue.js从入门到实践原创 2022-03-09 11:21:05 · 451 阅读 · 0 评论 -
Vue3.0+TS+Element-plus实现(若依版后台管理系统)
附上源码地址: Vue3.0+TS+Element-plus 后台管理系统模板准备工作安装vue3.0,npm create vue3-project选中这几项即可,不需要vuex, 我们自己封装状态管理。setup函数使用在.vue文件中, script 标签下代码都必须带有lang=“ts”。关于setup函数调用时间是在vue2的create之前触发,其他的生命周期相信大家都有所了解,这里就不做赘述了。setup有两种写法 ,常规写法<script lang="ts">i原创 2022-03-09 10:00:08 · 2089 阅读 · 1 评论 -
Spring Boot qq邮箱验证码注册和登录验证
文章目录1、登录注册思路1.1、思路1.2、整个项目结构图2、准备2.1、开启邮箱POP3/SMTP服务2.2、创建一个spring boot项目的时候,一直确认,jdk选择8。2.3、application.properties配置文件2.4、创建数据库3、全部代码类4、使用postman测试4.1、测试发送邮件4.2、测试注册4.3、测试登录1、登录注册思路这是一个使用spring boot做的一个qq邮箱注册和登录的项目。没写前端页原创 2022-03-08 13:45:05 · 720 阅读 · 0 评论 -
npm ERR ERESOLVE unable to resolve dependency tree
npm ERR! ERESOLVE unable to resolve dependency tree新建 vue 项目出现上面的报错,尝试运行项目后,出现了新的报错Syntax Error: Error: Failed to load plugin 'vue' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-vue' Require stack:解决办法:npm i --legacy-peer-depsnpm i e原创 2022-03-08 12:24:42 · 434 阅读 · 0 评论 -
java分别发送post请求applicationx-www-form-urlencoded和applicationjson类型数据
有时候我们在postman上调用接口它可以正常返回结果,但是自己写后端代码时报400错误时,这可能就是对请求头的Content-Type没有设置的结果。post提交数据有多种方式,而application/x-www-form-urlencoded和application/json都是比较常见的方式。x-www-form-urlencoded是表单提交的一种,表单提交还包括multipart/form-data。以 application/x-www-form-urlencoded 方式提交数据,会将表原创 2022-03-08 11:04:26 · 1721 阅读 · 1 评论 -
Failed to load response dataNo data found for resource with given identifier
文章目录一、遇到问题二、原因分析2.1、form表单action请求打断了ajax请求2.2、映像图解释三、解决方法3.1、方式一:ajax改为同步3.2、方式二:分离ajax和form action3.3、方式三:阻止表单默认提交机制(1)修改按钮type为button(2)利用preventDefault()方法(3)form标签中添加οnsubmit=“return false;”一、遇到问题最近项目中表单提交需求遇到了这个问题。Failed原创 2022-03-08 09:44:07 · 8536 阅读 · 0 评论 -
Cannot read property ‘prototype‘ of undefined
目录vue3.x创建项目 引用 elementUI 控制台报错 如下图所示:?报错起因:?解决方法:使用vue3.x版本 引入ElementUIvue3.x创建项目 引用 elementUI 控制台报错 如下图所示:Cannot read property ‘prototype‘ of undefined报错起因:看一下element官网的 这句话:意思就是实例对象不一致,官网上的实例对象是vue/3.0(vue2.x)版本创建的对象,而我创建的项目是用vue3.x创建的,实例对象原创 2022-03-08 08:24:05 · 231 阅读 · 0 评论 -
报错Unknown custom element <xxx> - did you register the component correctly的原因及解决办法
报错信息components代码导致出错的可能的原因把components写成了componentimport xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue”代码中有两个components,后一个的值把前一个覆盖了解决方案逐一对照上述3种可能导致出错原因,然后做对应修改即可解决问题我是第3个原因,被坑到差点怀疑人生,看到这篇文章的小伙伴你是什么原因?欢迎补充...原创 2022-03-07 08:26:40 · 1784 阅读 · 0 评论 -
在Tomcat中部署web项目出现http状态-404 -未找到详细解决方案
问题描述:当我们向tomcat服务器发起请求时,出现如下的错误状态提示–404.这个问题在开发过程中可能会经常遇到,所以做一个归纳总结:以下的内容适用于IDEA,使用其他编辑器的小伙伴们需要注意区别。情景①–> 访问的资源并不存在,仔细检查文件名与路径中的文件名是否一致,比如:hello.jsp写成了hallo.jsp。情景②–> 虚拟路径没有写对,可以在配置tomcat里查看虚拟路径名,一般请求路径中包含虚拟路径名(也可以不包含),例如:http://localhost:8080原创 2022-03-06 04:55:12 · 12227 阅读 · 1 评论 -
为了懒,我痛心学习Ajax
?? 小 木 又 来 了 , 没 错 就 是 我 extcolor{Orange}{小木又来了,没错就是我} 小木又来了,没错就是我?? A j a x 主 要 是 实 现 页 面 和 w e b 服 务 器 之 间 数 据 的 异 步 传 输 extcolor{green}{Ajax主要是实现页面和 web 服务器之间数据的异步传输} Ajax主要是实现页面和web服务器之间数据的异步传输???? 它 无 需 重 新 加 载 整 个 网 页 的 情 况 下 , 能 够 更 新 部 分 网 页 的 技.原创 2022-03-06 03:33:14 · 93 阅读 · 0 评论 -
win11小组件加载不出来解决方法
win11小组件加载不出来解决方法:访问微软网站:https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/#download-section选择下载常青版引导程序,等待下载完成后打开,会自动下载安装,安装完毕后,再次打开小组件即能够正常显示小组件内容。...原创 2022-03-06 02:12:24 · 5126 阅读 · 0 评论 -
vue3里面app.config.globalProperties的使用
在main.js里面配置configconst app = createApp(App);app.config.globalProperties.$user = {name: ‘梅长苏’,weapons: ‘长剑’,title: ‘刺客’}在template模板中使用姓名:{{$user.name}} 在setup中使用const cns = getCurrentInstance()console.log(cns.appContext.config.globalProper..原创 2022-03-06 00:51:01 · 978 阅读 · 0 评论 -
npm list vue显示empty解决办法
出现这种情况怎么办?D:odejsodejs>npm list vueD:odejsodejs`-- (empty)后面加个 “ -g ” (全局) 试试D:odejsodejs>npm list vue -gD:odejsodejsode_global`-- vue@2.6.14原创 2022-03-05 20:38:32 · 960 阅读 · 0 评论 -
VSCode官网下载缓慢或下载失败的解决办法
最近需要重新使用vscode工具,需要重新下载这个工具,公司的网总是下载中断或者失败,究其原因大概是因为不是国内的服务器吧,在知乎上发现一个解决办法,现在整理下来,来帮助下载vscode受折磨的伙伴。首先在官网找到需要下载的文件,点击下载。在浏览器或者下载软件中就可以看到这么一个下载地址了,将其复制下来 这里没找到一个很好的复制方法,可以上下结合,只要最后保证下载连接的准确性和完整性即可。。然后/stable地址之前的地址换为如下内容:vscode.cdn.azure.cn<--------原创 2022-03-03 23:05:35 · 143 阅读 · 0 评论 -
npm安装报错Could not find any Visual Studio installation to use
报错如下:网上有的解决方法是安装visual Studio,不过这种情况可以先换yarn安装试一下,我两次碰到都是因为yarn导包的项目我用npm装了。原创 2022-03-03 16:27:03 · 1222 阅读 · 0 评论 -
JS案例:支持PC端和Mobile端的Canvas电子签名功能
前言:这段时间项目迭代时遇到了一个新需求,基于react实现一个Pc版电子签名功能,并生成图片上传。于是我想到了signature_pad,并且在项目使用了这个插件不得不说,用别人造的轮子是真的香,出于好奇,想用原生实现一下电子签名的功能以下是实现过程HTML和css可以参照源码,这里不过多介绍首先引入eventBus,方便代码解耦然后实现Base基类存放公共方法和属性,后续有啥共用属性或方法可以往这加//基类:公共方法和属性import event from './eventBus.js'原创 2022-03-03 15:22:36 · 293 阅读 · 0 评论 -
Gallery.echarts挂了吗?
今天一访问,它挂了。。。访问地址:https://gallery.echartsjs.com/(已经挂了)一个很好的E charts示例文库,竟然挂了,我还有想看的示例。。。。还有的实例啊??也没有通知,就这样挂了??于是,附上新地址吧??传送门 这个貌似已经挂了┭┮﹏┭┮那么就用新的吧传送门...原创 2022-03-03 14:18:05 · 538 阅读 · 0 评论 -
Chrome速度惊人,不到30天修复40个漏洞
作者 | Ryan Schoen整理 | 张洁2012年来,Project Zero一直专注于挖掘安全研究人员更难发现的安全漏洞,从而提高互联网的安全性。他们与各行各业的人合作,目的是为了修复安全漏洞和更新人们的软件。据Project Zero中的Ryan Schoen统计,2021年,供应商平均需要52天来修复Project Zero报告的安全漏洞。与3年前相比,少了28天,已经取得了很大的进步。一旦供应商在标准期限内收到错误报告,会有90天的时间来修复它并向公众发布修补版本,另外还有14天的宽限原创 2022-03-03 12:26:46 · 120 阅读 · 0 评论 -
朋友股票亏惨了,我一怒用Python爬取了证券最新数据
大家好,我是辣条。抓取目标:url:http://webapi.cninfo.com.cn/#/marketDataDate数据目标: 获取 证券代码 证券简称 交易日期 开盘价 最高价 最低价 收盘价 成交数量难点: 请求头参数mcode 加密生成使用第三方库:1. requests2. execjs3. js2py4. math5. time6. pandas工具:1. 谷歌浏览器2. pycharm3. python3.7页面分析:进入页面,鼠标右击,选择检查原创 2022-03-02 13:00:41 · 290 阅读 · 0 评论 -
纯HTML+CSS网页设计期末作业(个人网站)
目录纯HTML+CSS网页设计期末作业(个人网站)源码链接效果展示index 页面about 页面hobbies 页面书籍介绍页面元曲介绍页面源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.cssyuanqu.htmlyuanqu.css缺陷纯HTML+CSS网页设计期末作业(个人网站)源码链接https://原创 2022-03-02 04:04:24 · 14132 阅读 · 1 评论 -
年轻人的第一个桌面应用
Preface上一篇文:年轻人的第一个音乐播放器因为网页打开后老被我误关,就想着用打包一个桌面应用。然后因为我啥都不会,只能现学一个最简单的了。再次踩在前人的肩膀上选择了 Electron-forge 这个工具。一个小时才搞定了最简单的打包,发布在了Github。不过我的时间大都花在了看 Electron 的文档和下载环境上,Electron 还有一些 npm 包因为网络问题半天没下好;文档说实话没咋看明白,不知道是中文翻译的问题还是我的问题,我照猫画虎才把菜单栏取消掉。Start首先.转载 2022-03-02 03:00:49 · 83 阅读 · 0 评论 -
保姆级教程-分布式文件系统FastDFS(高效存储,有效解决大量资源上传下载)
官方网站:https://github.com/happyfish100/配置文档:https://github.com/happyfish100/fastdfs/wiki/参考资料:https://www.oschina.net/question/tag/fastdfsJava客户端:https://github.com/happyfish100/fastdfs-client-java文章目录为什么要学习分布式文件系统?什么是分布式文件系统?FastDFSFastDFS是什么?.原创 2022-03-02 01:57:12 · 573 阅读 · 0 评论 -
[Vue warn] Failed to resolve component:报错问题。
在一个vue3项目中,引入一个自定义组件时出现了[Vue warn]: Failed to resolve component:【组件名】这样的警告,引入的组件没有出现在页面中。网上查了半天没找到原因,后来将vue3中的defineComponent去掉后,就不再报错了。<script>import { defineComponent } from "vue";import layaside from "./Aside";export default defineComponent({原创 2022-03-02 00:53:33 · 4262 阅读 · 0 评论 -
vue3 全局注册app.config.globalProperties, 如何处理getCurrentInstance 上下文线上环境报错
vue3挂载全局属性和方法,使用app.config.globalProperties, 但是在组件中获取全局上下文的时候getCurrentInstance会在线上环境报错。搜索了一遍,看了好多文章,都是在本地环境getCurrentInstance有用,线上环境报错,所以一切的一切还是去官网查找,得到最后的完美结果。线上环境正确使用:const instance = getCurrentInstance() console.log('instance???', instance.appConte原创 2022-03-01 23:50:10 · 928 阅读 · 0 评论 -
Syntax Error Error No ESLint configuration found in statusGitmibsrc
今天接受了一个 Vue 项目,在执行 npm run serve 命令运行项目时报错:Error: No ESLint configuration found.解决方法:安装 ESlint 并初始化配置:方法一:全局安装 ESLint :npm i eslint -g生成配置文件:eslint --init根据自己的项目需求进行设置:√ How would you like to use ESLint · problems√ What type of modules does your原创 2022-03-01 20:07:46 · 1850 阅读 · 0 评论 -
Java项目火车票预订系统(java+JDBC+JSP+Servlet+html+mysql)
一、项目运行环境配置:Jdk1.8 + Tomcat8.5 + mysql + Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)项目技术:JSP + Servlert + html+ css + JavaScript + JQuery + Ajax 等等;个人中心Controller:/** * 个人中心Controller */@Controllerpublic class UserInforController {原创 2022-02-27 12:31:49 · 212 阅读 · 0 评论 -
Datart使用说明
Datart使用说明Datart安装记录Refer安装问题前端源码编译java: 程序包datart.data.provider.calcite.parser.impl不存在启动基础步骤Datart安装记录Refer最近在学习和使用Davinci的时候正好赶上了跑象团队新发布的开源平台,赶紧fork安装一下瞅一瞅,感谢开源,比心!下边是一些参考文档官方微信文章:奔跑不止,万象更新|datart 蛰伏十月,浴火重生官方git地址:https://github.com原创 2022-02-26 20:49:00 · 1928 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
场景如下,第一次点击找不到init(一般人做不出来这种操作) /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=true this.$refs.AddOrUpdate.init(id原创 2022-02-26 13:55:25 · 779 阅读 · 0 评论 -
Delete ``eslintprettierprettier
一,原因这篇博客写得很清楚:https://blog.csdn.net/weixin_42752574/article/details/114055598还有这篇文章,解决办法很详细:https://segmentfault.com/a/1190000021803437二,解决办法三,我的处理–新建rn+ts项目后.eslintrc.jsmodule.exports = { root: true, extends: '@react-native-community', rules:原创 2022-02-25 07:50:24 · 765 阅读 · 0 评论 -
15个很有趣的开源项目推荐
1. 视搭Site: github.com/tnfe/shida《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频,使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目,《视搭》是一个相对比较完整的开源项目,仅抛砖引玉希望您喜欢。2. C2FSite: github.com/drawcall/c2…对于初学者来说,flutter widget的复杂样式代码真的很难记。我们想建立一个在线将css样式代码转换为flutt原创 2022-02-24 20:09:39 · 665 阅读 · 0 评论 -
.net core api JWT Token使用
一、项目>管理Nuget包 安装二、.appsettings.json添加"JWT": {? ? "Secret": "~!@#$%^&*()_+qwertyuiopasldkh[o51485421ajshk^%*)kasd", // 密钥? ? "Issuer": "kfjdhf", // 颁发者? ? "Audience": "kfjdhf", // 接收者? ? //"Expired": 30 // 过期时间(30min)? }三、ConfigureServices注原创 2022-02-24 08:31:55 · 331 阅读 · 1 评论