摘要：
通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if，switch选择;循环for while；下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数？简单来说是为了提高代码的复用性，写一遍可以多次使用，把特定的功能语句打包放在一起称之为函数。 阅读全文
摘要：
swith根据表达式的值来case,break执行跳转语句;循环就是重复的做一件事情，for(;a<=10;)循环的条件可以写在里面也可以写在外面,while,当条件为true，循环执行,do while 阅读全文
摘要：
什么是编程？通俗意见上来讲，就是把人的思维与步骤通过代码的形式书写展示出来，js的流程控制包含条件判断if，switch选择，循环for while；if（表达式 条件）=>真{语句}比方说var score=70;if(90<=score<=100){ console.log("123")}，执行结果显示的却是123，怎么办了？C语言的解释是90<=score的关系运算表达式结果是布尔值，true or false，然后写成表达式就变成了"前次布尔结果"<=100,这还是一个关系运算表达式；如果为true,就自动变成1<100,反之false=0<100.因此不论结果是0还是1，这个表达式永远为true，所以应该写成逻辑与表达式:90<=score&&score<=100 阅读全文
摘要：
javascript属于弱类型，值包含：数字，字符串和布尔值，c++与java属于强类型;int a="a"，string a="a" 报错;var a ;原始类型：数字number 字符串string 布尔值 Boolean undefind null，对象object，原始值组合一起；对象分为1.系统自带的对象，数组，函数2.自定义{} e.g三门课程=>60 61 62 ；var a=[60,61,62]下标 序号0开始，自增++，a[0]=60 阅读全文
摘要：
，js的运算符分为算数,赋值,比较和逻辑运算符；常见的算数有：+ - * / %（加减乘除，取模），比方说5/4=4*1+1；5%4=1，js算数顺序：从左往右，先* / %后+ ；js的值包含数字，字符串，布尔值；在算数运算中，“加号”：有字符串，按照字符串处理，没有按照数字处理；注意布尔值false=0，true=1；比方来说：1+"a"="1"+"a"="1a" ; 1+false=1+0=1; false+"a"="falsea"; 1-"1"=1-1=0; 1-"a"=NaN (not a number)不是一个数；一元二元运算符,一元运算符++a 二元运算符a+b 一元运算符优先级高于二元运算符；++a，a先加，a++，a后加 ++自增1 --自减1 阅读全文
摘要：
通过JavaScript语法基础学习了解到1.怎么使用js/*通常js的引入和css一样，分为内部，外部和行内引入，执行自上而下，有着先后顺序*/；2.js的语法/*2.1js是用字母，数字、特殊字符组成的命令2.2对字母的大小写是敏感的，一个字母相差就相当于2个不同的变量*/3.区分js的命令/*一条语句，一条命令，一行以分号；结尾*/4.js注释/*注释分多行和单行，单行的注释为// 多行的注释为/**/ */5.输出/*alert()弹出警告，console.log(“hello js”)*/ 阅读全文
摘要：
js编程的基本语言学习目标是：a.怎么写和运行js脚本b.理解变量和值c.学会简单的数学运算符d.数据类型是什么e.流程控制
对于JavaScript的背景知识和结构，总结归纳回答以下3个问题：1.什么是JavaScript2.JavaScript可以做什么3.JavaScript由什么构成，学习方向是什么 阅读全文
摘要：
css3和css有什么区别？简单来讲css3是css的升级版本，css3新增样式有圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。下面是该节总结练习：边框border-radius:边框圆角,值为圆的直径；border-image:url('') x y round/repeat/stretch 实现边框图片环绕/平铺/拉伸，注意设置border:30px solid transparent；背景图background-size的比例乘容器设置盒子大小为背景图大小,通过background-origin调整背景图大小和位置； 阅读全文
摘要：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>translate移动坐标,rotate实现2D自动旋转,translate和rotate实现2D旋转</title> 阅读全文
摘要：
滚动条常见样式展示 overflow-x: hidden;/*是否对内容的左/右边缘进行裁剪*/overflow-y: hidden;/*是否对内容的上/下边缘进行裁剪*/overflow:scroll;/*左右滚动*/overflow: hidden;/*截取*/overflow: auto;/*自动*/
显示与隐藏可以用display/* display: none; *//* display: block; *//* display: inline-block; */或者是/* visibility显示与隐藏 */
visibility:hidden;/*隐藏*/visibility: visible;/*显示*/需要注意的是display是不占位隐藏,visibility是占位隐藏 阅读全文
摘要：
有关浮动和清浮动问题，个人理解是float:left或者float:right的css样式打破div标准流独占一行的传统，脱离了文档流,所造成的浮动页面影响类似"捆橡皮筋，当你把橡皮都拿走了，橡皮筋就回缩了",这时候，你要做的就是考虑如何有效的防止橡皮筋回缩，就是防止我们布局的div盒子回缩,那清浮动呗，怎么解决？看下“float布局打破标准流,神助攻clear清浮动”，因为课程里面的是增加div，通过，建议用默认伪类::before与::after{content: "";display: block;clear: both;}处理...最后认为比较有意思的一点是课程中浮动的原理介绍/*float浮动只能在文档流之前垂直位置左右浮动，其他不变*//*clear英文清除，计算机里面是阻止的意思 阅读全文
摘要：
如何通过absoulue与relative配合把一个盒子或者是把2个div块同时放到页面中央部分？定位完成后为什么又需要margin-left与margin-top各往回走50%的长度，别忘记用z-index定位高度，请看下面代码展示: 阅读全文
摘要：
table表格中border-collapse: collapse;/*表格边框是否合并*/border-spacing: 10px;/*表格边框之间的距离*/定位详情可以阅读position属性值4缺一带你了解相对还是绝对抑或是固定定位，实现div绝对居中法/*父定位子绝对，子的坐标系是父的左上角；*/绝对定位和相对定位的相同点:脱离文档流，都在文档流的上方;不同点(1)绝对的坐标系在浏览器的左上角，相对的坐标系在自己的左上角(2)绝对不占位，相对占位; 阅读全文
摘要：
鼠标cursor常见样式crosshair;/*十字形状*/cursor:pointer;/*小手形状*/cursor:wait;/*等待形状*/cursor:text;/*默认 文本形状*/cursor:default;/*箭头指示形状*/cursor:help;/*帮助形状*/
列表(list-style-type):none/*把列表前面的选项去除*/disc/*实心*/circle/*空心*/square/*方块*/decimal/*序列*/lower-roman/*小写罗马*/upper-roman/*大写罗马*/lower-alpha/*小写字母*/upper-alpha/*大写字母*/
尺寸:height;max-height;min-height;width;max-width;min-width/*屏幕自适应宽度,100%*/textarea文本框:resize:none/*文本框不能拖动*/width:500px;height:300px;样式继承:文字有关的样式会继承下来(阅读css常用样式font控制字体的多种变换) 阅读全文
摘要：
如果把js内容直接放在这个head标签以内，button按钮不能正常点击更换body的背景颜色，报错提示：demo6.html:16 Uncaught TypeError: Cannot set property 'onclick' of null，解决代码展示，问题归纳总结：第一种解决办法直接js文件放在页面底部加载，第二种window onload()包裹起来，出现问题原因：W3School中介绍浏览器先加载完按钮节点才执行JS，当浏览器自顶向下解析时，找不到onclick绑定的按钮节点了,网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况,。window.onload是一个事件，window.onload表示页面加载完成后执行的函数，js按照页面自上而下的顺序说明的，页面上的Javascript代码是HTML文档的一部分，所以Javascript在页面装载时执行的顺序就是其引入标记! 阅读全文