文西马龙

时间过的真快，从2012到2020年，由于个人的原因，本博客没有继续更新。重新调整后，我将继续分享，感谢大家的支持。

文西马龙：http://blog.youkuaiyun.com/wenximalong/函数——函数的使用1.函数的初步使用我们用函数来解决前面的问题。通过案例，大家可以初步了解函数简单使用，以后再深入使用。2.js中页面相互调用为了完成a.html中可以使用到b.html中定义的函数，我们需要补充讲解html中页面之间共用js代码的知识点。思路：编写一个js文件，在需要使用的时候

文西马龙：http://blog.youkuaiyun.com/wenximalong/js基本语法——三大流程控制循环控制听其名而知其意，就是让你的代码可以循环的执行。案例：编写一个程序，可以打印10句“你好，我是刘德华同志”demo1.html for(var i=0; i<10; i++){ document.writeln("你好，刘

文西马龙：http://blog.youkuaiyun.com/wenximalong/js基本语法——基本数据类型javascript基本数据类型三大类型①基本数据类型分为：（1）数值（2）字符串（3）布尔型通过typeof可以看到变量的具体数据类型是什么？typeof.html var v1="abc"; var v2=890;

文西马龙：http://blog.youkuaiyun.com/wenximalong/对sohu页面的分析注释很重要经验：写一点，测试一点，这是一个很好的方法。别写完了过后，再来测试，这样不好，错都不知道错在哪里了。素材logo.jpgright.jpgsohu.html 搜狐首页

文西马龙：http://blog.youkuaiyun.com/wenximalong/CSS核心内容——浮动浮动浮动是CSS中很重要的概念，★★★必须掌握★★★。浮动涉及到左浮动、右浮动、清除浮动。如果我们要实现如下图形，就可以使用右浮动，当把div1向右浮动时，它脱离了标准流并且像右移动，直到它的右边缘碰到包含该框的右边缘。当一个div右浮动的时候，它就会一直往右边

文西马龙：http://blog.youkuaiyun.com/wenximalong/IETester 多版本IE测试工具这是个相当神奇的小软体，可以帮我们模拟网页在IE5.5、IE6、IE7与IE8、IE9等浏览器的相容性，让我们看一下辛苦作好的CSS样式或网站版面是否可以在各个主要浏览器正常显示。理论上，IE版本越高，向下兼容越好，IE5.5不可能去兼容IE8。网页兼容性调试，需要更

文西马龙：http://blog.youkuaiyun.com/wenximalong/div+css细节1.初始CSS2.块元素和行内元素3.CSS核心内容3.1标准流3.2盒子模型3.3浮动3.4定位4.CSS综合案例4.1盒子模型经典案例4.2仿sohu首页面布局学习目标1.掌握CSS的基本用法2.掌握CSS的四种选择器用法CSS使

文西马龙：http://blog.youkuaiyun.com/wenximalong/input元素 表单元素 您最喜欢哪些城市: 北京 上海 伦敦 您的性别是: 男 女 隐藏域的使用 请选择您的出生地: 四川 北京

文西马龙：http://blog.youkuaiyun.com/wenximalong/函数（方法）——如何理解如何理解方法这个概念，给大家举个通俗的示例：拉灯同志给特工小组下达命令：去炸XXX，特工小组返回结果程序员调用方法：给方法必要的输入，方法返回结果函数——调用过程为了让大家更好的理解函数调用过程，给大家画一个示意图，★★★这个很重要★★★，这里可以简单介绍一下递归

文西马龙：http://blog.youkuaiyun.com/wenximalong/一维数组——小结①数组可存放任意类型的数据②数组大小不必事先指定，可以动态增长③数组名可以理解为指向数组首地址的引用arr=[45,90,0];document.writeln(arr); //则输出 45 90 0④数组元素从0开始编号的多维数组——二维数组多维数组我们只介绍二维数

文西马龙：http://blog.youkuaiyun.com/wenximalong/在上一个博客中未完成的矩阵转置的问题：韩顺平_轻松搞定网页设计(html+css+javascript)_第28讲_js二维数组_js冒泡排序_二分查找_学习笔记_源代码图解_PPT文档整理矩阵转置转置后如下图所示：demo1.html var arr=[[2,4,6,8],

文西马龙：http://blog.youkuaiyun.com/wenximalong/采用面向对象思想设计超级马里奥游戏人物（示意图）怎么用通过按键，来控制图片的位置这个小游戏，用面向对象会很方便，不用面向对象会很麻烦很麻烦，比如以后要讲解的坦克大战的游戏，要是用纯的面向过程或函数式的方式写，那维护起来会非常的麻烦。游戏分析：（1）看看如何通过按钮来控制mario的位置（2）

