生活杂文

网站首页html+js

CSS盒子水平居中的六种方法

CSS盒子水平居中的六种方法

方法一：定位居中.child{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;} 方法二：margin居中.child{position:absolute;margin:auto;top:0;left:

  • 蓝天
  • [html+js]
  • 2020年03月31日
  • 阅读6次

CSS制作波浪文本动画特效

CSS制作波浪文本动画特效

HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U

  • 蓝天
  • [html+js]
  • 2020年03月24日
  • 阅读29次

JS各种常用方法自定义函数

JS各种常用方法自定义函数

验证不能包含字母const isNoWord = value => /^[^A-Za-z]*$/g.test(value);验证中文和数字const isCHNAndEN = value => /^((?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uF

  • 蓝天
  • [html+js]
  • 2020年03月15日
  • 阅读36次

CSS3常见及常用单位：总结

CSS3常见及常用单位：总结

常见的单位有： px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的

  • 蓝天
  • [html+js]
  • 2020年03月12日
  • 阅读69次

JS中数组相关方法：统计

JS中数组相关方法：统计

1. Array.from()Array.frommethod从array - like或iterable对象创建一个新的浅拷贝
浅拷贝是对象的逐位副本。创建一个新对象，该对象具有原始对象中值的精确副本。如果对象的

  • 蓝天
  • [html+js]
  • 2020年03月09日
  • 阅读23次

JS中删除数组中重复对象

JS中删除数组中重复对象

待去重的数组：var arrayOfObject = [{name: '阿龙',img: '../img...'},{name: '张三',img: '../img...'},{name: '李四',img: '../img...'},{name: '蓝天',img: '../img...'}

  • 蓝天
  • [html+js]
  • 2020年03月09日
  • 阅读30次

JS定时器实现倒计时弹窗

JS定时器实现倒计时弹窗

var seconds = 0; var interval; function pomodoro(mins) { seconds = mins * 60 || 0; interval = setInterval(function () {

  • 蓝天
  • [html+js]
  • 2020年03月09日
  • 阅读28次

JS中将24小时格式转换为12小时

JS中将24小时格式转换为12小时

js中有时候可能要把24小时格式化12小时，方法如下：var dt = new Date();var hours = dt.getHours(); // 以24小时格式给出值var minutes = dt.getMinutes() ;var finalTime = "

  • 蓝天
  • [html+js]
  • 2020年03月09日
  • 阅读29次

JS万能的数据类型检测：toString

JS万能的数据类型检测：toString

JS数据类型检测有很多种，而“toString”很神奇，不信就看看吧： Object.prototype.toString.call([]); // [object Array] Object.prototype.toString.call(1); //

  • 蓝天
  • [html+js]
  • 2020年03月09日
  • 阅读20次

利用html加css制作一个切换开关按钮

利用html加css制作一个切换开关按钮

首先创建一个标签输入复选框，这样我们就可以改变标签的开关打开时复选框被选中的开关关断时没有选中。<input type=“checkbox”id=“toggle”class=“checkbox”/><label fo

  • 蓝天
  • [html+js]
  • 2020年03月08日
  • 阅读35次

CSS实现一个等待加载器

CSS实现一个等待加载器

首先，我们需要创建3个点，以创建一个加载器<div class = "loader"> <div></div> <div></div> <div></div></div>添加一些CSS以使div填满整个屏幕。将加载程序设置为

  • 蓝天
  • [html+js]
  • 2020年03月08日
  • 阅读16次

联系方式