04 2019 档案

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

点击右上角即可分享
微信分享提示