前端
文章平均质量分 60
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3+Element-Plus 实现左侧菜单折叠与展开功能 二七
1.最终实现的效果图2. 实现左侧菜单折叠与展开功能步骤2.1 首先应该在菜单顶部放一个折叠展开的按钮条2.2 接下来,画按钮条UI结构,实现折叠与展开功能1. 在侧边栏内部,在侧边栏菜单区域之前,放置一个DIV。2. 在该DIV上面添加文本,通过点击该DIV,触发菜单折叠与展开3.通过类选择器,为该DIV 添加相关样式.toggle-button{ // 添加背景颜色 background-color: #4A5064; // 设置文本大小 font-size:10px;.原创 2022-03-11 20:50:17 · 3345 阅读 · 1 评论 -
video.js 报错:your browser did not support
video.js 报错:The media playback was aborted due to a corruption problem or because the media used features your browser did not support最近做H5页面实现加载直播流的功能。在pc浏览器上一切正常,但是在微信浏览器中打开页面就提示The media playback was aborted due to a corruption problem or because the m原创 2022-03-11 19:26:43 · 1612 阅读 · 0 评论 -
Promise 的使用(通俗理解)
PromisePromise是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。例子: 动态引入 js,导出一个函数,触发函数,方法存在,直接返回resolve(),否则 把js添加到 页面的head上,js加载完毕,返回resolve()。const src = 'https://原创 2022-03-11 15:26:16 · 161 阅读 · 0 评论 -
JS事件篇
事件篇window.onload:事件Dom查询innerhtml ----获取节点的html内容,或者设置对应节点html内容读取或者设置节点的相关属性获取元素节点的子节点children属性可以获取到当前元素所有子元素,不包括文本节点区分概念: 节点包括文本节点,而元素不包括文本节点firstChild获取当前元素第一个子节点 VS firstElementChild获取当前元素第一个子元素抽离出按钮点击函数的小案例parentNode :获取一个元素的父元素inne原创 2022-03-11 14:03:36 · 76 阅读 · 0 评论 -
hooks中useEffect()使用总结
常见使用:获取数据案例:import React, { useState, useEffect } from 'react';import axios from 'axios';function App() { const [data, setData] = useState({ hits: [] }); useEffect(() => { const fetchData = async () => { const result = await axios原创 2022-03-11 12:41:48 · 250 阅读 · 0 评论 -
Can not find ‘Converter‘ support class List问题解决
问题描述com.alibaba.excel.exception.ExcelDataConvertException: Can not find ‘Converter’ support class List.问题解释EasyExcel开源框架中Converter接口的convertToExcelData只实现了转换BigDecimal、Bolean、Byte[]、btye[]、Byte、Date、Double、File、Float、InputStream、Integer、Long、Short、URL这些原创 2022-03-11 11:20:23 · 13388 阅读 · 0 评论 -
获取京东cookie最简单暴力获取京东CK
获取京东cookie最简单暴力获取京东CK注意:用浏览器请使用隐身窗口,如果多个账号,一定不要点退出登录。直接关闭网页,清除浏览器cookie数据(隐身窗口无需这一步),重新进入网页登录下一个账号。退出会导致刚刚获取的ck失效。以下浏览器都行Chrome浏览器新版Edge浏览器国产360,QQ浏览器切换到极速模式操作步骤电脑浏览器打开手机京东网址 https://m.jd.com/按键盘F12键打开开发者工具,并进行短信登录操作。建议使用手机短信验证码登录(此方式cookie有效原创 2022-03-10 12:16:40 · 824 阅读 · 0 评论 -
情人节福利,恋爱话术微信小程序它来了(开源,看了就懂~,2万字真香警告)
1、前言在大家眼中,有没有觉得女神就像冰山美人一样?在聊天中对你是很高冷,或者是忽冷忽热,爱理不理。很多男生面对这个问题都束手无策,或者女神不理你时,又急着发短消息过去了,结果女神根本不理睬你。那怎么办呢?其实女神也一样,是情绪动物,她的情感由情绪控制着,不会像男人那样理性、讲逻辑。你说服不了她喜欢你,但通过调动她的情绪,你可以让她喜欢你。所以会一些调情幽默的恋爱话术尤为重要,如果你能做到,让女人快乐,开怀大笑,有时候又会悲伤,让她的情绪为你所动,那么她对于你投入的情感会是有很多的。2、技术栈转载 2022-03-10 10:52:04 · 617 阅读 · 0 评论 -
前端装逼必备--Canvas
如果写代码不是为了装逼,那人生将毫无意义。都2020年了,如果你从事前端开发,连canvas都不会用,那你拿啥去装逼?下面跟着笔者一起来看看canvas是啥,可以用来做啥,有哪些产品是canvas做出来的。Canvas介绍1.canvas是html5的一个新标签,属于h5的新特性2.canvas标签是一个图形的容器,简单点说就是一块画布,你可以在上画矩形,圆形,三角形,折线等等,也可以用来画logo3.它是通过javascript来画的,即脚本绘制图形canvas可以用来干啥呢?1.制作web原创 2022-03-09 14:33:07 · 998 阅读 · 0 评论 -
一小时学会用Opencv做贪吃蛇游戏(Python版)
使用Mediapipe参考资料21 hand landmarks水平镜像处理import cvzoneimport cv2import numpy as npfrom cvzone.HandTrackingModule import HandDetectorcap = cv2.VideoCapture(0) # 0代表自己电脑的摄像头cap.set(3, 1280) # 宽cap.set(4, 720) # 高detector = HandDete原创 2022-03-09 13:12:39 · 321 阅读 · 0 评论 -
web元件库、axure元件库、通用元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库、axure元件库、通用元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴、Axure原型Axure原型演示及下载地址:https://www.pmdaniu.com/storages/125253/55b881a6a86fda1373459cf8dfb07a73-114945/start.html#g=1&p=indexweb元件库、axure元件库、通原创 2022-03-09 11:52:19 · 729 阅读 · 0 评论 -
vue+flv.js+SpringBoot+websocket实现视频监控与回放
vue+flv.js+SpringBoot+websocket实现视频监控与回放需求:vue+springboot的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能.之前项目里是纯前端实现视频监控和回放功能.但是有局限性.就是ip地址必须固定.新的需求里设备ip不固定.所以必须换一种思路.通过设备的主动注册,让设备去主动连接服务器后端通过socket推流给前端实现实时监控和回放功能;思路:1:初始化设备.后端项目启动时就调用初始化方法.2:开启socket连接.前原创 2022-03-09 08:53:38 · 1067 阅读 · 2 评论 -
Typora常用好看主题推荐
Typora常用好看主题推荐!!!Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且是完全免费的。在作者心里,Typora的存在是简约而强大的,加上作者是艺术生出身,对于主题和颜色的美观是有一定要求,所以喜欢收集好看简约的主题,现有几款觉得好看的分享给大家。先挂几个链接,以便同样喜欢自己研究主题的小伙伴参考Typora官网主题: https://theme.typora.io/为 Typora 编写自定义主题:原创 2022-03-08 14:13:21 · 1677 阅读 · 0 评论 -
npm踩坑问题总结
悲催的我基本上问题都遇到了。。。。。。一、npm安装依赖失败问题问题描述:错误信息: unbuild: sill gentlyRm target.inParent = false后续会出现长时间停留问题解决:删除整个node_modules,重新npm install二、 npm lockfile报错问题描述:这个是因为版本问题导致的提示信息。错误信息:npm WARN old lockfilenpm WARN old lockfile The package-lock.json fi原创 2022-03-08 12:52:56 · 1049 阅读 · 0 评论 -
JS隐式类型转换
转换规则表:减乘除:在对各种非Number类型运用数学运算符(- * /)时,会先将非Number类型转换为Number类型。加:当一侧为String类型,被识别为字符串拼接,并会优先将另一侧转换为字符串类型。当一侧为Number类型,另一侧为原始类型,则将原始类型转换为Number类型。当一侧为Number类型,另一侧为引用类型,将引用类型和Number类型转换成字符串后拼接。== 比较NaN和其他任何类型比较永远返回false(包括和他自己)。Bo原创 2022-03-08 11:32:45 · 86 阅读 · 0 评论 -
HTML和CSS知识点总结(包括H5和C3)
HTML和CSS知识点总结1.常用的HTML标签标题标签 <h1></h1>~<h6></h6>段落标签<p></p>和换行标签<br/>文本格式化标签加粗<strong></strong>和<b></b>倾斜<em></em>和<i></i>删除线<del></del>和<s>原创 2022-03-08 10:12:22 · 84 阅读 · 0 评论 -
Dom树 CSS树 渲染树(render树) 规则、原理
前端不可不学的浏览器渲染机制,阿里年年问,去一个栽一个。听说百度也在考这个,你还不准备学吗?首先你要了解浏览器渲染的顺序:1.构建dom 树2.构建css 树3.构建渲染树4.节点布局5.页面渲染什么是dom 树?浏览器将HTML解析成树形的数据结构,简称DOM。DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示,同时也是外部内容(例如 JavaScript)与 HTML 元素之间的接口。 解析树的根节点是Document对象。原创 2022-03-08 08:52:18 · 381 阅读 · 0 评论 -
跨年烟花 html 代码汇总
此篇汇总了一些笔者觉得好玩又可简单实现的烟花代码,多多支持大佬们的创作!烟花代码1:https://blog.csdn.net/u013343616/article/details/122233674样例:更改这里的文字可以更改弹出文字烟花代码2:https://blog.csdn.net/u013343616/article/details/122232108样例:A雄大佬还有好多篇关于烟花的博文,贴个链接以备不时之需https://blog.csdn.net/u013343原创 2022-03-07 10:18:07 · 31298 阅读 · 1 评论 -
淘宝秒杀插件
一款淘宝平台内都能用的一款秒杀插件,可以支持抢茅台,大家可以尝试看看淘宝插件下载地址http://cxgc.top/archives/%E6%B7%98%E5%AE%9D%E6%8F%92%E4%BB%B6%E4%B8%8B%E8%BD%BD什么是插件浏览器插件是程序的运行有其自己运行的进程、方式等,其插件只是对其进行起一个补充作用的程序原理插件是一种遵循一定规范的应用程序接口编写出来的程序。很多软件都有插件,插件有无数种。例如在IE中,安装相关的插件后,WEB浏览器能够直接调用插件程序,用于处原创 2022-03-07 08:54:44 · 1747 阅读 · 1 评论 -
宝塔面板部署vue项目
最近闲着无聊,自己买了一个阿里云的服务器玩耍。突发奇想部署一个vue的项目。主要用了宝塔面板进行部署。1.宝塔面板显示自己的服务器配置(自己百度,这里省略);主要讲vue的项目的部署情况在宝塔面板添加自己的站点,(同一个id可以部署不同的站点,本篇文章不做介绍,后续文章有介绍);2.vue项目打包打开你的项目目录,用终端进行打包(npm run build)dist目录:3.打包完之后会出现dist的目录,然后将dist放在你的目标站点中。上传dist目录:查看目标站点的根目录是不是原创 2022-03-06 05:23:34 · 775 阅读 · 0 评论 -
关于Element-plus按需引入的一些坑-1
在使用vite之后element-plus按需引入用了插件unplugin-vue-components,其中有些问题记录一下。在使用Elmessage等写在js文件中的反馈提示消息的组件消息时插件识别不到css文件,就会出现如下效果这时就需要在main.ts中手动引入你所需要的css文件如import 'element-plus/theme-chalk/el-message.css如果图省事把css文件全部引入就是这样import 'element-plus/dist/index.css'原创 2022-03-06 04:02:47 · 373 阅读 · 0 评论 -
【Ant Design Vue】Grid栅格组件用法
这篇文章来介绍Ant中的Grid栅格,提一句,栅格是把横向区域等分为24份。划分之后的信息块称为盒子,每个盒子可以有多个区域组成(同一行的所有盒子的栅格加起来是24),建议横向排列的盒子数量最多四个,最少一个。基础栅格先来看一个基本的例子:<a-row> <a-col :span="12"> <div class="grid-content bg-blue-light"> <span style="color: white;">c转载 2022-03-06 02:40:55 · 5269 阅读 · 0 评论 -
vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
版本:vue3 vue/cli 5.0.0做写store时报错import Vue from "vue";import Vuex from "vuex";import getters from "./getters";import user from "./modules/user";Vue.use(Vuex);const store = new Vuex.Store({ modules: { user, }, getters,});export default原创 2022-03-06 01:19:28 · 535 阅读 · 0 评论 -
Vue.js高效前端开发 【初识Vue.js】
全部章节 >>>>文章目录一、Vue概述1、Web前端框架介绍2、MVC和MVVM3、Vue介绍4、安装Vue二、Vue使用1、第一个Vue应用2、Vue的双向绑定3、实践练习三、Vue生命周期1、Vue的实例和数据2、Vue生命周期钩子函数3、实践练习四、过滤器1、过滤器使用2、实践练习总结:一、Vue概述1、Web前端框架介绍近几年,互联网前端行业发展得依旧迅猛,涌现出了很多优秀的JavaScrip原创 2022-03-05 23:58:34 · 73 阅读 · 0 评论 -
vue elementui时间控件,(单框同时选)范围选择周,季,年。
一、效果图因官网elementui仅有日和月的范围选择控件。所以下面开发了周季年,并放出周次。二、版本及下载1.实现需要修改源码,目前修改的版本为2.15.3,所以想要实现该方法,请先将elementui升级或者降到2.15.3.2.将lib包替换到node_module/element-ui下的liblib包下载地址:(没有积分的私聊我获取包)https://download.csdn.net/download/qq_39019765/44321511三、代码中的使用1.范围周:原创 2022-03-03 23:15:48 · 3742 阅读 · 6 评论 -
Postman 汉化教程
Postman 汉化教程(Postman中文版)迷恋自留地postman官网下载地址https://www.postman.com/downloads/postman汉化包https://github.com/hlmd/Postman-cn/releases1.首先从官网下载postMan安装包2.下载postMan 汉化包(app.zip)3.将汉化包解压并复制到Postman目录下示例 C:UsersPrideAppData`LocalPostmanapp-8.10.0 esourc原创 2022-03-03 16:37:11 · 1892 阅读 · 0 评论 -
layui开发使用文档(镜像网址)
**声明:**本人只提供layui镜像网站的共享,**此资源由本博客收集整理于网络,**本人不对镜像网站的内容负责!!如有侵权,请联系删除处理。一、Layui - 经典开源模块化前端 UI 框架其它镜像https://layui.lubingzy.cn/https://layui.11dz.cn/https://www.layui.site/http://layui.itmtr.cn/http://layui.88662.top/http://layui.uimaker.com/http原创 2022-03-03 15:32:43 · 635 阅读 · 0 评论 -
cvc-complex-type.2.4.a 发现了以元素 ‘base-extension‘ 开头的无效内容。应以 ‘{layoutlib}‘ 之一开头。
错误原因解决方法org.xml.sax.SAXParseException; lineNumber: 141; columnNumber: 252; cvc-complex-type.2.4.a: 发现了以元素 ‘base-extension’ 开头的无效内容。应以 ‘{layoutlib}’ 之一开头。猜测是layout.xml布局文件的问题注释掉 注意,注释后要加上/>,否则也不对。或者重新建个工程,把模块拷贝过去,就好了。不明原因。...原创 2022-03-03 13:23:52 · 3304 阅读 · 0 评论 -
计算机毕业设计springboot+vue+uniapp疫情防控打卡小程序源码
开发环境及工具:大于Jdk1.8,大于mysql5.5,idea(eclipse),HBuilder X技术说明:Springboot mybatis uniapp代码注释齐全,没有多余代码,适合学习(毕设),二次开发,包含论文技术相关文档。功能介绍:用户端:登录注册首页展示登录人信息,疫情打卡,个人信息,打卡记录,消息,密码修改点击疫情打卡进入打卡界面,提交打卡信息即可点击个人信息可以修改个人信息及头像消息展示后台通知消息密码修改输入旧密码输入新密码点击保存即可后台管理:统计分原创 2022-03-02 13:10:51 · 634 阅读 · 0 评论 -
若依框架接入前端 报错401 请求访问:error,认证失败,无法访问系统资源,有可能是这个原因
自定义的api、按照官方的配置跨域一、三种方式配置跨域-官方代码1、单个控制器方法CORS注解@RestController@RequestMapping("/system/test")public class TestController { @CrossOrigin @GetMapping("/{id}") public AjaxResult getUser(@PathVariable Integer userId) { // ... } @D原创 2022-03-02 04:14:26 · 7277 阅读 · 3 评论 -
分享三个前端学习方法、十项前端面试笔记:养精蓄锐,为想去的公司努力一把
前端学习那些事儿今天和小伙伴们聊聊学习这事。对于编码的学习,我认为基础知识和编程实践是最重要的。刚开始学习前端的时候,是将基础知识学习一遍,所用教材可以靠学校发的教材即可。基础学习过后,最重要的就是实践,可以不断做一些模仿网站,以及到最后自己设计网站等。收藏平时交流的信息:技术学的再好,没有开发经验,和产品经验,是很难写出好的代码。因为写代码本身是带有目的性的,解决问题。如果在校,学习程序很迷茫,是因为不知道学这个用来干嘛,自身没有想做的东西,所以就很迷茫,不知道学什么,为什么要学。工作,要对一原创 2022-03-02 02:07:10 · 390 阅读 · 0 评论 -
【ElementUI】DateTimePicker 日期时间选择器,设置 disabledDate 禁用今天之后的时间后,今天的日期选择不了的问题
首先,在选用 ElementUI 关于时间的选择器时,通常会设置 今天之后的时间不可选 或者 今天之前的时间不可选 等其他关于时间限制的需求。那么参考相关文章和官方文档之后,我们可以知道,我们需要使用 picker-options 里的 disabledDate 去对其进行限制。在这里,参考的文章如下:【ElementUI】日期选择器时间选择范围限制,根据接口灵活设置可选时间。只能选今天之前的时间,或者是只能选今天之后的时间。今天是否可以选。限制结束日期不能大于开始日期但是!同样的一句话,咋就遇到问原创 2022-03-02 01:03:38 · 3901 阅读 · 2 评论 -
vue3.0初尝试之Cannot find module ‘worker_threads‘报错
vue3.0初尝试之Cannot find module 'worker_threads’报错记录一下vue3.0的第一次尝试,启动项目的时候报错Cannot find module ‘worker_threads’,查了一下发现是因为个人电脑node版本太低,查看了一下版本node -vv11.2.0然后升级一下自己的node版本再执行启动命令就OK了npm install -g n (mac记得加sudo)n latest人生的大部分时间应该用来努力奋斗,冲啊xdm!...原创 2022-03-02 00:00:07 · 523 阅读 · 0 评论