文西马龙：http://blog.youkuaiyun.com/wenximalong/视频下载：http://www.verycd.com/topics/2772159/0.韩顺平_php从入门到精通_视频教程_第0讲_开山篇_学习笔记_源代码图解_PPT文档整理1.韩顺平_php从入门到精通_视频教程_第1讲_html介绍_html运行原理①_学习笔记_源代码图解_PPT文档整理2.韩

文西马龙：http://blog.youkuaiyun.com/wenximalong/记不住，和不知道是两回事，记住最常用的，记不住的，学会查找。js面向（基于）对象编程—类（原型对象）与对象对象—Object类Object类是所有javascript类的基类，提供了一种创建自定义对象的简单方式，不需要程序员再定义构造函数。主要属性：constructor—对象的构造函数

文西马龙：http://blog.youkuaiyun.com/wenximalong/js面向（基于）对象编程——类（原型对象）与对象对象—对象（成员）函数的初步介绍在某些情况下，我们要需要定义对象函数。比如人对象：除了有一些属性外（成员变量表示的年龄，姓名……），我们人对象还有一些行为比如：可以说话，跑步……，通过学习，我们人还可以做算术题。这是就要用函数才能完成。现在要对Person对象完善

文西马龙：http://blog.youkuaiyun.com/wenximalong/js面向（基于）对象编程——类（原型对象）与对象this—问题提出请大家先看一段代码：function Person(){}var p1=new Person();p1.name="顺平";p1.age=60;window.alert(p1.name+" "+p1.age);var p2=n

文西马龙：http://blog.youkuaiyun.com/wenximalong/小案例，要求如下：（1）默认样式是黑色，24px，没有下划线（2）当鼠标移动到超链接时，自动出现下划线（3）点击后，超链接变成红色test.html <!-- 连接到百度 --> 连接到百度 p1fjajfjds p2fjajf

文西马龙：http://blog.youkuaiyun.com/wenximalong/远程访问究竟网页传送发生了什么呢使用httpwatch工具查看HttpWatch_Professional_7.0.23汉化破解版(附Lic).7zhttp://ishare.iask.sina.com.cn/f/24268046.html何为协议？计算机互相通信（网络）的规

文西马龙：http://blog.youkuaiyun.com/wenximalong/对象——function特别说明1.在js中一切都是对象2.类（原型对象）其实也是对象，它实际上是Function类的一个实例，通过类我们可以创建自己的对象实例，可以通过下面的代码来说明function Person(){}var a=new Person();window.alert(Perso

文西马龙：http://blog.youkuaiyun.com/wenximalong/html符号实体在网页上显示一些特殊的符号，我们需要使用html的符号实体，有些人把它称为字符实体。为在网页上显示版权符号，我们就需要使用html的符号实体©才能在网页上正确显示说明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体（char entity）html超

文西马龙：http://blog.youkuaiyun.com/wenximalong/关于for循环案例：打印一行10个星号①for(var i=0;i<10;i++){ document.writeln("*"); }或者②for(var i=1;i<=10;i++){ document.writeln("*"); }一个是i=0

文西马龙：http://blog.youkuaiyun.com/wenximalong/在第23讲有作业，如下图所示：分析过程如下：（1）先打印一个星号并换行document.writeln("*");（2）打印一行6个星号for(var i=0;i<6;i++){ //打印一行6个 document.writeln("*"); }

文西马龙：http://blog.youkuaiyun.com/wenximalong/问题1：ie8下，当页面使用了图片的alt不生效问题 ->>推荐使用title，title可以做到兼容。 问题2：ID选择器和class选择器，什么时候用在上一讲的可爱屋案例中，div用id选择器较多，div里面的元素用cl

文西马龙：http://blog.youkuaiyun.com/wenximalong/书再多，视频再多，都不如自己动手写一个项目，就会有心得。对于开源项目，跑起来，看懂，并二次修改。模仿 -------->创新，抓核心。CSS核心内容——定位定位—基本概念CSS定位(Positioning)属性允许你对元素进行定位。Positioning属性值：static(默认值)：元素框

文西马龙：http://blog.youkuaiyun.com/wenximalong/前面讲的table布局，理论上可以做出任何复杂的界面，但是table表格布局缺点：1.显示样式和数据绑定在一起的2.布局的时候，灵活度不高3.一个页面可能会有大量的元素，代码就会冗余4.增加带宽5.搜索引擎不喜欢这样的布局优点1.理解比较简单2.不同的浏览器看到的效果一般

