时间
Web前端实习报告
实 习 报 告学生姓名： 学 号： 专业班级： 实习单位： 实习时间： 校外指导教师：...
Vue3+Element-Plus创建简单后台管理系统模板
preview 在线预览地址：ad m in.tianle ile i/#/开发过程中遇到问题以及解决⽅法1.2. 递归组件组件⾃⾝调⽤⾃⾝ 参考sideBar组件3.4. resolvePath使⽤path模块⾼效的处理路径拼接5. watch 与watchEffect区别watch不会⽴即执⾏ watchEffect会⽴即执⾏ 并且可以⼿动取消监听6. 新版transiti...
UI还原测试及标注思路心得
前端页面模板UI还原测试及标注思路⼼得先给⼤家讲个场景。年底了，公司开始赶产品上线。上线时间紧促，导致从产品到设计到开发的时间压缩得可怜，产品改需求，设计开始哧哧改，好不容易画完图，做好标注图后，打个包丢给前端。前端开发完后，测试⼩姑娘开始测试，UI拿到前端做好的页⾯验收还原度——WTF 这特么是⾃⼰画粗来的页⾯吗？果断验收不合适。前端这边委屈了，我分明是按你的设计图写的代码，为什么最后区别这么⼤...
layui数据表格table的一些技巧,及自定义模板的使用
layui数据表格table的⼀些技巧，及⾃定义模板的使⽤table数据 有时总会有判断男⼥ 类型之类的，所以通过下列⽅法即可轻松解决。当然，这样在前台直接写死的 貌似不⼤好，没关系，我们可以通过⾃定义模板的⽅法 数据都来⾃后台，前台只做判断，如：效果如下：关于table表格时间格式的调整：上图的⽅法，试过这么写，但有时候就不⼤好使，所以 下⾯推荐另⼀种⽅法， 上⾯是图⽚，...
CSS3系列14过渡时间
CSS3系列14过渡时间js控制css3动画触发过渡时间基础知识在了解CSS过渡时间之前，你应该先了解⼀下CSS的变形动画，可以参考之前的⼀篇博客。我们的元素在属性发⽣变化时，如果没有特地的为它设置过渡时间，整个变化过程其实是以毫秒级别进⾏的，过程⾮常快，⾁眼不易察觉。故我们要学习CSS过渡时间，来让它的变化过程更加平滑。动画属性不是所有css属性都有过渡效果， ，⼀般来讲有中间值的属性都可以设置...
CSS3的过渡及实现扇形导航
CSS3的过渡及实现扇形导航transition（过渡）transition-property：过渡属性的名称transition-duration：过渡动画所需的时间transition-timing-function：变化速度可以不断改变transition-delay：延迟时间注意：1. 第⼀个可以被解析成时间的值会赋值给transition-duration2. 在元素⾸次渲染还没有完成的...
CSS3实现鼠标hover的过渡效果
CSS3实现⿏标hover的过渡效果我想让⿏标放在div上就让它旋转变⼤，离开div后它⼜恢复本来的样⼦。于是我就想写⼀个JS，监听⼀个hover事件，当hover发⽣的时候，触发⼀个计时器，在计时器⾥写两个值，⼀个管⾓度，⼀个管宽度，随着时间的变化逐渐增加，不断地重写div的style。当达到我期望的limit的值后让它停⽌（或者⼲脆解除计时器）。再监听⼀个leave事件，当leave发⽣后，让...
css3js实现h5转盘抽奖
css3js实现h5转盘抽奖<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><meta name="viewport" content="width=device-width, initial-scale=...
CSS3animation动画与js动画的优缺点
CSS3animation动画与js动画的优缺点CSS的animation属性在⽹页中加⼊动画是⼀件很有意思的事情，⼀般我们可以使⽤js添加事件来实现动画。但还有⼀种⽅法可以实现动画效果，就是使⽤css 的animation属性。CSS3中添加的新属性animation是⽤来为元素实现动画效果的。但是animation⽆法单独担当起实现动画的效果。这个我们会在后⾯讲到。我们先来讲讲animatio...
html中实现图片的无限滚动,【小程序】纯css3实现横向无限滚动
html中实现图⽚的⽆限滚动,【⼩程序】纯css3实现横向⽆限滚动本⽂⽰例都是⽤⼩程序写的，但是不影响要实现的功能。wxml装图⽚的盒⼦多复制⼀份，让循环图⽚的⾸尾相接wxss.dis-flex {display: flex;display: -webkit-flex;}.scrollbox {margin: 30px;text-align: center;border: 1px solid bl...
css3——transition属性和opacity属性
css3——transition属性和opacity属性【transition-duration】是⼀个css3属性，规定完成过度效果需要花费的时间（⼀秒或毫秒计）。语法：transition-duration: time;time ：规定完成过渡效果需要花费的时间（以秒或毫秒计）。默认值是 0，意味着不会有效果。该属性其实是transition属性的⼀个⼦属性，下⾯总结⼀下css3中的trans...
css3宽度变大动画_CSS3—新增属性(一)
css3宽度变⼤动画_CSS3—新增属性（⼀）⼀、边框圆⾓border-radius属性，值可以是⼀个px为单位的数值，也可以是%为单位的百分⽐数值。· 属性名：border-r adius· 作⽤：设置边框的圆⾓。· 属性值：可以是像素值，或者百分⽐，百分⽐参考的是盒⼦整体宽度、⾼度的百分⽐。单⼀属性· border-top-left-radius: 半径;· border-top-right-...
【CSS3】设置动画开始播放的时间
【CSS3】设置动画开始播放的时间animation-delay属性⽤来定义动画开始播放的时间，⽤来触发动画播放的时间点。和transition-delay属性⼀样，⽤于定义在浏览器开始执⾏动画之前等待的时间。语法规则：animation-delay:<time>[,<time>]*案例演⽰：浏览器渲染样式之后2S之后触发move动画。HTML:<div><...
使用原生js+css3实现下拉刷新效果
使⽤原⽣js+css3实现下拉刷新效果原⽣app⾥的数据列表都会使⽤下拉刷新的效果，在webapp⾥可以采⽤iscroll、swiper等插件或框架实现，那么如何⾃⼰编码实现类似的效果呢，下⾯介绍使⽤原⽣js+css3实现的简单效果。html布局<!DOCTYPE html><html><head><meta charset="utf-8"><...
css3实现手机菜单展开收起动画
css3实现⼿机菜单展开收起动画<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta...
css3过渡触发机制
CSS3过渡触发机制一、什么是CSS3过渡CSS3过渡是一种在CSS属性值发生变化时，元素逐渐改变其样式的效果。通过过渡，我们可以实现各种平滑的动画效果，比如渐变、旋转、缩放等。过渡效果可以通过CSS的transition属性来定义。二、CSS3过渡的基本语法CSS3过渡的基本语法如下：transition: propertyjs控制css3动画触发 duration timing-functio...
使用css动画也可以回调函数
使⽤css动画也可以回调函数在做项⽬中经常会遇到使⽤动画的情况。以前的情况是⽤js写动画，利⽤setTimeout函数或者questAnimationFrame()实现⽬标元素的动画效果。js控制css3动画触发虽然后者解决了刷新频率和移动频率同步的问题，但是因为js频繁地操作dom带来的额外开销和复杂的计算公式使得⼤多数开发者对⽤原⽣js动画望⽽却步⽽取道各种插件动画。这其实也...
css画钟表_css3+js绘制动态时钟(附代码)
css画钟表_css3+js绘制动态时钟（附代码）本章给⼤家介绍如何使⽤css3与js实现动态时钟效果，有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对你有所帮助。先看看效果图：⾸先，思考了⼀下页⾯的布局,⼤致需要4层div，最底层是⼀个表盘的背景图，然后其余3层分别是时针，分针，秒针的图层.html代码如下：变量名是随便起的，不要介意; class=center的这个div是表中⼼那个⼩⿊点....
帝国cms自动更新生成一次内容页
帝国cms⾃动更新⽣成⼀次内容页每分钟⾃动更新⽣成⼀次内容页（注：不是栏⽬或者列表...是⽂章）最近做⽹站的时候碰到⼀个问题，每个页⾯都要更新，因为每个页⾯是直接获取新浪和淘宝的数据还有国外的⼀个⽹站，如果批量更新的话别⼈会直接封掉IP。⽤了论坛⾥⾯的计划任务功能。那边提供了两种解决⽅案，但是弊端也是显⽽易见：⼀种是开着后台，电脑要⼀直开着，另外⼀种要放⾸页等页⾯⾥⾯。我觉得这样做都太耗青春了！更...
帝国CMS自动批量定时审核插件
帝国CMS⾃动批量定时审核插件模板类型：帝国插件适⽤系统：7.0/7.2/7.5适⽤编码：gbk/utf-8插件等级：★★★★☆帝国cms文库模板价格：40元===============================================================审核⽅式⼀：按栏⽬随机审核⽹站采集了5000篇⽂章，难道⼀次性放出来？最好的⽅法是定时定量放出来，⽐如每分钟放出2篇...
帝国cms描述有html标签,帝国cms常用标签调用方法(灵动标签和万能标签...
帝国cms描述有html标签，帝国cms常⽤标签调⽤⽅法（灵动标签和万能标签的调⽤⽅法）...整理了⼀些常⽤的帝国CMS调⽤，灵动标签和万能标签的调⽤⽅法举例。幻灯⽚、标题、⼀级栏⽬、⼆级栏⽬、带模版的友情链接(下拉菜单)、判断内容页字段为空时是如何调⽤的等等...新⼿可以借鉴学习，这也是我常⽤来copy直接⽤的，节省了不少时间。幻灯⽚：1、显⽰表最新的头条信息(数字13代表头条，数字3代表最新)...
[JavaScriptJQuery]js数组去重的4个方法
javascript全局数组[JavaScriptJQuery]js数组去重的4个⽅法⾯试前端必须准备的⼀个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛⼤等都在⾯试⾥出过这个题⽬。这个问题看起来简单，但是其实暗藏杀机。考的不仅仅是实现这个功能，更能看出你对计算机程序执⾏的深⼊理解。我总共想出了三种算法来实现这个⽬的：01. Array.prototype.uni...
set删除一个元素时间复杂度_详解使用Set来提高JS代码性能的方法_百度文 ...
set删除⼀个元素时间复杂度_详解使⽤Set来提⾼JS代码性能的⽅法我确信有很多开发⼈员坚持使⽤基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多⽤例，这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展，那么这些基本类型并不总是⾜够好。在本⽂中，我们将讨论JS 中Set对象如何让代码更快— 特别扩展性⽅便。 Array 和Set⼯作⽅式存在⼤量的交叉。但是使⽤Set会⽐Array 在...
《大厂面试》—Java集合连环30问
《⼤⼚⾯试》—Java集合连环30问1. 常见的集合有哪些？java集合类主要由两个跟接⼝Conllection 和 Map派⽣出来的，Conllection派⽣出了三个⼦接⼝；List、Set、Queue（Java5新增的队列），因此java集合⼤致也可以分成List、Set、Queue、Map四种接⼝体系。注意：Conllection是⼀个接⼝，Conlletcions是⼀个⼯具类，Map不是...
div层的显示和隐藏
自己看了一下别人的一些代码，自己也学着做了个，一直知道这种层显示隐藏效果最关键的地方就是应用暂停（setTimeout及 clearTimeout）或是时间间隔（setInterval及clearInterval）成对应用制作成的。如果在执行一组指定的代码前等待一段时间，则使用暂停。如果要反复执行某些代码，就使用时间间隔。这个基本上是原理了。再者，就是很多人在制作页面时，都喜欢用font-size...
CSS中过渡效果(transition)
CSS中过渡效果（transition）CSS中过渡效果（transition）过渡（⽆继承性）CSS3提供了强⼤的过渡属性，它可以在不使⽤Flash动画或者JavaScript脚本的情况下，为元素从⼀种样式转变为另⼀种样式时添加效果，例如渐显、渐弱、动画快慢等。1、transition-property属性transition-property 属性⽤于指定应⽤过渡效果的CSS属性的名称。基本语...
el-date-picker,DateTimePicker日期时间选择器样式更改
el-date-picker,DateTimePicker⽇期时间选择器样式更改效果如下：<el-date-pickerv-model="value1"type="datetimerange"start-placeholder="开始⽇期"end-placeholder="结束⽇期":default-time="['12:00:00']"></el-date-picker>...
JAVA-小程序制作日历预约时间功能
JAVA-⼩程序制作⽇历预约时间功能实现的是⼀个⼩程序预约时间功能 ，开始接到这个需求的时候觉得，是写在前端好呢，还是后端，后来我的⽇历呈现实现⽅式是放在了后端，因为产品设计的需求呢每次进⼊预约时间页⾯，规定都要读⼀遍后台设置数据，对当前时间于预约时间进⾏对⽐判断，确保数据的实时性。记录下弄完的全过程把 ，我后端使⽤的是JAVA开发的1.建了个POJO类，主要⽤于返回到前端的数...
JQuery几种动画效果的方法
JQuery⼏种动画效果的⽅法下⾯介绍了⼏种动画效果的⽅法，具体如下：1、show()显⽰效果语法：show(speed,callback) Number/String,Function speend为动画执⾏时间，单位为毫秒。也可以为slow","normal","fast" callback可选，为当动画完成时执⾏的函数。show(speed,[easing],callback)&...
小程序picker-view自定义日期时间等
⼩程序picker-view⾃定义⽇期时间等picker-view 可以⾃定义地区时间什么的，其实主要是可以修改样式啦。<view class='login-user border-none' bindtap='data_click'><view class='user-t'>⽣⽇</view><view class='user-i'><i...
