笔记

艾瑞卡

艾瑞卡|three.js —— 围绕某物体旋转

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

可以拖动右上角观察变化html代码效果预览<!DOCTYPEhtml><htmllang="en"style="width:100%;height:100%;"><head><metacharset="UTF-8"><title>Document</title><scriptsrc="http://cdn.bootcss.com/three.js/r83/three.min.js"></script><scriptsrc="http://cooklife.cn/html/node_modules/dat.gui/buil ...

浏览器window.screenTop:浏览器左上角距离屏幕顶端的距离window.screenLeft:浏览器左上角距离屏幕左边的距离window.innerHeight:浏览器内部可用高度,包括横向滚动条的高度window.innerWidth:浏览器内部可用宽度,包括纵向滚动条的宽度window.outerHeight:浏览器整体高度window.outerWidth:浏览器整体宽度wind ...

誓言成晖

誓言成晖|HTML标签-表单,实体字符(第五天打卡)

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

表格标签html代码效果预览<tableborder="1"width="800"height="800"><caption>表格外的标题</caption><thead><tr><thbgcolor="#999999">h1</th><th>h2</th><th>h3</th><th>h4</th></tr></thead><!--表格头部--><tbody> ...

TaylorPzreal

TaylorPzreal|自定义随机数范围

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

//得到一个范围myMin<=x<=myMax;javascript代码functionrandomRange(myMin,myMax){returnMath.floor(Math.random()*(myMax-myMin+1)+myMin);//Changethisline} ...

单先生

单先生|DOM编程艺术读书笔记

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

一、代码命名规范:1.变量使用下划线2.函数使用驼峰命名二、DOM定义:DOM是一套对文档的内容进行抽象和概念化的方法.D:文档documentO:对象objectM:模型Model* ...

组合内容标签1.分区div结构如下图所示:可以认为div是其他标签的容器2.段落phtml代码效果预览<p>简·奥斯汀的小说《爱玛》里,哈丽特问爱玛:“你为何不结婚?你如此天生丽质。”</p><p>简·奥斯汀的小说《爱玛》里,哈丽特 ...

HTML标签-组合内容,嵌入资源(第四天打卡)
IT白菜哥

IT白菜哥|个人经验与理解总结2

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

11.给未来元素绑定事件,使用on。如:$('.select-result).on('click','#selectA',function(){}),其中$('.select-result')是非动态生成父级,#selectA是动态生成的子级元素。即写法为$('非动态生成父级元素').on('操作事件','动态生成的子级元素',function(){方法});12.<metaname="format-detection"content="telephon ...

一者乎

一者乎|<embed>链接优酷视频并设置自动播放

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

关于<embed>的使用,大家应该是比较熟悉的,现在先展示一下效果,然后在慢慢解释如何使用它们。特点:多个视频选择;弹出模态框,不能上下滑动;视频自带可全屏;视频自动播放;兼容IE,IE会有播放残留,所以让其刷新页面;其 ...

lixianglin

lixianglin|js小功能---定时器之滑动的ul

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

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>ul{margin:0;padding:0;}li{list-style:none}.box{width:100px;height:150px;margin:100pxauto;position:relative;overflow:hidden;}.box2{width:112px;height ...

与码共舞

与码共舞|我的前端之路

发布于 12 小时前 浏览:158 类型:原创 - 随笔 分类:面试经验 举报

之前一直做的是百度竞价之类的工作,在2016年六月份在朋友的支持下,果断的辞掉了手上的工作。去了某家培训机构去学习前端,在十一月份进入了现在的公司,前几天公司领导找我谈话,因为面试的时候吹了点,工作的时候有的不会,会问一下同事,下个月也要转正了。领导觉的我技术跟面试有点差距,感觉想让我走,说让我单独做 ...

TaylorPzreal

TaylorPzreal|Math.min()&Math.max()获取数组最值

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

这两个方法本不可以直接操作数据,目前有两种办法1.Math.min.apply(null,yourselfarray);2.Math.min(...yourselfarray);欢迎大家的方法,互相交流。 ...

webLS

webLS|canvas绘制的直线动画

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

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>firstline</title><styletype="text/css">body{background:#456E89;}.canvas{height:300px;width:300px;mar ...

来自:微信小程序联盟如果大家使用小程序的同时还在使用公众号的话,可能会用到unionId这种功能,由于公司业务需要,我们需要使用unionId,具体使用方法,请参考微信开放平台的说明,但是在微信小程序的文档中只给出了部分语言实现的源码,竟然没有java的,小程序的开发人员是有多么懒。难道大家都不用java写后台??? ...

756642763

756642763|loading动画特效(在更新中)

发布于 昨天 15:53 浏览:511 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>lodading动画效果上</title><linkrel="stylesheet"href="style.css"/><style>.box{width:100%;padding:3%;box-sizing:border-box;overflow:hidden;}.box.loader{width:30%;float: ...

renhongl

renhongl|爱听播放器

发布于 昨天 14:54 浏览:135 类型:原创 - 随笔 分类:Node.js 举报

做了个播放器,用来平时自己和同事听歌,听书。地址在这:源码地址欢迎喜欢的同学在github上给个星。 ...

爱听播放器
qq2020

qq2020|flexslider.js移动端轮播

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

html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>flexslider.js移动端轮播</title><metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"name="viewport"><style>/*resetwap*/body,p,a,div,ol,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,iframe,nav, ...

wp0214

wp0214|文件夹新建与删除

发布于 昨天 10:02 浏览:141 类型:原创 - 随笔 分类:JavaScript 举报

文件夹新建与删除文件夹新建与删除效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">body{padding:0;margin:0;}ul,li{list-style:none;margin:0;padding:0;}.box{width:1200px;height: ...

走火爱上鱼

走火爱上鱼|唯妮海购——开发经验(2)

发布于 前天 22:09 浏览:233 类型:原创 - 随笔 分类:性能优化 举报

唯妮海购这个项目终于在今天上线了。仅以此文记录一下这周开发遇到的坑1.WEBP先来2个链接一个是介绍webp的前世今生,另一个是介绍webp的兼容性的webp前世今身webp兼容性由于我们商城商品有3000多个所以有很多图片,这次先把一个介绍页面的图片替换成webp的。对了,一般的webp都要配合懒加载,这样才有时间去判断。data ...

59580

59580|CSS3鼠标悬停动画

发布于 前天 20:19 浏览:713 类型:原创 - 随笔 分类:HTML/CSS 举报

本来是字上面放几个小图标的,但是我嫌麻烦就不放了。想加的试试自己加上去,这样才更有意思html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>CSS3鼠标悬停动画</title><styletype="text/css">body{margin:200px;text-align:center;font:1em"微软雅黑"; ...

czfangdown

czfangdown|webapp和原生app的简单交互

发布于 前天 19:41 浏览:157 类型:原创 - 随笔 分类:手机移动 举报

做H5活动页,需要获取原生APP的一些信息,比如账户登录,及其他相关信息思路:通过js方法来于原生后台进行交互具体是怎么样的交互呢我是做web前端部分,手机端部分是另一个同事做的,手机端怎么实现的,不予讲述web前端1,发起js请求,请求方式:URL,具体实现例如:window.location.href='/xxx/xxxxx/'+JSON.strin ...