04 2016 档案
摘要：绘画 canvas 用于媒体回放的video和audio 本地离线存储localStorage 长期存储数据，浏览器关闭后数据不丢失 sessionStorage本地存储数据，浏览器关闭后数据自动删除 语义化更好的内容元素，如article、footer、header、nav、section 表单控
阅读全文
摘要：Web标准是一系列标准的组合，包括结构化语言标准（XHTML/XML/HTML）、表现标准语言(CSS)及行为标准语言(JavaScript)。具体表现为： （1）Web标准规范要求，标签书写必须闭合、标签小写、合理嵌套标签，提高搜索几率 （2）建议使用外联css和js脚本，实现结构、表现和行为的分
阅读全文
摘要：cd /home 进入 '/ home' 目录' cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd 进入个人的主目录 cd ~user1 进入个人的主目录 cd - 返回上次所在的目录 ls 查看目录中的文件 ls -F 查看目录中的文件 ls -l 显示文件和目录的详细资料 ls
阅读全文
摘要：1.访问元素中style属性的css样式 可以根据属性的ID或name标签利用dom操作直接访问到内部的css样式,直接使用style对象访问 <div id="myid" style="backgroundColor:blue;"></div> <script type="text/javascr
阅读全文
摘要：JavaScript采用事件驱动机制来响应用户操作的。 事件源 事件对象 》事件处理程序 事件源：可以是网页元素（如按钮、输入框、文本域。。。）、浏览器窗口、等 事件对象：一般而言，当一个事件发生时，会产生一个描述该事件的具体对象（该对象会包含对该事件的一些详细信息，如你按什么键触发这个事件） 事件
阅读全文
摘要：JavaScript闭包是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量，而这些变量不会随着上一级函数的执行完成而销毁。 function a(){ var i=0; function b(){ alert(++i); } return b; } var c=a(); c(); 当函数a
阅读全文
摘要：封装即是把抽象出的属性和对属性的操作封装在一起，属性被保护在内部，程序的其他部分只有通过被授权的操作（如函数）才能对属性进行操作。
阅读全文
摘要：1. function 类名（）{ this.属性； } var 对象名=new 类名（）； function 函数名（）{ //执行代码 } 对象名.属性名=函数名； 对象名.属性名（）； function Person（）{ this.name="abc"; this.age=30; } fun
阅读全文
摘要：备注：JavaScript中没有类class的概念，一般把原型对象看作类 1. 工厂方法--使用new Object创建对象并添加相关属性 var Obj = new Object; Obj.name = 'sun'; Obj.showName = function() { alert('this.
阅读全文
摘要：//数组转置 var arr=[[2,5,6,8],[8,5,6,9],[9,6,2,1]] ; var arrNew=[];//定义一个新数组 for(var i=0;i<arr[0].length;i++){ arrNew[i]=[];//为新数组开辟空间 } //js数组可以动态添加数据 //
阅读全文
摘要：思路：找到数组中间数，和你要找的数进行比较，如果midVal>findVal则说明要查找的数在数组的左半部分，就把该数组二分，只从左边找（递归） var arr=[1,4,6,8,12,45];function binarySearch(arr,findVal,leftIndex,rightInde
阅读全文
摘要：思想：从第一个元素开始，对数组中两两相邻的元素比较，将值较小的元素放在前面，值较大的元素放在后面，一轮比较完毕，一个最大的数沉底成为数组中的最后一个元素，一些较小的数如同气泡一样上浮一个位置。n个数，经过n-1轮比较后完成排序。 var arr=[5,0,-56,900,12];var flag=f
阅读全文
摘要：1. 通过函数名直接调用 函数名（实际参数）； 2. 通过指向函数的变量去调用 var 变量=函数名； 变量（实际参数）；
阅读全文
摘要：1. js绘画金字塔 思想：先画n-i个空格，再画2*i-1个*号，再画n-i个空格（此处可以省略），一行画完之后换行；循环下一行（先判断每行的空格数和*号与行数间的关系） var n=window.prompt(); for(var i=1;i<=n;i++){ for(var j=1;j<=n-
阅读全文
摘要：整个小游戏主要分成界面部分与赢法统计两方面。 源码地址：https://github.com/sunshineqt/test/tree/master/five-in-line 在线预览：https://sunshineqt.github.io/test/five-in-line/index.html
阅读全文
摘要：div { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Saf
阅读全文
摘要：1. 使用border属性实现梯形 给定一个div，通过设定div四个边框不同的颜色且设置比较粗的边框线条，可以看到div除了中间的content部分，四个边框均成梯形状，既然已经有了梯形的雏形，我们可以隐藏一部分内容，只显示我们需要的部分，例如如果我们想显示bottom边框呈现的梯形，则需要把别的
阅读全文
摘要：http://www.cnblogs.com/jackyWHJ/p/3756087.html
阅读全文
摘要：具体任务详细介绍可参考http://ife.baidu.com/task/all 具体代码参考：https://github.com/sunshineqt/webxt/tree/master/stage1 遇见的问题及解决： 任务1: 1 中文乱码 在<head></head>标签内加上<meta
阅读全文
摘要：浮动，可以让页面并排显示，制作干净整洁的布局。有时候需要用到定位的技术。 position属性值有static、fixed、relative、absolute、inherit float属性值有left、right、none、inherit 设计页面布局时候，常需要用到浮动，它是页面定位的一种基本功
阅读全文
摘要：设计模式可以理解为一系列的代码框架，我觉得主要涉及封装的概念。把实现某一功能的代码段封装在函数中，可以方便调用，同时利于代码的复用，提高了代码的可维护性。下面简单介绍一下几种设计模式的个人感受。 1.单例模式 类似于一个类只有一个对象实例。 假设一个物品只能归属于一个人所有。。 2.构造函数模式 类
阅读全文
摘要：五子棋的界面设计包括绘制棋盘、绘制棋子及黑白棋轮流落子。 涉及的知识点主要有canvas绘制直线、设置画笔颜色；canvas画圆、填充渐变色 1.绘制棋盘 先设定棋盘的宽、高；然后利用for循环，根据坐标使用context的一些方法来绘制 var drawChessBoard=function(){
阅读全文
