- 博客(16)
- 收藏
- 关注
原创 JavaScript高级程序设计
第1章——JavaScript简介一、JavaScript实现JavaScript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成:核心(ECMAScript) 由ECMA-262定义,提供核心语言功能。文档对象模型(DOM) 提供访问和操作网页内容的方法和接口。浏览器对象模型(BOM) ...
2019-01-04 19:50:21
307
原创 javascript深入浅出——语句
三、语句JavaScript程序由语句组成,语句遵守特定的语法规则。 例如:if、while、with语句1、块blcok块语句常用语组合 0~多个语句。用一对花括号定义。例:{ var str = 'hi'; console.log(str);}实际上与if或for其他语句连用。 注意:没有块级作用域。//对象字面值是封闭在花括号对({})中的一个...
2019-01-02 13:53:51
140
原创 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
157
原创 yahoo军规
一、尽肯能减少http请求数合并图片、js、css。二、使用CDN (内容分发网络)意思是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输地更快、更稳定。在离你最近的地方,放置一台性能好链接顺畅的副本服务器,让你能够以最近的距离,最快的速度获取内容。三、添加 Expire/Cache-Control 头expire头的内容是一个时间值,值就是资源在本...
2018-12-30 12:34:53
126
原创 SEO应用
seo:search engine optimization/,ɑptəmɪ'zeʃən/ (搜索引擎)1、白帽seo:改良和规范网站设计。(1)内容seo:①网站标题、关键字、描述。②网站内容优化。③robot.txt文件。④网站地图。⑤增加外链应用。(2)前端:①网站结构布局优化。②网页代码优化。2、黑帽seo:利用和放大搜索引擎缺陷来获取更多用户的访问量。 网站结...
2018-12-30 11:37:31
349
原创 关于焦点图的实现方法
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
298
原创 电商导航实现
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
373
原创 信息滚动效果
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
155
原创 关于时间和倒计时等问题
//倒计时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
236
原创 关于缓冲运动中的小问题
window.onload=function(){ var div1 = document.getElementById('div1'); div1.onmouseover=function(){ startMove(0); } div1.onmouseout=function(){ startMove(-200); } } var time...
2018-12-15 13:41:36
184
原创 淘宝小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
125
原创 同时运动
<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
120
原创 链式运动
<!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
141
原创 任意值
<!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
359
原创 多物体运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{
2018-12-12 18:31:46
133
原创 带边框的简单变宽运动出现的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div{ width
2018-12-12 18:18:32
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人