随笔分类 -  web

CSS3可视化网站
摘要：Uiverse uiverse.io/ 这是一个国外的开源项目，所有效果全部拿来即用，都不用安装任何第三方包。并且每个小组件的效果都非常炸裂。 项目包含了我们常用到的一些组件，例如：按钮Button、多选框Checkbox、胶囊按钮Switch、加载特效Loading、输入框Input、表单Form 阅读全文
posted @ 2024-10-31 11:11 Tiramisu.man 阅读(162) 评论(0) 推荐(0)
HTML文本截取库
摘要：/** * [trimHtml description] * HTML文本截取库 * @param {String} html * @param {Object} options * @return {Object} */ export const trimHtml = (html, options 阅读全文
posted @ 2021-07-05 00:31 Tiramisu.man 阅读(130) 评论(0) 推荐(0)
@Font-face目前浏览器的兼容性
摘要：这几天做项目发现，明明用@Font-face引入字体，但是ie上就是字体样式不一样 百度走一走发现之前忽略了一个细节，就是@Font-face浏览器的兼容性 @Font-face目前浏览器的兼容性： •Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、 阅读全文
posted @ 2020-06-11 10:52 Tiramisu.man 阅读(1123) 评论(0) 推荐(0)
js获取时间段内属于星期一的日期们
摘要：/* 获取时间段内属于星期一(*)的日期们 * begin: 开始时间 * end：结束时间 * weekNum：星期几 {number} */ function getWeek (begin, end, weekNum){ var dateArr = new Array(); var stimeArr = begin.split("-");//=>["2018",... 阅读全文
posted @ 2019-06-14 16:57 Tiramisu.man 阅读(2273) 评论(0) 推荐(0)
常用插件
摘要：jquery 1.swiper.min.js 轮播图 https://www.swiper.com.cn/usage/ 2.video-js 视频播放 http://www.jq22.com/jquery-info404 3.scrollReveal.js 滚动展示动画 https://scroll 阅读全文
posted @ 2019-03-21 19:27 Tiramisu.man 阅读(208) 评论(0) 推荐(0)
关于 css 规范
摘要：1. css的书写顺序 （1）定位属性：position display float left top right bottom overflow clear z-index （2）自身属性：width height padding border margin background （3）文字样式： 阅读全文
posted @ 2018-12-20 17:16 Tiramisu.man 阅读(302) 评论(0) 推荐(0)
随便写写
摘要：1.checkbox样式 .shopping-cart .card-header input[type='checkbox']{ width: 1rem; height: 1rem; -webkit-appearance:none; backgroundr: #eeeeee; border: sol 阅读全文
posted @ 2018-11-14 17:19 Tiramisu.man
flex版本兼容
摘要：/* 弹性布局 */.flex{ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) 阅读全文
posted @ 2018-10-26 15:25 Tiramisu.man 阅读(1239) 评论(0) 推荐(0)
常用html媒体查询尺寸
只有注册用户登录后才能阅读该文。
posted @ 2018-10-12 17:58 Tiramisu.man 阅读(17) 评论(0) 推荐(0)
验证数字的正则表达式集
摘要：验证数字的正则表达式集 用的时候需要加上斜杠列如 var re = /^[0-9]*$ / ; //数字表达式 验证数字：^[0-9]*$ 验证年龄：^([0-9]|[0-9]{2}|100)$ 验证非全数字：/^.*[^\d].*$/验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,} 阅读全文
posted @ 2018-08-08 15:54 Tiramisu.man 阅读(151) 评论(0) 推荐(0)
模糊查询json数组
摘要：var PatientList=[ {"value":1242,"name":"小乔"}, {"value":1634,"name":"露娜"} {"value":1521,"name":"李白"}, {"value":1765,"name":"娜可露露"}, {"value":1358,"name 阅读全文
posted @ 2018-07-20 14:02 Tiramisu.man 阅读(2308) 评论(0) 推荐(0)
js 实现json数组时间排序
摘要：NewsList=[ {"time":1531995239981,"level":"小乔"}, {"time":1531994874457,"level":"露娜"} {"time":1531995513155,"level":"李白"}, {"time":1531995337797,"level" 阅读全文
posted @ 2018-07-20 10:00 Tiramisu.man 阅读(704) 评论(0) 推荐(0)
有滚动条得情况下，求标签离浏览器视口高度
摘要：使用：getElementViewTop($(".product .tab a")[0]) //注意一定要加[0] //有滚动条得情况下，求标签离浏览器视口高度 function getElementViewTop(element) { var actualTop = element.offsetT 阅读全文
posted @ 2018-06-20 16:40 Tiramisu.man 阅读(123) 评论(0) 推荐(0)
用js实现时间减去前1小时、7天、1月、1年
摘要：var sdtime1 = new Date('2018-03-22 16:14:55') var sdtime2 = sdtime1.setHours(sdtime1.getHours() -1)//小时 var sdtime3=new Date().setDate((new Date().get 阅读全文
posted @ 2018-03-22 17:57 Tiramisu.man 阅读(34062) 评论(2) 推荐(2)