笔记

FlyingWWS

FlyingWWS|Three.js制作3D正方形

发布于 半小时前 浏览:32 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>a_threeJS_one</title><style>#canvas{width:1100px;height:600px;background:palevioletred;border:1pxsolid;}</style><!--步 ...

在一个项目中,要做两个时间差,结果最终出来后,在ie下不支持;比如:javascript代码效果预览varstrDate="2015-11-1623:32:59";vardate1=newDate(strDate);console.log(date1);这个时候在谷歌,火狐,以及国内的的360浏览器的极速模式下是支持的,但是在ie下不能实例化strDate这个对象,但是不报错,经过 ...

继小鹏

继小鹏|图片聚焦-imagezoom-原生js封装

发布于 9 小时前 浏览:93 类型:原创 - 随笔 分类:JavaScript 举报

感兴趣可以关注该原生JS插件库的项目项目发布分支(master)地址:https://github.com/huanghanzhilian/widget项目演示(DEMO)地址:http://www.huanghanlian.com/widget/欢迎Star。Star下不会怀孕哦,哈哈,您的鼓励就是我的动力,一起进步成长。谢谢。个人网站欢迎交流http://www.huanghanlian.com/本人对前端的笔记 ...

四月鸟凉

四月鸟凉|原生Js打印效果

发布于 10 小时前 浏览:55 类型:原创 - 教程 分类:JavaScript 举报

原生js打印效果:主要用到以下几个知识点:1.nbsp;半角的不断行的空白格(推荐使用)2.ensp;半角的空格3.emsp;全角的空格,每个字符前面都加上&2.string.charAt()返回指定位置的字符3.indexOf(),array.indexOf(item,start)返回某个指定的字符串在字符串中首次出现的位置4.substring(),code.substring(0,pos)中 ...

15138551395

15138551395|js解决单击事件与拖动事件冲突问题

发布于 昨天 23:22 浏览:62 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,target-densitydpi=medium-dpi">&n ...

单先生

单先生|defaultValue属性和select默认选中

发布于 昨天 21:09 浏览:68 类型:原创 - 随笔 分类:JavaScript 举报

1.使用表单元素的defaultValue属性来实现placeholder的功能,defaultValue包含该表单元素的初始值javascript代码$(".user-name,.user-password").focus(function(){vartxt_value=$(this).val();console.log(txt_value);if(txt_value==this.defaultValue){ ...

1379089794

1379089794|javascript计算机

发布于 昨天 20:22 浏览:1360 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>计算机</title><linkhref='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400'rel='stylesheet'type='text/css'><style>html{background:#100a1c;background-image:-webkit-radial-g ...

13611606223

13611606223|js进行数据绑定

发布于 昨天 19:06 浏览:73 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>练习</title><metaname="keywords"content=""/><metaname="description"content=""/><linkrel="stylesheet"href="http://ohiy5a45u.bkt.clouddn.com/subjec ...

单先生

单先生|折叠菜单-及选择器的运用

发布于 昨天 18:20 浏览:72 类型:原创 - 随笔 分类:JavaScript 举报

今天才发现原来筛选标签还可以这么用。not(expr|ele|fn):从匹配元素的集合中删除与指定表达式匹配的元素下面demo中的使用:var$category=$(".sub-category-box>ul>li:gt(2):not(:last)");//列表中索引大于2的,除了最后一个filter(expr|obj|ele|fn):r筛选出与指定表达式 ...

hanhui_zhu

hanhui_zhu|webpack+ES6

发布于 昨天 15:53 浏览:84 类型:原创 - 随笔 分类:JavaScript 举报

使用webpack引入js新属性配置package.json文件json代码效果预览{"name":"ES6","version":"1.0.0","description":"ademobyhanhui","main":"index.js","keywords":["build","demo","webpack"],"author":"hanhui_zhu","license":"MIT","dependencies":{"babel- ...

JayTsau

JayTsau|第二课----图片切换

发布于 昨天 15:31 浏览:128 类型:原创 - 随笔 分类:JavaScript 举报

图片不错,代码很烂。初学者,坚持打卡第一天。html代码效果预览<!DOCTYPEhtml><html><head><title>图片切换</title><style>body{text-align:center;}#header1{font-size:38px;font-weight:bold;margin:20px;color:#000;font-family:arial}#div1{height:300px;width: ...

第二课----图片切换

[demo]放大效果使用了CSS3的transform:scale(1)属性,原因就是火狐不支持zoom,简单测试了一下,谷歌火狐IE和360都可以,(忽略版本),当然比起微信版的还有很大差距。不过可以试试。html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style> ...

《JavaScript半知半解》和《Web开发实战》目前都已经发布,而关于电子版,都还没有开放下载。对于《Web开发实战》的电子版,将会在完成100个功能时开放下载,预计是过完年后的2月底或3月初。而《JavaScript半知半解》的电子版,将会从今天起搞个优惠大酬宾,只要购买了《Web开发实战》的,都可获取《JavaScript半知半解 ...

单先生

单先生|jq代码规范让代码越来越好看

发布于 昨天 12:44 浏览:149 类型:原创 - 随笔 分类:JavaScript 举报

最近学了jQuery,感觉这个jQuery是真的挺不错的,果然像他说的那样,少些多做!刚一入手感觉真是不错。但是写多了,就会发现这个代码一行居然能写那么长。而且可读性还不好。有幸自己买了一本锋利的jQuery这本书。我就整理了下。到底在实际应用中怎么让自己的jQurey的代码看起来可读性强,而且还有 ...

君邪儿

君邪儿|js实现文本上下来回滚动

发布于 昨天 11:53 浏览:146 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>多行滚动jQuery循环新闻列表代码</t ...

君邪儿

君邪儿|js中this的用法

发布于 昨天 11:37 浏览:90 类型:原创 - 随笔 分类:JavaScript 举报

Javascript的this用法作者:邪日期:2017年1月13日this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,  functiontest(){    this.x=1;  }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那 ...

LeslieHe

LeslieHe|转载 许愿墙效果

发布于 昨天 10:28 浏览:124 类型:转载 - 译文 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>许愿墙</title><style>*{margin:0px;padding:0px;}body{background:-webkit-linear-gradient(top,rgb(203,235,219)0%,rgb(55,148,192)120%);backg ...

LeslieHe

LeslieHe|转载 打字机

发布于 昨天 10:26 浏览:72 类型:转载 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><metaname="renderer"content="webkit"><metahttp-equiv="X-UA-Compatible"content="IE=Edge"><metaname="keyword"content=""><metaname="description"content=""></head><body><divclass="autotype"id="autotype ...

探花

探花|图片懒加载,要是看不到,自己换图片哈

发布于 昨天 09:46 浏览:140 类型:原创 - 随笔 分类:JavaScript 举报

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title></head><styletype="text/css">&nb ...

1379089794

1379089794|基于JQ的打字机

发布于 昨天 00:08 浏览:632 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><metaname="renderer"content="webkit"><metahttp-equiv="X-UA-Compatible"content="IE=Edge"><metaname="keyword"content=""><metaname="description"content=""></head><body><divclass="autotype"id="autotype ...