文西马龙：http://blog.youkuaiyun.com/wenximalong/html图像元素 浏览器访问页面的时候，向服务器发送几次请求呢？（1） hello Hello,world! 浏览器访问这个页面的时候，向服务器发送了一次请求，httpwatch抓包如下图（图大，在新标签页中打开图片，看的完整）

文西马龙：http://blog.youkuaiyun.com/wenximalong/html是web开发中基础的基础学习目标：1.了解html的基本概念2.理解html的运行基本原理3.掌握html的一些基本用法4.能写出简单的网页html是什么html是超文本标记语言，主要的用处是做网页，可以在网页上显示文字、图像、视频、声音……标记（元素），混沌（抄手）

文西马龙：http://blog.youkuaiyun.com/wenximalong/IE 5.5 6 7最恼火，火狐的兼容性还是不错的。★★★注意★★★：备份，先备份，别修改后，原始文件也被修改的面目全非了。调试的时候，一点点调，注释掉一部分，去掉干扰。注释也可以这样写，开头和结尾。……实在不会的，也不要纠结，去搜索，学会搜索。你有的问题，别人也同样遇到

文西马龙：http://blog.youkuaiyun.com/wenximalong/盒子模型——理解我们可以把盒子模型转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。那些内容就是盒子里装的东西；而填充就是怕盒子里装的东西（贵重的）损坏而添加的泡沫或者其它抗震的辅料；边框就是盒子本事了；至于边界则说明盒子摆放的时候不能全部堆在一起，要留一定空隙保

文西马龙：http://blog.youkuaiyun.com/wenximalong/HTML元素--iframe浮动窗口对框架的补充，框架不能和body共存，而有时候我们恰恰又需要body，形成画中画的效果。需求：有时我们需要，在一个含有的页面嵌入另外一个页面，形成画中画的效果。iframe元素（浮动窗口）嵌入百度页面 Hello,world!

文西马龙：http://blog.youkuaiyun.com/wenximalong/js基本语法——三大流程控制（1）顺序控制听其名而知其意，让程序可以顺序的执行。案例：var a=7;window.alert("a="+a);window.alert("hello");a++;window.alert("a="+a);window.alert("★★★");a++

文西马龙：http://blog.youkuaiyun.com/wenximalong/javascript——数组内容介绍1.一维数组（详细讲解）2.排序，查找（排序和查找在javascript中不是重点）3.多维数组（略讲，多维数组在javascript用的少）编程语言中，数组是一个非常重要的知识点，不管是什么编程语言，数组都很重要。学习目标1.掌握js中的数组的使

文西马龙：http://blog.youkuaiyun.com/wenximalong/怎么讲，如何去学，学完了你可以做什么。Html：超文本标记语言Css：层叠样式表Javascript的入门学完一个技术以后，如果不把技术综合的运用起来，那么你学了实际上会感觉没有学透，一定要学以致用。初级课程解决静态网页的开发，界面是基础，虽然基础但是很重要。Php核

文西马龙：http://blog.youkuaiyun.com/wenximalong/js基本语法——运算符关系运算符①== 等于 ②> 大于 ③= 大于等于 ⑤请大家看个案例，请问输出什么；var a=90;var b=90;if(a==b){alert("ok1");}b--;if(a>b){alert("ok2");}if(a>=b){

文西马龙：http://blog.youkuaiyun.com/wenximalong/因为js是由浏览器来解释执行的，因此这里有一个问题，不同类型的浏览器可能对js的支持不一样。js运行原理以js嵌入到html为例说明：①本地运行②远程访问运行万维网（www）万维网（www）综合图js开发工具如何选择开发工具：我们选择用记事本，大家

文西马龙：http://blog.youkuaiyun.com/wenximalong/ava和javascript的关系，雷锋和雷峰塔的关系。内容介绍1.课程介绍2.javascript介绍2.javascript开发工具的介绍4.第一个javascript程序（hello!）5.javascript的基本语法（1）为什么要学习javascriptja

文西马龙：http://blog.youkuaiyun.com/wenximalong/案列一home1.html 作业1 home1.css.div1{ width: 500px; height: 300px; border: 1px solid red;}.faceul{ widt

文西马龙：http://blog.youkuaiyun.com/wenximalong/作业1home1.html 作业1 home1.css.div1{ width: 500px; height: 300px; border: 1px solid red;}.faceul li{ l

文西马龙：http://blog.youkuaiyun.com/wenximalong/①父子选择器类选择器和id选择器都可以有父子选择器总结：1.父子选择器可以有多级（但是实际开发中不要超过三层）2.父子选择器有严格的层级关系3.父子选择器不局限于什么类型选择器比如：#id span span.s1 #id spandiv #id .s2②一个元素可以