食品加工设备建站方案,苏州网站推广去苏州聚尚网络,普通营业执照有做网站条件吗,手机做网页的软件叫什么问题#xff1a;什么是web前端前端#xff1a;指界面#xff0c;计算机#xff08;PC#xff09;软件桌面的界面#xff1b; 计算机端的浏览器界面#xff1b; 移动端的软件#xff08;app#xff09;界面#xff1b; 移动端的浏览器界面。HtmlcssJavaScript 使用网页…问题什么是web前端前端指界面计算机PC软件桌面的界面 计算机端的浏览器界面 移动端的软件app界面 移动端的浏览器界面。HtmlcssJavaScript 使用网页技术HtmlcssJavaScript开发界面Htmlcss和JavaScript的关系HTML:架构师网页内容CSS:修饰师装饰内容。JavaScript魔术师内容网页进行交互。关于学习方法编程没有捷径只能多写多记多理解。JavaScript历史1. navigator网景公司在1995年推出。Livescript很简单的。完成网页中基本的交互能。2. 1995 java很火。Write onerun anywhere写一遍代码在各个平台运行。3 .网景公司和sun公司合作推出了javascript。4. 网景公司招人Brendan Eich开发Scheme开发javascript像极了java要比java简单。怄气加赶工10天开发出了javascript。推出javascript1.0。5. 1996年时将javascript1.1提交给了ECMA组织作为js标准。a)提供标准ECMAScript标准javascript是实现了ECMAScript标准的语言。6. 微软1996没有浏览器收购了一家公司产品IE也实现了ECMAScript标准jscript。7.为期8年的浏览器大战开始。谷歌火狐欧鹏IE safari。注意ECMAscript和JavaScript有什么区别ECMAscript语言标准简称ESJavaScript是实现了ECMAscript的编程语言。关于浏览器及其内核作为前端开发熟悉四大内核是非常有必要的。四大内核的解析不同使网页渲染效果更具多样化。下面总结一下各常用浏览器所使用的内核。 1、IE浏览器内核Trident内核也是俗称的IE内核 2、Chrome浏览器内核统称为Chromium内核或Chrome内核以前是Webkit内核现在是Blink内核 3、Firefox浏览器内核Gecko内核俗称Firefox内核4、Safari浏览器内核Webkit内核5、Opera浏览器内核最初是自己的Presto内核后来是Webkit现在是Blink内核 6、360浏览器、猎豹浏览器内核IEChrome双内核 7、搜狗、遨游、QQ浏览器内核Trident兼容模式Webkit高速模式 8、百度浏览器、世界之窗内核IE内核 9、2345浏览器内核以前是IE内核现在也是IEChrome双内核前五个属于主流浏览器。一些国内的浏览器他们的内核 搜狗浏览器兼容模式IETrident和高速模式webkit 傲游浏览器兼容模式IETrident和高速模式webkit QQ浏览器普通模式IETrident和极速模式webkit 360极速浏览器基于谷歌Chromium和IE内核 360安全什么是JavaScriptJavaScript是一门脚本语言。弱数据类型基于对象基于事件驱动的语言。Javascript是解释执行的。 解释器是浏览器。JS特点(1) 脚本语言。JavaScript是一种解释型的脚本语言C、C、java等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象也能使用现有的对象。(3)简单。JavaScript语言中采用的是弱类型的变量类型对使用的数据类型未做出严格的要求是基于Java基本语句和控制的脚本语言其设计简单紧凑。(4)动态性。JavaScript是一种采用事件驱动的脚本语言它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。(5)跨平台性。JavaScript脚本语言不依赖于操作系统仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用前提上机器上的浏览器支持JavaScript脚本语言目前JavaScript已被大多数的浏览器所支持。JS应用(1) 网站开发 网站前端开发给网页添加动态的效果。 网站后端开发Node.js让程序员可以用js自由地写后端了。(2) Web appHTML5提供了很多API支持可以实现原生应用拥有的大部分功能但是性能有待提高。像Firefox OS就是基于web app的移动操作系统。(3) 混合式应用开发把原生应用的一部分用前端技术实现使原生应用更加灵活。很多应用都会这样做。PhoneGapReact Native之类平台的出现允许程序员使用js来进行移动应用开发。JavaScript的构成1. ECMAScript语言基础JS基本语法(1) JavaScript的历史(2) ECMAScript标准(3) 基本语法(4) 语句JavaScript 程序的执行单位为行line也就是一行一行地执行。一般情况下每一行就是一个语句。语句statement是为了完成某种任务而进行的操作比如下面就是一行赋值语句。var x12;复制代码这条语句先用var命令声明了变量x然后将1 2的运算结果赋值给变量a1 2叫做表达式expression指一个为了得到返回值的计算式。语句和表达式的区别在于前者主要为了进行某种操作一般情况下不需要返回值后者则是为了得到返回值一定会返回一个值。凡是 JavaScript 语言中预期为值的地方都可以使用表达式。比如赋值语句的等号右边预期是一个值因此可以放置各种表达式。语句以分号结尾一个分号就表示一个语句结束。多个语句可以写在一行内。var x12; var y13;复制代码分号前面可以没有任何内容JavaScript引擎将其视为空语句。;;;复制代码上面的代码就表示3个空语句。表达式不需要分号结尾。一旦在表达式后面添加分号则 JavaScript 引擎就将表达式视为语句这样会产生一些没有任何意义的语句。12;
abc;复制代码上面两行语句只是单纯地产生一个值并没有任何实际的意义。 语句分为条件语句和 循环语句 条件语句JavaScript 提供if结构和switch结构完成条件判断即只有满足预设的条件才会执行相应的语句。if 语句if else 语句switch 语句多个if...else连在一起使用的时候可以转为使用更方便的switch结构。switch (fruit) {case banana:// ...break;case apple:// ...break;default:// ...
}
复制代码上面代码根据变量fruit的值选择执行相应的case。如果所有case都不符合则执行最后的default部分。需要注意的是每个case代码块内部的break语句不能少否则会接下去执行下一个case代码块而不是跳出switch结构。三元运算符JavaScript 还有一个三元运算符即该运算符需要三个运算子?:也可以用于逻辑判断。(条件) ? 表达式1 : 表达式2
复制代码上面代码中如果“条件”为true则返回“表达式1”的值否则返回“表达式2”的值。var even (n % 2 0) ? true : false;
复制代码上面代码中如果n可以被2整除则even等于true否则等于false。它等同于下面的形式。var even;
if (n % 2 0) {even true;
} else {even false;
}
复制代码这个三元运算符可以被视为if...else...的简写形式因此可以用于多种场合。var myVar;
console.log(myVar ?myVar has a value :myVar does not have a value
)
// myVar does not have a value
复制代码上面代码利用三元运算符输出相应的提示。如果过变量有 value 值输出前面的值如果没有值输出后面的值。var msg 数字 n 是 (n % 2 0 ? 偶数 : 奇数);
复制代码上面代码利用三元运算符在字符串之中插入不同的值。(5) 变量1.概念变量是对“值”的具名引用。变量就是为“值”起名然后引用这个名字就等同于引用这个值。变量的名字就是变量名。变化的量在JS程序中用于存储数据的容器。2.如何在JS程序中使用变量 a) 声明变量告诉浏览器我要使用这个变量var 变量名称;//这是声明变量的语法。 b) 初始化变量给变量赋值 变量名称值; //;赋值将值存储到变量中 赋值操作将等号右边的值可以是变量赋值给左边的变量 c) 声明并初始化变量 var 变量名称值 注意变量使用之前必须要声明 只声明不赋值系统给变量默认值undefined 变量名称用于到内存中存储数据或者是取数据d) 定义多个变量;var a,b,c; 即var 变量名称变量变量e) 关键字和保留字 关键字在JS程序中有特定含义的单词 保留字在JS程序中与特定含义的单词但是还没有被JS程序使用。标识符命名规范 标识符由字母数字下划线$构成标识符的首字母不能为数字var 8a//错误标识符不能为关键字或者是保留字var var; //错误约定俗称标识符要见名知意约定俗成标识符要使用驼峰式命名变量使用小驼峰第一个单词首字母小写; getElementById //小驼峰 GetElementById //大驼峰JS严格区分大小写。(6) 数据类型 typeOf() 基本数据类型typeof()变量获取变量的数据类型a) 数字类型 整数十进制0-9 浮点数小数b) 字符串类型用单引号或者双引号括起数据字符串由字符文本构成c) 布尔类型用于判断 true:真 false:假d) 特殊类型null代表空值一般清除资源的时候用初始化变量undefined代表变量未初始化NaNNot a Number 不是一个整数非数字之间的运算结果为NaNisNaN(s)判断是否NaN不是数字,如果该字符里不是全数字则返回true如果是全数字则返回false。引用数据类型 a)数组 b) 对象函数(7) 运算符 a) 加法运算符 基本规则是最常见的运算符用来求两个数值的和。11 //2 JavaScript 允许非数值的相加 truetrue //2 1true //2 上面代码中第一行是两个布尔值相加第二行是数值与布尔值相加。这两种情况布尔值 都会自动转成数值然后再相加。 比较特殊的是如果是两个字符串相加这时加法运算符会变成连接运算符返回一个新的字 符串将两个原字符串连接在一起。abc //abc复制代码 如果一个运算子是字符串另一个运算子是非字符串这时非字符串会转成字符串再连接在 一起。1a //1a
falsea //false复制代码 加法运算符是在运行时决定到底是执行相加还是执行连接。也就是说运算子的不同导 致了不同的语法行为这种现象称为“重载”overload。由于加法运算符存在重载可 能执行两种运算使用的时候必须很小心。345 //345
345 //75复制代码 除了加法运算符其他算术运算符比如减法、除法和乘法都不会发生重载。它们的规则 是所有运算子一律转为数值再进行相应的数学运算。 对象的相加 如果运算子是对象必须先转成原始类型的值然后再相加b) 包括加法运算符在内JavaScript 共提供10个算术运算符用来完成基本的算术运算。加法运算符x y减法运算符 x - y乘法运算符 x * y除法运算符x / y指数运算符x ** y余数运算符x % y自增运算符x 或者 x自减运算符--x 或者 x--数值运算符 x负数值运算符-x余数运算符%返回前一个运算子被后一个运算子除所得的余数。需要注意的是运 算结果的正负号由第一个运算子的正负号决定 -1%2 //-1
1%-2 //1复制代码所以为了得到负数的正确余数值可以先使用绝对值函数。c) 关系运算符 用于比较两个值的大小然后返回一个布尔值表示是否满足指定的条件。注意比较运算符可以比较各种类型的值不仅仅是数值。JavaScript 一共提供了8个比较运算符。 小于运算符 大于运算符 小于或等于运算符 大于或等于运算符 相等运算符只判断值是否相等 严格相等运算符判断值和数据类型叫全等或恒等! 不相等运算符! 严格不相等运算符 d) 赋值运算符Assignment Operators用于给变量赋值。最常见的赋值运算符当然就是等号var x1; var xy;赋值运算符还可以与其他运算符结合形成变体。下面是与算术运算符的结合。xxy; xy;
xx-y; x-y;
xx*y; x*y;
xx/y; x/y;
xx%y; x%y;
xx**y; x*y;复制代码e) 逻辑运算符布尔运算符用于将表达式转为布尔值一共包含四个运算符。取反运算符!且运算符或运算符||三元运算符?:(8) 函数(9) 数组(10) 字符串(11) 作用域(12) 原形(13) 闭合(14) JS面向对象设计2. DOM文档对象模型对网页的操作即对浏览器可看做容器内的内容进行操作DOM: Document 整篇文档 Object 文档对象 Model 模型 选项卡轮播图更改文档结构购物车楼梯导航这些是DOM里边最基础的Dom树层级嵌套3. BOM浏览器对象模型对浏览器本身进行操作。Browser Object Model编写JavaScript程序1. 所有的js程序都要写在script标签中2. console.log(“输出的信息”)a) 输出的信息要用引号括起来 b) 每写完一条语句要以分号结束 c) 编程中用到的标点符号都要使用英文的。3. script标签嵌入js代码a) script标签可以写在html中的任何地方并且html中可以有多个script标签b) html中的代码都是从上往下逐条执行。c) script标签中常用的属性 i. type规定脚本语言的类型text/javascriptii. src:资源所在的路径引入外部的js文件script中添加的代码被忽略。4. 弹出框提示window.alert(“提示信息”)使用窗口的提示框功能输出提示信息。注 a) alert阻塞之后的代码执行。 b) window可以省略。c) alert中提示信息的换行5. 单双引号 在提示信息中显示引号内部使用双引号外部使用单引号console.log(职位介绍); console.log(input typetext /);6. 往网页中输出内容HTML代码a) document.write(“html代码”)将html代码写入到网页中。i. document:文档所有的页面都是文档可以认为是网页i. write:写7. 1. confirm(“提示信息”):出现一个确认框提示信息、确认按钮、取消按钮;a) 提示用户是否确定对信息的操作。避免用户误操作当点击确定的时候返回一个确认的结果true(真)当点击取消的时候返回一个取消的结果false(假)confirm(确定删除吗?);//返回真或者假console.log(confirm(确定删除吗?));8. prompt(“提示信息”)出现一个输入框提示用户输入信息的。开发时不用。9. javascript注释被浏览器忽略不执行的内容。a) 用来说明代码的功能 b) 两种注释方式 i.单行注释// i.多行注释/* */
