04 2019 档案
摘要:HTML5本地存储之本地数据库篇 姓名: 手机: 公司:
阅读全文
摘要:html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS3制作3D图片立方体旋转特效</title> <link rel="stylesheet" href="3d.css"> </head> <body> <div c
阅读全文
摘要:画按钮 您的浏览器不支持Canvas,请升级浏览器!
阅读全文
摘要:<meta charset="utf-8"> <canvas width="1000" height="1000" id="clockCanvas" style="border:1px solid red;"> 您的浏览器版本太低,不支持显示时钟的canvas标签 </canvas> <script
阅读全文
摘要:<style type="text/css"> span{ display: block; float: left; width: 50px; height: 50px; border: 1px solid red; background-color: #000; } div{ width: 520
阅读全文
摘要:代码 <!DOCTYPE HTML> <html> <style type="text/css"> div { border: 1px solid red; } /*向上淡入*/ .wrap { width: 800px; height: 200px; position: relative; } .
阅读全文
摘要:细节1 1.Chrome中文界面下会将小于12px的字体默认显示为12px,解决方法:在CSS中加入-webkit-text-size-adjust:none; 2.link可以加载除CSS以外的其他文档,@import只能加载CSS 3.IE下,可以使用普通方法获取自定义属性,也可以使用getAt
阅读全文
摘要:js 兼容问题 1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"] 2. 集合类对象问题
阅读全文
摘要:1.常用 api 1.旋转中心点设置 ctx.rotate(20*Math.PI/180); 以画布(0,0) ctx.rotate(20*Math.PI/180,50,20); 以画布(50,20) 2.相对定位原点 translate() 方法重新映射画布上的 (0,0) 位置 3.画圆 con
阅读全文
摘要:var myTest = function () { var value = 0; return { add: function () { value++; }, // value:value, value: function () { return value; } } }(); console.
阅读全文
摘要:<iframe width="310" scrolling="no" height="25" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=40&icon=1&num=3">
阅读全文
摘要:js单线程阻塞实例setTimeout(function () { while (true) { } }, 1000);setTimeout(function () { alert('end 2'); }, 2000);setTimeout(function () { alert('end 1');
阅读全文
摘要:setTimeout 与 setInterval 实现回调本质上区别:setTimeout(function(){ /* Some long block of code ... */ setTimout(arguments.callee,10);},10);setInterval(function(
阅读全文
摘要:1. this 指向 结合箭头函数的this分析 函数执行方式 this指向1.直接圆括号 window2.对象调用 对象3.事件触发 触发对象4.定时器运行 window (常常定义变量存储this以达到this指向特定对象)5.作为数组对象的某个元素 该数组对象 调用一个函数将暂停当前函数的执行
阅读全文
摘要:indexOf 返回数值类型 ( 索引、-1 ) includes 返回布尔类型 ( true 、false ),且能区分出 NaN undefined ( 如新建空数组 ) 测试代码 var arr=[1,2,3,NaN] arr.indexOf(3) // 2 arr.indexOf(NaN)
阅读全文
摘要:Array.from的设计初衷是快速便捷的基于其他对象创建新数组,准确来说就是从一个类似数组的可迭代对象( Object、Array、String,Set,Map,arguments等 )创建一个新的数组实例,说人话就是,只要一个对象有迭代器,Array.from就能把它变成一个数组 Array.f
阅读全文
摘要:相关知识点: 构造函数、原型对象、实例对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
阅读全文
摘要:1.demo <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" href="http://cdn.dowebok.com/98/cs
阅读全文
摘要:1.轮播形式 千奇百怪,常见:透明度、位移 2.代码实现 2.1 透明度 基础代码 html <div class="my-slide"> <ul class="slide-wrapper"> <li> <a href="javascript:"><img src="http://cdn.doweb
阅读全文
摘要:1. stop 文档 $(selector).stop(stopAll,goToEnd) stopAll 可选。规定是否停止被选元素的所有加入队列的动画。goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。 2. 案例代码 <!DOCTYPE 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
阅读全文
摘要:1. prevObject jquery选择器在遍历的过程中都会找到一组元素(一个jQuery对象),然后jQuery会把这组元素推入到栈中。prevObject属性就指向这个对象栈中的前一个对象,而通过这个属性可以回溯到最初的DOM元素集。利用这个DOM元素栈可以减少重复的查询和遍历的操作,而减少
阅读全文
摘要:1. html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>向上滚动</title> <style type="text/css"> * { margin: 0; padding: 0; color: 1
阅读全文
摘要:1. es5 类写法 function People(name) { this.name = name; } People.prototype.getName = function () { return this.name; }; var people = new People("strick")
阅读全文
摘要:前景: 页面部分区域需要移入悬浮效果,当然默认的 title 也是可以的,最多只是格格不入,但是却是最为靠谱的。。 思路: 基于 jq 实例扩展 、使用立即执行函数保持功能独立、 自定义类实现功能封装的定位解释小功能 实现: 1.html <!DOCTYPE html> <html> <head>
阅读全文
摘要:1. 定义四种常用隐藏元素的方式,然后调用 jq 的 show 方法显示,观察各原先隐藏元素的 display 表现,结合 jq 源码,show 方法设置 元素 display 属性值为 隐藏时的 display <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文