前端
qq_32522799
这个作者很懒,什么都没留下…
展开
-
带边框的简单变宽运动出现的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div{ width原创 2018-12-12 18:18:32 · 152 阅读 · 0 评论 -
javascript深入浅出——数据类型和表达式、运算符
一、数据类型1、六种数据类型(1)原始类型number(数字)、string(字符串)、boolean(布尔值)、null和underfined。(2)对象类型object(对象){ function(函数)、Array(数组)、Date(日期) }2、隐式转换“37”-7 //30 此处'-'为减法运算 “37”+7 //377 “+”为字符串拼接(1)...原创 2019-01-02 11:57:35 · 134 阅读 · 0 评论 -
yahoo军规
一、尽肯能减少http请求数合并图片、js、css。二、使用CDN (内容分发网络)意思是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输地更快、更稳定。在离你最近的地方,放置一台性能好链接顺畅的副本服务器,让你能够以最近的距离,最快的速度获取内容。三、添加 Expire/Cache-Control 头expire头的内容是一个时间值,值就是资源在本...原创 2018-12-30 12:34:53 · 118 阅读 · 0 评论 -
SEO应用
seo:search engine optimization/,ɑptəmɪ'zeʃən/ (搜索引擎)1、白帽seo:改良和规范网站设计。(1)内容seo:①网站标题、关键字、描述。②网站内容优化。③robot.txt文件。④网站地图。⑤增加外链应用。(2)前端:①网站结构布局优化。②网页代码优化。2、黑帽seo:利用和放大搜索引擎缺陷来获取更多用户的访问量。 网站结...原创 2018-12-30 11:37:31 · 342 阅读 · 0 评论 -
关于焦点图的实现方法
1、把所有图片放在一起使其浮动,a绑定事件,向左移动800的倍数(第几张图片)window.onload=function(){ var li = document.getElementById('banner_imgs'); var a = document.getElementsByClassName('number')[0].getElementsByTagName(...原创 2018-12-24 19:11:43 · 276 阅读 · 0 评论 -
电商导航实现
window.onload = function(){ var li = document.getElementsByTagName('li'); for(var i=0;i<li.length;i++){ li[i].a=i; li[i].onmouseover...原创 2018-12-18 19:33:04 · 359 阅读 · 0 评论 -
信息滚动效果
marquee标签已被html5弃用,了解即可。无缝滚动原理 var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementById('con2'); con2.innerHTML = con1....原创 2018-12-17 19:44:49 · 148 阅读 · 0 评论 -
关于时间和倒计时等问题
//倒计时window.onload=function(){ var curtime = new Date(); var endtime = new Date('2018,12,20') var lefttime = Math.ceil((endtime.getTime() - curtime.getTime())/(24*60*60*1000)); document....原创 2018-12-15 18:06:51 · 234 阅读 · 0 评论 -
淘宝小icon垂直环绕
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实例</title> <style> #move{ width: 300px; border:1px solid原创 2018-12-14 17:04:59 · 120 阅读 · 0 评论 -
同时运动
<script type="text/javascript"> window.onload = function(){ var li1 = document.getElementById('li1'); li1.onmousemove = function(){ startMove(li1,{width:201,height:200,opacity:100...原创 2018-12-14 12:05:16 · 115 阅读 · 0 评论 -
链式运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ ma原创 2018-12-13 18:26:22 · 132 阅读 · 0 评论 -
任意值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ ma原创 2018-12-13 14:42:49 · 347 阅读 · 0 评论 -
多物体运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{原创 2018-12-12 18:31:46 · 129 阅读 · 0 评论 -
javascript深入浅出——语句
三、语句JavaScript程序由语句组成,语句遵守特定的语法规则。 例如:if、while、with语句1、块blcok块语句常用语组合 0~多个语句。用一对花括号定义。例:{ var str = 'hi'; console.log(str);}实际上与if或for其他语句连用。 注意:没有块级作用域。//对象字面值是封闭在花括号对({})中的一个...原创 2019-01-02 13:53:51 · 134 阅读 · 0 评论