首先声明我做的笔记本目前来说很简单,但是我还是想跟大家分享一下我做这个的一些收获和心得。
首先是做界面,以前总是认为做界面就是用dreamweaver做,到了公司后才知道界面要手写,不能用这个因为会生成很多我们不需要的东西,当时我一听这个认为好难 啊还要写CSS,其实只要你知道了怎么做很简单,就是div的结合与嵌套。我在这里将我做界面的过程:先定义一个大的 div然后再CSS中定义大小范围,可以在css中用border: 2px solid #FF0000;做标记,看看自己定义的div的位置,然后再div中嵌套div,在写嵌套的div的CSS时要加上position:absolute;表示你的div的位置是绝对的(我就吃了这个亏,总调不对位置)。文本就用textarea加入你的输入和显示都是文本的话,如果你想要显示图片链接等等,你的显示就要用div来显示,在js中document.getElementById("XX").innerHTML=XXX来把显示的内容写上去,其实都是一些动数据的操作的东西,用document.getElementById就可以全部解决。
界面的东西基本说那个就是这些,其他的在你把界面的大致框架写出来之后就自然会了,然后是js的东西,js的引入相信大家都知道,在.js文件中直接写函数,声明就可以,但是要记住写的时候一定要知道代码中的东西都是干什么的不能带着疑问去撞大运编程(主管跟我说过的。。。。),主要的代码是:
var WriteFile = function(){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var txtname = "E:\\"+noname +".txt"; //js中支持字符串连接
var f1 = fso.CreateTextFile(txtname,"true");
// f1 = fso.OpenTextFile(txtname,8,true);
f1.WriteLine(nocontent);
f1.Close();
alert('ok');
}
其实就是一个写文件函数里面的东西都是js自己本身的东西,另外ActiveX google不支持,IE支持,别的浏览器没试不知道,但是Active是个控件,应该是我没有装吧在google上,用了ActiveX感觉兼容性很差,我本想把数据存储到json中相当于QQ的本地存储,但是json是一种数据交换语言,还需要server的支持,下周的时候我会写一个简单的server把笔记存在json文件中。要存成json格式就得是对象,编程的时候要注意OO思想的应用别把代码挤到一块(我就被主管说了这个问题),还有就是学习js要注意动手动脑,比如js中的对象,你可以把公司想象成一个对象,公司的老板主管同事就是对象的属性,而老板同事会做不同的事情,你就可以添加方法来表示他们的事情,其实就是用js的对象来描述一个东西一件事情就把它当成小朋友写作文一样,多练才能提高编程能力。说了这么多感觉都是大白话没啥值得大家学习交流的东西,其实都是我的一些简单编程的心得。
最后我想推荐几个我学js时感觉不错的网站博客给大家:www.w3school.com/cn(估计都知道,很不错的!),www.w3cfuns.com(前端网,前端的东西很多很酷!)学习闭包时可以去看阮一峰的博客,讲的深入浅出。这个知乎回答http://www.zhihu.com/question/19951193全看了就能找到很多学习的网站博客等,都是别人推荐的,你在里面绝对会学到很多知识。这周就这样吧,下周一定贴出一些有质量的代码来!!