- 博客(16)
- 收藏
- 关注
RSS订阅原创 纯css实现一只敲可爱的兔子
Document *{ padding: 0; margin: 0; } body{ background: rgb(209,180,140); } .rabit{ width: 300px; height: 300px; position: relative; margin: 120px auto; } .head{
2017-12-03 11:31:52
1860
2
原创 实现鼠标跟随的放大镜效果
效果图如下：代码： Document .wrap{ width: 300px; height: 400px; margin: 100px; overflow: hidden; position: re
2017-11-30 16:54:44
1699
原创 流光溢彩的字体
Document div{ width: 200px; font-size: 40px; font-weight: bold; -webkit-background-clip: text; background-image: linear-gradien
2017-11-29 18:32:42
577
原创 css3画五角星
效果如下：实现： Document div{ width: 0; height: 0; border-left: 100px solid transparent; border-bottom: 70px solid red; border-right: 100px solid transparent; transform: ro
2017-11-26 15:48:07
3818
原创 表单验证
正则表达式 *{ margin: 0; padding: 0; font-family: "微软雅黑"; } #top{ width: 100%; height: 50px; background: #8B3A62; font-size: 20px; text-align: left; text-indent: 30px;
2017-11-17 15:32:03
201
原创 跨浏览器的事件处理、事件对象
ie8及以下版本事件绑定和解绑，事件对象的下列↓↓属性和现代浏览器有所不同，所以为了兼容所有浏览器，可以写一个通用的对象来进行操作：event.returnValue=false等同于现代浏览器中的event.preventDefault()、event.cancelBubble=true等同于现代浏览器中的event.stopPropagation()event.srcE
2017-11-13 16:25:03
222
原创 面向对象思想实现简易计算器
Document body{ background: #e2e2e2; } *{ margin: 10px; } .wrap{ margin:200px auto; width: 600px; }
2017-11-04 06:30:30
1472
原创 js实现引用对象的深度复制
如果要复制下面这样一个对象：var xm={ age:20, name:'li', fa:[1,2], gf:{ sex:'femal', family:[9,8] } }只用for in循环是远远不够的，因为内部的fa数组和gf对象就只是取得了引用地址，复制后的对象和xm对象引用的是同样的一个fa和gf如果想实现深度复制怎么办？主要可以考虑下
2017-10-30 16:01:32
438
原创 未知参数个数的函数，如何实现柯里化？
上一篇文章，介绍了如果已知一个A函数的参数个数，如何利用curry函数，实现A函数的柯里化，相对来说还好理解。这篇文章，介绍一个比较难理解的内容。如果A函数的参数个数是可变的，怎么实现A的柯里化？为什么会研究这么一个奇怪的问题呢，因为最近看了一道前端的面试题，如下：// 实现一个add方法，使计算结果能够满足如下预期： add(1)(2)(3) = 6; a
2017-10-29 11:27:40
1602
2
原创 已知参数个数的函数，如何实现柯里化？
创建一个函数，使得输入的函数能具有柯里化的功能。function curry(fn){ var len=fn.length; var arg=Array.prototype.slice.call(arguments,1); return function(){ var args=arg.concat(Array.prototype.slice.call(arguments))
2017-10-29 10:18:21
398
原创 原生js实现计算器
逻辑1、获取被点击的按钮的值。2、判断这个是数字、运算符号、小数点。3、运算符号进行运算，小数点和数字push进数组，然后转换为数字。 Document *{ margin: 0; padding: 0; } .wrap{ width: 250px; height: 250px; margin: 100px auto; backgroun
2017-09-29 17:42:21
8320
1
原创 倒计时
逻辑：1、目标时间-当前时间（获取的是毫秒数）2、（总的毫秒数/1000%60）向下取整=相差多少秒3、（总的毫秒数/1000/60%60）向下取整=相差多少分4、（总的毫秒数/1000/60/60%24）向下取整=相差多少小时5、（总的毫秒数/1000/60/60/24）向下取整=相差多少天 Document #wrap{ width: 205
2017-09-28 22:53:32
200
原创 下拉选项框联动
先上效果图：逻辑：1、页面加载完成之后，自动更新第一个下拉框的数据。2、前一个下拉框被改变之后，后面所以的选项框，内容全部清空，并且会触发紧挨着后面一个选项框更新。代码： Document -请选择- -请选择- -请选择- /*模拟数据*/var getDate=funct
2017-09-28 11:03:24
771
原创 banner图无缝滑动
模仿了一个实现banner的无缝滑动，只要改变html结构中的就可以自由增加和减少图片，其余的都是自动运行的。先上一张效果图：把html，css，js写在一个页面上了，不是很规范，但是方便看~~ Document *{ padding: 0; margin: 0;
2017-09-28 10:53:52
1452
原创 html事件传递参数
本内容仅涉及，html事件~~主要讲下面两件事：1、this传递2、怎么传多个参数这是在html中绑定事件js中函数function addrow(a,con,con1){ console.log(a); var tab=document.getElementsByTagName('table')[0]; var newtr=docu
2017-09-28 10:52:01
3780
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人