分类目录归档:佳佳教程

佳佳酱教你用代码写作业【2】

上一篇:佳佳酱教你用代码写作业【1】
 
PS:有任何地方看不懂都请留言帮助我改进
PS:想学会必须要动手实践,除非你有编程基础不然是没法看懂的,试试改改某个变量或值~
  
单词预习~

prompt        js里一个提示框函数的名字[不用理解]
InputBox      书上VB for Excel的输入框
input标签      html里的一个标签[不用理解]
HTML dom      html的元素树[不用理解]
字符串         不同于数字,使用字符的时候要用""英文双引号或单引号包括起来
Number()      本文中把带数字的字符串转换成数字类型的方法
alert()       一个提示框
opera         opera浏览器
chrome        chrome浏览器
firefox       火狐浏览器
IE            。。。。
console       控制台
log           日志
Shift         键盘上的某一个键,你懂的

 
 
这一篇按照数学书上的顺序,应该讲“输入输出语句” 首先,输入这个问题在html里有点不怎么方便,有两个简单办法,一个是用prompt提示框(类似于书上的InputBox)输入内容,另一个是用input标签【这个相对还是比较烦的,而且涉及到HTML的dom操作了,所以这个就不说了】 前面讲过了赋值语句,这里就要用到了,其实真正代码里的赋值比书上说的高级很多 继续阅读佳佳酱教你用代码写作业【2】

佳佳酱教你用代码写作业【1】

PS:本系列里写的代码都是最简写法,所以不给变量加var,也没有高级语法
PS:学习本教程最好选用一个较新潮的浏览器,仅管旧浏览器也可以运行,但是总觉得不太好。。【话说用旧的浏览器也没法正常浏览本博客吧】
PS:有任何地方看不懂都请留言帮助我改进
PS:想学会必须要动手实践,除非你有编程基础不然是没法看懂的,试试改改某个变量或值~
PS:有童鞋问我为什么代码输好了以后打开一点动静也没有,只有空白。那是因为本节讲的是赋值,这种操作是不会显示出来的,要看到结果请参考下一篇。
  
单词预习~

Read         伪代码里的输入
Print        伪代码里的输出
C            C语言[一种编程语言]
C++          C++语言[一种编程语言]
VB           书上伪代码的原型,VB语言[一种编程语言]
VBS          VB语言的脚本版本语言
javascript   本教程主要使用的语言,javascript脚本语言,本文里大多简称为js
html         这个一般人都知道了。。
script       翻译为"脚本",你可以理解为拍电视时的剧本

 
 
我这里数学书上教到了“算法”,这个东西在数学书上教的有点太误人的赶脚。书上教的是伪代码,比如这样:

Read a,b,c
a←1
b←a
c←b
Print a,b,c

书上说明了是VB的伪代码,但是这一点用也没有啊!!于是我心血来潮教同学们如何写真的代码来帮我们做循环数学题!

继续阅读佳佳酱教你用代码写作业【1】

server-sent 服务器主动发送事件

以前的HTML版本中,要获取实时数据,必须要不断向服务器发出请求来查询有没有新内容,这样不管从建立连接还是等待时间来说都是要多苦逼就有多苦逼啊(微观来说),[最近死在学校里实在没事做就去逛了逛w3,中文的w3school更新比英文版慢了不知多少啊]然后我发现了w3的html专版里多出了一个HTML5 服务器发送事件这东西。
看了一下他的介绍大概知道她是干什么用的了,简单地说就是用javascript建立一个长连接到一个网页脚本,然后脚本就可以按需向浏览器页面主动发送数据。

下面来解释一下工作方式

//这是我整合了w3里的示例代码,添加详细注释来助解
if (typeof(EventSource) !== "undefined") {//检查是否支持服务器推送
	var a = new EventSource("脚本.php");//建立和"脚本.php"的连接
	a.onmessage=function(event) {//接收到消息的事件
		/*这里的event.data存储了从服务器传回来的数据*/
        /*比如alert(event.data)来提示返回的数据*/
	};
    
    a.onopen=function(event){//打开连接时的事件
    /*用event.readyState可以获取此时的状态号*/
        /*建立好连接的时候干些什么*/
    };
    
    a.onerror=function(event){//发生错误时的事件
    /*用event.readyState可以获取此时的状态号*/
        /*发生错误的时候干些什么*/
    };
} else {//不支持推送的话
	alert("您老的浏览器不支持服务器推送");
    
    a.close();//用close()方法可以关闭连接
    a=null;//把a对象清空,让它的空间自动被回收
}

选择性使用网站背景图片

最近的一篇文章主题【3】的背景坎坷里写到了背景图片的background-size: cover这个css对移动设备并不怎么友好,无法达到标准的显示效果,于是我一直在想办法使用img标签来填补这个bug,不过今天我又不想做了,所以找了个理由。[接下来就是理由]

如可以正常浏览本站的童鞋们所见,我的div背景大部分都是半透明的,寒假里了解openGL的时候感觉透明处理真心很费神啊[对计算机来说],所以我决定让移动设备就干脆不显示背景图了。这样不仅省去好多渲染步骤,看起来还清爽,顺便间接的帮我解决了移动设备上背景图的撑满问题。
继续阅读选择性使用网站背景图片