自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我的博客

我是描述

  • 博客(39)
  • 资源 (2)
  • 收藏
  • 关注

原创 uni-app通过点击事件直接全屏播放视频

一、背景:项目需求,点击元素直接全屏播放视频,退出全屏关闭视频。二、代码<view v-if="videoPlay"> <video controls id="myvideo" :src="videoUrl" @fullscreenchange="screenChange" ></video></view>data() { return { videoPlay: false,

2021-09-23 15:07:39 51

原创 uniapp 使用秋云uCharts图表组件、echarts图表组件

。。

2021-09-16 10:14:20 43

原创 CSS实现消息通知时铃铛图标显示摇铃效果

1. 代码如下<image class="xiaoxi-icon" src="../../static/icons/xiaoxi.png" :class="{'rotate':isPlaying}"></image>.rotate { display: block; animation: rotate 0.1s linear infinite;} @keyframes rotate{ 0%{ transform: rotateZ(0deg);

2021-09-16 10:12:50 11

原创 css实现动态渐变闪烁功能

1、页面展示(uni-app项目)<view class="red-dot" style="width:24rpx; height:24rpx;border-radius:12rpx;background:#DB1F1F;"></view>2、css样式.red-dot{ animation:fade 1500ms infinite; -webkit-animation:fade 1500ms infinite;}@keyframes fade {

2021-09-04 15:30:27 17

原创 uni-app项目实现v-for列表中的每一项独立计时

前言:由于工作项目需求,需要实现功能:在一个展示设备信息的设备列表中,如果设备处于警告状态,则该设备会有一个发生警告的时间点,需要根据时间点计算发生警告至今的时间,且要求是动态的(即每秒刷新一次,类似时钟)。之前做过根据一个时间点来计时的功能,但那是只有一项的情况。所以,难点是在v-for列表中实现多项计时。经过网查和摸索,实现效果,记录一下。一、直接上代码 data() { return { deviceList: [], timer: '' }

2021-09-04 10:54:42 14

原创 uni-app vue-cli项目 uView安装及配置

一、说明:uView安装有下载安装和npm安装两种方式,使用的是npm安装二、步骤:1、安装SCSSuView依赖SCSS,您必须要安装此插件,否则无法正常运行。// 安装node-sassnpm i node-sass -D// 安装sass-loadernpm i sass-loader -D2、对uView进行npm安装// 安装npm install uview-ui3、引入uView主JS库在项目根目录中的main.js中,引入并使用uView的JS库

2021-09-03 15:08:17 28

原创 前端使用jsencrypt进行RSA加密解密(uniapp也可用)

前言:由于项目需求,需要对一些重要信息进行RSA加密再传给服务器,网上找了挺久相关内容,终于解决,总结一下。一、引入jsencrypt.js文件jsencrypt.js下载:https://download.csdn.net/download/qq_40146789/20371505值得一提的是,若是引入正常的jsencrypt.js,uni-app项目会报错,上面的jsencrypt.js是经过修改,uni-app可用不报错的。二、使用1. 将下载好的jsencrypt.js放在一个专

2021-07-20 10:53:13 127 2

转载 Web 用户体验设计提升指南

转载自:https://juejin.cn/post/6932647134944886797前端优秀实践不完全指南一个 Web 页面,一个 APP,想让别人用的爽,也就是所谓的良好的用户体验,我觉得他可能包括但不限于:急速的打开速度 眼前一亮的 UI 设计 酷炫的动画效果 丰富的个性化设置 便捷的操作 贴心的细节 关注残障人士,良好的可访问性 ...所谓的用户体验设计,其实是一个比较虚的概念,是秉承着以用户为中心的思想的一种设计手段,以用户需求为目标而进行的设计。设计过程注.

2021-02-25 16:42:33 291

原创 uniapp微信小程序-实现短信验证码倒计时

uniapp微信小程序 - 实现短信验证码倒计时1. 定义倒计时变量count_down data () { return { count_down: 60 } },2. 成功获取验证码后,调用countDown函数开始倒计时 // 倒计时 countDown () { var that = this this.timer = setInterval(() => { that.count_dow

2021-02-23 09:33:40 260

原创 uniapp微信小程序问题汇总

1.

2021-02-05 13:42:09 336

转载 JS中Math函数的常用方法

Math是数学函数,但又属于对象数据类型typeof Math=> ‘object’console.dir(Math)查看Math的所有函数方法。1,Math.abs()获取绝对值Math.abs(-12) = 122,Math.ceil() and Math.floor()向上取整和向下取整 console.log(Math.ceil(12.03));//13 console.log(Math.ceil(12.92));//13 console.log(Math...

2020-11-12 12:29:33 102

原创 vuejs项目中,实现类似时钟的实时计时器

问题描述:工作需要,在vuejs项目中,给定一个开始时间,根绝开始时间计算用时多少,并实时在页面显示出来,即实时计时器。实现:直接上代码 data () { return { start_time: '2020-10-29 14:10:00', count_time: '00:00:00' } }计算用时的函数: methods: { // 计算用时 startTime为开始时间 字符串格式‘2020-10-29 14:00:

2020-10-29 14:28:38 687 1

原创 element-ui el-table表格出现抖动闪动问题的解决

问题描述:勾选批量选择框、切换tab、输入查询条件时,table表格出现抖动,体验极差。

2020-10-28 17:34:27 6124 4

原创 微信小程序引入WeUI组件库并使用组件

一、通过npm方式下载构建,npm包名为 weui-miniprogram1、进入小程序项目根目录,执行命令 npm init 创建 package.json 文件(一开始是没有的)2、在小程序 package.json 所在的目录中执行命令安装 npm 包,安装命令:npm installweui-miniprogram注意:此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。...

2020-09-27 18:00:06 2000

原创 微信小程序实现回到顶部功能

wxml:<image class="go_top" src="../../images/gotop.png" hidden="{{!go_top_show}}" bindtap="goTop"></image>wxss:/* 回到顶部 */.go_top{ width: 80rpx; height: 80rpx; position: fixed; bottom: 50rpx; right: 30rpx; text-align: center

2020-09-24 17:29:09 401

转载 css的伪元素::after和::before

// 转载自:浅谈css的伪元素::after和::beforecss中的::after和::before已经被大量地使用在我们日常开发中了,使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解,究竟他们是做什么的?如何使用他们?什么时候应该使用他们?笔者总结了一些对伪元素的理解和使用经验。一、概念:1.定义从定义我们知道::before和::after匹配一个虚拟元素,主要被用于为当前元素增加装饰性内容的。他显示的内容是其自身的“conten

2020-09-23 16:26:19 185

原创 SQL查询数据并插入新表、SQL创建具有相同表结构的新表

一、SQL查询数据并插入新表create table newtable as select * from oldtable;创建一个新表newtable,newtable的表结构、数据与oldtable是一样的。需要注意的是,新表newtable不会保留oldtable的约束关系(包括主键等)二、SQL创建具有相同表结构的新表create table newtable as select * from oldtable where 1=0;创建一个新表newtable ,new.

2020-09-18 11:49:42 410

原创 用Nodejs实现后端多条件查询

【例子】输入多个条件或者一个条件或者不输入条件均可以查询【实现】根据接收的参数是否为空,进行动态拼接sql语句。 // 多条件查询,动态拼接sql var sql = 'select * from record_uncontacted where 1=1' if (req.query.recordNum !== '') sql = sql + " and recordNum= '" + req.query.recordNum + "'" if (req.query.grade

2020-09-15 14:59:57 718

原创 【问题总结】微信小程序开发过程中遇到的一些问题

一、概况利用微信小程序云开发功能做了一个名为【网盘分享助手】的微信小程序。主要功能:1、分享一些网盘资源,为用户提供特定的网盘链接,用户复制链接后打开网盘App即可获取相应的资源。(此处目的是分享动漫资源,主要海贼王相关。超级海迷)2、为海迷设置一个留言区,用户可发布留言(暂不支持楼中楼回复)二、遇到的问题及解决方案1、说到问题,最令人崩溃的莫过于:辛辛苦苦地开发,开开心心地提交审核,悲剧地审核不通过。是的,第一次做小程序,不知道审核力度和标准,所以...因为做了播放视频的功能,

2020-09-09 16:18:43 406

原创 使用git命令删除、合并分支、从远程仓库拉取本地没有的分支,以及一些常用的git命令

一、.删除分支注意:

2020-07-21 16:55:07 198

原创 【好记性不如烂笔头】易忘的技巧性知识点

1、【java】(条件与 && 、条件或 || )和(逻辑与 % 、逻辑或 | )的区别:条件与 && 、条件或 || 遵循短路规则2、常用快捷键Eclipse(java): main函数:main->Alt+/ 输出:syso->Alt+/ 多行注释:Ctrl+shift+/ 自动导入包:Ctrl+shift+ONetbeans: 多行注释:Ctrl+/VS Code: 多行注释:Ctrl+/...

2020-06-13 18:18:32 119

原创 【问题集中贴】

1、nodejs、npm、cnpm的安装注意:安装cnpm需以管理员身份打开cmd窗口,再执行npm install -g cnpm --registry=https://registry.npm.taobao.orghttps://www.runoob.com/nodejs/nodejs-install-setup.htmlhttps://www.cnblogs.com/tielemao/p/9157675.html2、...

2020-06-12 19:18:09 784

原创 多益网络前端笔试

1、常用的http请求方式有?https://www.cnblogs.com/yinrw/p/10694474.html2、

2020-06-04 12:18:10 579

原创 前端面经摘录

1.快速排序https://blog.csdn.net/nrsc272420199/article/details/825879332.

2020-04-27 13:37:22 112

原创 前端笔试记录

1.跨域请求携带cookiehttps://www.cnblogs.com/yihuite-zch/p/10825764.html2.

2020-04-10 18:48:35 91

原创 前端知识点

前端练习题知识点1.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度答案:内联元素加上display:block;后被块级化。块级元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。因此,可以定义其宽度和高度。none:此元素不会被显示;inline:把元素变成内联元素;inhe...

2020-04-10 18:45:45 127

原创 【问题贴】做毕业设计过程中遇到的一些问题

1.localStorage的存储,读取,删除https://blog.csdn.net/she8362315/article/details/829006622.

2020-03-17 23:52:50 1083

原创 Spring4 相关配置截图

Spring IOC1)2)3)自动装配4)方法注入5)方法替换6)bean之间的关系:继承、依赖、引用Spring AOP1,前置通知;2,后置通知;3,环绕通知;4,返回通知;5,异常通知;切面类Spring 对DAO 的支持1,配置数据源dbcp;2,使用JdbcTemplate;jdbc...

2019-08-21 16:54:25 95

原创 Jsp&Servlet学习笔记(二)

Jsp&Servlet学习笔记(二)第六章EL 表达式第一节:EL 表达式简介表达式语言(Expression Language,EL)提供了在 JSP 中简化表达式的方法,让Jsp的代码更加简化。第二节:EL 表达式内置对象1、pageContext 表示javax.servlet.jsp.PageContext 对象2、pageScope 表示从...

2019-07-25 18:21:26 244 1

原创 Jsp&Servlet学习笔记(一)

Jsp&Servlet学习笔记(一)第一章 问候 Jsp&Servlet 他大爷第一节:Jsp 概述第二节:B/S vs C/SB/S系统是 浏览器/服务器(瘦客户端); C/S系统是 客户端/服务器(胖客户端)。第三节:Tomcat 服务器简介:百度百科。安装及配置:百度。目录结构:第五节:问候他大爷第一个J...

2019-07-18 15:12:32 9981 3

原创 Java学习个人疑难解决方法——记录篇

1、如何在eclipse创建javabean快速生成set/get方法?首先创建一个javabean,然后在里面创建两个成员属性,然后在javabean里面点击右键,在弹出的右键快捷菜单中点击【Source】,然后点击【Generate Getter and Setter】,然后在弹出的Generate Getters and Setters对话框中点击【Select All】,其他保持默认,...

2019-07-14 15:28:05 111

原创 Netbeans连接mysql数据库出现的问题及解决方法

NetBeans版本:8.2mysql版本:8.0Connector/J驱动程序:mysql-connector-java-8.0.16.jar--------------------------------------------------------------------------------------------------------------原JDBC U...

2019-06-25 15:09:46 4171 3

转载 MySQL ODBC驱动安装和配置数据源

一、MySQL的ODBC驱动下载及安装 步骤一:下载ODBC驱动安装包1、下载地址:https://dev.mysql.com/downloads/connector/odbc/2、在【Select Platform】下拉列表框中选择自己电脑操作系统版本(我的操作系统是Win7)然后依据自己操作系统位数,是32位还是64位,点击右边的【Download...

2019-05-17 01:21:28 2273

原创 JavaScript学习笔记(高级篇)

JavaScript学习笔记(高级篇)第一章 Function对象第一节:Function对象引入Function是js的方法对象,可以用Function实例化出任何js方法对象;第二节:用Function创建方法对象var sayFunc=new Function("name","age","alert(name+'今年'+age+'岁了')");sayFunc(...

2019-05-08 23:08:12 131

转载 Mysql用命令提示符新建数据库、表等常用的MYSQL命令

一、连接MYSQL  格式: mysql -h主机地址 -u用户名 -p用户密码  1、 连接到本机上的MYSQL。  首先打开DOS窗口,然后进入目录mysql\bin,再键入命令mysql -u root -p,回车后提示你输密码.注意用户名前可以有空格也可以没有空格,但是密码前必须没有空格,否则让你重新输入密码.  如果刚安装好MYSQL,超级用户root是没有密码的,故直接...

2019-04-19 18:08:41 2110

转载 MySQL 5.7版本中 添加用户与授权,删除用户,新建数据库,修改密码

MySql5.7版本中添加用户,新建数据库,用户授权,删除用户,修改密码(mysql 8.0很不一样)1.添加用户  1.1 登录MYSQL:  @>mysql -u root -p  @>密码  1.2 创建用户:  mysql> insert into mysql.user(Host,User,Password) values("localhost...

2019-04-19 17:39:04 349

原创 JavaScript学习笔记(基础篇)

JavaScript学习笔记(基础篇)第一章 问候JavaScript 他大爷第一节:JavaScript 简介百度百科:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网...

2019-03-24 22:47:53 267

原创 CSS学习笔记

CSS学习笔记第一章 CSS概述CSS 指级联样式表 (Cascading Style Sheets);第二章 CSS基本选择器第一节:CSS基本语法第二节:CSS基本选择器1)标记选择器2)类别选择器3)ID选择器第三节:在 HTML 中引入 CSS 的方法1、行内样式2、内嵌式3、链接式&...

2019-03-14 19:40:04 133

原创 HTML学习笔记

第一章用HTML设置文本1、文本排版段落标签:&lt;p&gt;内容&lt;/p&gt;换行标签: 内容&lt;br/&gt;标题标签:&lt;h1&gt;内容&lt;/h1&gt;、······、&lt;h6&gt;内容&lt;/h6&gt;文字居中标签:&lt;center&gt;内容&lt;/center&gt;文字段落缩进标签:&am

2019-03-14 19:29:41 643

数据库系统课程项目

大三上学期课程数据库课程项目,做了一个小型仓库管理系统。

2019-06-15

RSA加密解密的使用,含jsencrypt.js文件(uni-app也可用)

前端RSA加密解密的使用,含jsencrypt.js文件(uni-app也可用)

2021-07-20

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除