笔记

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 小时前 浏览:92 类型:原创 - 随笔 分类:JavaScript 举报

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

誓言成晖

誓言成晖|前端切图总结(第一天打卡)

发布于 10 小时前 浏览:148 类型:原创 - 随笔 分类:HTML/CSS 举报

在UI设计师没有给切图的情况下(假设),前端应该怎么切图。。。第一我们应该切那些?1.修饰性的图片:(1)图标.logo(2)特殊效果的按钮,以及文字(3)非纯色背景...渐变也要切用途:background属性2.内容性图片:(1)广告和banner(2)文章配图用途:img标签第二切图保存类型?1.修饰性图片 ...

四月鸟凉

四月鸟凉|原生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 ...

ywhluck

ywhluck|loading...

发布于 昨天 22:01 浏览:78 类型:原创 - 随笔 分类:HTML/CSS 举报

index.html效果预览<!doctypehtml><htmllang="en"><head><metacharset="utf-8"><title>loading...</title><style>.loader{float:left;position:relative;width:80px;height:80px;margin-right:8px;}.small{-webkit-transform:scale(.5);transform:scale(.5);}. ...

tony0522

tony0522|Tiny-loader 好用的资源加载器

发布于 昨天 21:43 浏览:45 类型:转载 - 随笔 分类:性能优化 举报

(具体见电脑笔记)概述在前端性能优化中,我们会压缩静态文件,懒加载图片,合并请求,来加快页面打开速度。当这些都做完以后,前端性能优化仿佛进入了一个瓶颈,所有的资源都已经最合理化加载了。其实,仔细观察静态资源文件,会发现许多文件我们并不需要在页面一开始就下载它们。这时候,如果有个组件,帮助我根据优先级 ...

单先生

单先生|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){ ...

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>纯css3网页左上角扇形状导航效果</title><styletype="text/css">*{margin:0px;padding:0px;}body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}.tips{width: ...

happyzgm

happyzgm|鼠标左右移动,图片也跟着移动

发布于 昨天 20:26 浏览:103 类型:原创 - 随笔 分类:HTML/CSS 举报

效果:鼠标往左移,图片对应右移,鼠标往右移,图片就左移动。图片距离越远偏移距离越大。思路:首先获取图片原先的距离。设置一个变化值,图片的最终距离等于原先的距离加上变化值html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>body{margin:0;}#wrap{widt ...

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 浏览:72 类型:原创 - 随笔 分类: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 ...

夏天锝竹影

夏天锝竹影|页面显示swf格式文件自适应问题

发布于 昨天 18:46 浏览:47 类型:原创 - 随笔 分类:HTML/CSS 举报

页面显示swf格式文件自适应问题标签<param>的描述http://www.dreamdu.com/xhtml/tag_param/html标签之Object和EMBED标签详解http://www.jb51.net/html5/89835.html实例html代码效果预览<objecttype="application/x-shockwave-flash"data="http://res.nie.netease.com/nie/flash/xy2/ ...

单先生

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

发布于 昨天 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筛选出与指定表达式 ...

18910715150

18910715150|CSS3 弹性盒子

发布于 昨天 18:16 浏览:93 类型:原创 - 随笔 分类:HTML/CSS 举报

display:flex;将对象作为弹性伸缩盒显示<!DOCTYPEhtml><html><head><style>.flex-container{display:-webkit-flex;display:flex;width:400px;height:250px;background-color:lightgrey;}.flex-item{backgro ...

CSS3 弹性盒子
18910715150

18910715150|CSS3 弹性盒子

发布于 昨天 18:14 浏览:38 类型:原创 - 随笔 分类:HTML/CSS 举报

display:flex;将对象作为弹性伸缩盒显示<!DOCTYPEhtml><html><head><style>.flex-container{display:-webkit-flex;display:flex;width:400px;height:250px;background-color:lightgrey;}.flex-item{backgro ...

18910715150

18910715150|CSS3 弹性盒子

发布于 昨天 18:13 浏览:43 类型:原创 - 随笔 分类:HTML/CSS 举报

display:flex;将对象作为弹性伸缩盒显示<!DOCTYPEhtml><html><head><style>.flex-container{display:-webkit-flex;display:flex;width:400px;height:250px;background-color:lightgrey;}.flex-item{backgro ...

627724572

627724572|你的 “第一次”

发布于 昨天 17:25 浏览:117 类型:原创 - 随笔 分类:面试经验 举报

从事前段工作快10个月了,你们还记得你们面试成功进入的第一家公司的感觉吗?还记得收到面试成功的消息当时的感受吗 ...

zhaocchen

zhaocchen|获取单选按钮的值,以及单选按钮回显

发布于 昨天 16:12 浏览:85 类型:原创 - 教程 分类:HTML/CSS 举报

拿选择最喜爱的水果为例。html代码效果预览您最喜欢水果?<br/><br/><label><inputname="Fruit"type="radio"value="1"/>苹果</label><label><inputname="Fruit"type="radio"value="2"/>桃子</label><label><inputname="Fruit"type="radio"value="3"/>香蕉</label><label><inputname="Fruit"type= ...