- 博客(33)
- 收藏
- 关注
RSS订阅转载 关于对象与函数
添加链接描述添加链接描述添加链接描述像let str = new String(“abc”)就是包装对象，添加链接描述除了undefined都可以看成是对象添加链接描述添加链接描述...
2019-12-08 22:37:58
124
转载 canvas时钟
<iframe width="100%" height="300" src="https://c.runoob.com/iframe/3336" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
2019-11-25 22:06:19
198
原创 楼层导航
楼层导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-09-11 21:22:10
336
原创 利用ajax实现二级菜单
利用ajax实现二级菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-09-11 21:20:48
522
原创 商品放大镜
商品放大镜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...
2019-09-11 21:19:01
110
原创 跨域、借助百度简单实现搜索功能
借助百度简单实现搜索功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-09-11 21:17:17
307
原创 递归
递归<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
2019-09-10 22:30:12
207
原创 jquery手风琴
jquery实现tab切换$(function () { $('.nav li').each(function (x) { $(this).addClass('active').siblings().removeClass(); $('.content div').eq(x).show().siblings().hide() })}) jqu...
2019-09-10 22:29:18
195
原创 ajax封装
ajax封装<script> ajax({ 'methods':'post', 'url':'wenben.txt', 'type':'application/x-www-form-urlencoded;utf-8', 'data':'name=ujiuye', 'success':functio...
2019-09-10 22:27:37
107
原创 闭包
闭包<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
2019-09-10 22:26:21
114
原创 构造+原型实现tab切换
构造+原型实现tab切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-09-10 22:25:05
476
原创 简单实现注册登录
简单实现注册登录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-09-10 22:24:06
1256
原创 封装cookie、利用cookie登录
封装cookie// 设置function setCookie(key,value,day){ var date = new Date(); date.setDate(date.getDate()+day) document.cookie = key+'='+value+';expires='+date}// 获取function getCookie(key)...
2019-09-10 22:17:25
214
原创 动画封装
动画封装<body> <div></div> <script src='donghua copy.js'></script> <script> var div = document.getElementsByTagName('div')[0] ...
2019-09-10 22:14:25
95
原创 拖拽封装、碰撞检测
拖拽封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-09-10 22:06:49
155
原创 检测输入的字符数量，并限制长度
检测输入的字符数量，并限制长度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-09-10 21:57:41
660
原创 bom弹出框、 事件委托、滚轮事件
bom弹出框<body> <p>我是中国人，我爱中国！</p> <button>删除</button><button>修改</button> <script> var op = document.querySelector('p') var bt...
2019-09-09 22:42:28
147
原创 返回顶部、懒加载、自定义右键
返回顶部<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ...
2019-09-09 22:38:35
110
原创 不重复随机数、验证码
不重复随机数<body> <button>开始</button> <p></p> <script> //求20--100之间10个不重复的随机数 var op = document.querySelector('p') var btn = documen...
2019-09-09 22:34:49
227
原创 数组去重、自己实现数组reverse方法、sort排序
数组去重<body> <script> //数组去重 var arr = [5,3,5,7,4,3,3,3,5]; 返回[5,3,7,4] var arr = [5,3,5,7,4,3,3,3,5] var newArr = [] for(i=0;i<arr.length;i++){ ...
2019-09-09 22:32:20
197
原创 模拟打字、跑马灯、展开收缩
模拟打字<body> <p></p> <script> var str = '百度（纳斯达克：BIDU），全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司。百度愿景是：成为最懂用户，并能帮助人们成长的全球顶级高科技公司。“百度”二字，来自于八百年前南宋词人辛弃疾的一句词：众里寻他千百度。这句话描述了词人...
2019-09-09 22:29:24
221
原创 字符串去重、获取字符串中出现次数最多的字符、字符串转对象
字符串去重<body> <!-- 把下面的字符串去重，并去除掉特殊字符按照数字在前字母在后的顺序排序字符串，最终返回12345fdsarg var str = '1233fddfd&3434fdsaff&454545&4545444rfdsfds&545gdsgs'; --> <script> ...
2019-09-09 22:24:42
285
1
原创 获取时间、倒计时
获取时间<body> <p id="count"></p> <script> var count = document.getElementById('count') function time(){ var date = new Date(); con...
2019-09-07 22:02:31
281
原创 重复定时器使用
验证码发送倒计时 setTimeout(function(){},1000) 时间 单位 毫秒 --> 验证码:<input type="text"><button>发送验证码</button> <!-- 57s以后重新发送 --> <script> var btn = do...
2019-09-07 21:56:09
608
原创 封装运动框架
封装运动框架function getStyle(obj,attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]}var timer;function move(obj,target,speed,callback){ var len = parseInt(getStyl...
2019-09-07 21:40:37
156
原创 切换图片 两种状态转换 全选
改变图片srcbtn.onclick = function(){ div.innerHTML=' <img src="images/'+txt.value+'.jpg" alt="" id="pic">'} 点击切换图片<img src="./image/1.jpg" alt="" id="im"><br><button id="btn...
2019-09-07 20:41:50
306
原创 html+css面试题
面试题汇总day011、严格模式和混杂模式-如何区分这两种模式 区分他们有何意义？定义：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。支持html5标准的主流浏览器都认识这个声明。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之...
2019-09-07 20:14:55
2961
原创 HTML+CSS基础知识04
H5+CSS3部分H5新增语义化标签结构标签<header>头部/标题</header>nav 导航<section>独立内容模块，可以h1-h6组成大纲，表示文档结构，有章节、页眉、页脚或其他部分。</section> <article>（文章） 文章核心部分</article> <aside>标...
2019-09-07 20:08:00
679
原创 HTML+CSS基础知识03
1:经典常见布局自适应: 盒子宽度随着屏幕宽度发生变化 百分比1:两列自适应布局要求:右侧盒子100%放置 再固定左侧盒子宽度, 左侧盒子添加左浮动属性 ===>浮动元素会覆盖标准盒子2: 三列自适应布局左右两侧固定宽度,中间盒子自适应圣杯布局技术点: 浮动并排 + 负外边距 margin-left + 相对定位 (left right)<!DOCT...
2019-09-07 14:31:38
85
原创 HTML+CSS基础知识02
BFC(块级格式化上下文)BFC(Block formatting context)直译为"块级格式化上下文"。元素的显示模式我们前面讲过元素的显示模式 display。分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其它显示模式。哪些元素会具有BFC的条件？不是所有的元素模式都能产生BFC，w3c 规范：display 属性为 block, list-item, table 的元素...
2019-09-07 14:31:06
131
原创 HTML+CSS基础知识01
HTML : Hyper Text Markup Language 超文本标记语言常用的浏览器有哪些?1: Chrome Webkit —> Blink2: Firefox Gecko 开源3: IE Trident4: Safari Webkit5: Opera Pre...
2019-09-07 14:17:56
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人