2019年11月13日
JS toFixed四舍五入精度校正
摘要： var a = 2.255; var b = a.toFixed(2); console.log(b); 以上代码，按预期正常四舍五入得到结果应该是2.26，但实际返回值为2.25 js浮点数精度作为前端必踩坑，谁也逃不过，不过我们可以改写原型上的方法达到目的 Number.prototype.to 阅读全文
posted @ 2019-11-13 16:23 梁涛999 阅读(498) 评论(0) 推荐(0) 编辑
CSS3 实现恭贺新春页面
摘要： 效果： 在线运行 http://oa.hopenchina.com:8086/project/newyear/index.html（建议用手机查看） 知识点： 1、box-sizing:border-box 2、:before 3、first-of-type 4、设置box背景渐变、阴影、边框 ba 阅读全文
posted @ 2019-11-13 10:38 梁涛999 阅读(609) 评论(0) 推荐(0) 编辑
2019年11月10日
星级评分实现
摘要： 效果图： 图片： 完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>星级评分</title> <style> *{ padding:0; margin: 0; } .rating{ width:140px; heigh 阅读全文
posted @ 2019-11-10 23:40 梁涛999 阅读(162) 评论(0) 推荐(0) 编辑
2019年11月8日
CSS3 红包雨动画应用
摘要： 效果： 点击“在线运行”查看效果 完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> *{ padding: 0; margin: 0; } body,html{ height:100%; } .rightmenu{ 阅读全文
posted @ 2019-11-08 00:14 梁涛999 阅读(1308) 评论(0) 推荐(0) 编辑
2019年11月6日
CSS3 非线性时间函数应用
摘要： （网络图片、如侵权必删除） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; } .fire{ width:166.7px; height:29 阅读全文
posted @ 2019-11-06 18:12 梁涛999 阅读(323) 评论(0) 推荐(0) 编辑
2019年11月5日
CSS3 animation动画与transition过渡比较
摘要： 共同点 animation动画与transition过渡都可以实现动画效果，拥有下面共同的属性 animation:mymove 2s linear infinite alternate; transition: width 1s ease-out; 1、动画名称（name）@key-frame 2 阅读全文
posted @ 2019-11-05 23:17 梁涛999 阅读(473) 评论(0) 推荐(0) 编辑
JS 数组高阶函数 map、reduce、filter、sort等
摘要： JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量， 一个函数参数是另一个函数，这种函数就称之为高阶函数。 一个最简单的高阶函数： function add(x, y, f) { return f(x) + f(y); } Map 定义和用法： map() 方法 阅读全文
posted @ 2019-11-05 21:34 梁涛999 阅读(1440) 评论(0) 推荐(0) 编辑
2019年11月3日
浏览器--操作文件
摘要： 在HTML表单中，可以上传文件的唯一控件就是 通常，上传的文件都由后台服务器处理，JavaScript可以在提交表单时对文件扩展名做检查，以便防止用户上传无效格式的文件： File API 由于JavaScript对用户上传的文件操作非常有限，尤其是无法读取文件内容，使得很多需要操作文件的网页不得不 阅读全文
posted @ 2019-11-03 22:59 梁涛999 阅读(280) 评论(0) 推荐(0) 编辑
浏览器--操作DOM
摘要： 在操作一个DOM节点前，我们需要通过各种方式先拿到这个DOM节点。最常用的方法是document.getElementById()和document.getElementsByTagName()，以及CSS选择器document.getElementsByClassName()。 document. 阅读全文
posted @ 2019-11-03 22:38 梁涛999 阅读(352) 评论(0) 推荐(0) 编辑
浏览器--浏览器对象
摘要： window innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽。 还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。 navigator navigator 阅读全文
posted @ 2019-11-03 21:51 梁涛999 阅读(343) 评论(0) 推荐(0) 编辑