1. Javascript
1.1 js引入方式
- 内部脚本：将JS代码定义再HTML页面中
- JavaScript代码必须位于<script></script>标签之间
- 在HTML文档中，可以在任意地方，防止任意数量的<script>
- 一般会把脚本置于<body>元素的底部，可改善显示速度
-
<scrip> alter("Hello JavaScript") </scrip>
- 外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中
- 外部JS文件中，只包含JS代码，不包含<script>标签
- <script>标签不能自闭和
-
<script src="js/demo.js"></script> "js/demo.js" alter("Hello JavaScript")
1.2 js基础语法
- 区分大小写：与java一样，变量名、函数名以及其他一切东西都是区分大小写的
- 每行结尾的分号可有可无
- 注释：
- 单行注释：//注释内容
- 多行注释：/*注释内容*/
- 输出语句
- 使用window.alter()写入警告框
- 使用document.write()写入HTML输出
- 使用console.log()写入浏览器控制台
1.2.1 变量
- JavaScript中用var关键字（variable的缩写）来声明变量，变量可以存放不同类型的值
- 变量名需要遵循如下规则：
- 组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
- 数字不能开头
- 建议使用驼峰命名
- 特点：
- 作用域比较大，全局变量
- 可以重复定义
- 拓展：
- ECMAScript 6 新增加了let关键字来定义变量，他的用法类似于var，但是所声明的变量，只在let关键字所在的代码块内生效，而且不允许重复定义
- ECMAScript 6 新增加了const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变，类似于final
1.2.2 数据类型
- 通过typeof运算符可以获取数据类型
- number：数字（证书、小鼠、NaN）
- string：字符串，单双引号即可
- boolean：布尔。true，false
- null：对象为空
- undefined：当声明的变量未初始化时，该变量的默认值是undefined
1.2.3 运算符
- 算术运算符：+，-，*，/，%，++，--
- 赋值运算符：=，+=，-=，*=，/=，%=
- 比较运算符：>，<，>=，<=，!=，==，===
- 逻辑运算符：&&，||，！
- 三元运算符：条件表达式?trur_value : false_value
1.2.4 类型转换
- 字符串类型转为数字（parseInt）：
- 将字符串字面值转为数字。如果字面值不是数字，则转为NaN
- 其他类型转为boolean：
- Number：0和NaN转为false，其他均转为true
- String：空字符串为false，其他均转为true
- Null和underfined：均转为false
1.3 js函数
1.4 js对象
- Array
- 定义
- var 变量名 = new Array(元素列表)；//方式一
- var 变量名 = [元素列表]；//方式二
- 访问
- arr[索引] = 值；
- 特点：长度可变 类型可变
- 属性
- length：设置或返回数组中元素数量
- 方法
- forEach()：遍历数组中的每个有值的元素，并调用一次传入的函数
- push()：将新元素添加到数组末尾，并返回数组长度
- splice()：从数组中删除元素
- 定义
- String
- 定义
- var 变量名 = new String("");
- var 变量名 = "";
- 属性
- length：字符串的长度
- 方法
- charAt()：返回在指定位置的字符
- indexOf()：检索字符串
- trim()：去除字符串两边的空格
- substring()：提取字符串中两个指定的索引号之间的字符
- JavaScript自定义对象
- JSON
- BOM
- 组成
- window：浏览器窗口对象
- Navigator：浏览器对象
- Screen：屏幕对象
- History：历史记录对象
- Location：地址栏对象
- 组成
- DOM
- Document：整个文档对象
- Element：元素对象
- Attribute：属性对象
- Text：文本对象
- Comment：注释对象
- 定义
1.5 js事件监听
- 事件：HTML事件是发生在HTML元素上的“事情” 。比如：
- 按钮被点击
- 鼠标移动在元素上
- 按下键盘按钮
- 事件监听：JavaScript可以在事件背侦测到时执行代码
- 事件绑定：
- 常见事件：
1.6 Vue
- 常用指令：
- v-bind：为HTML标签绑定属性值，如设置href，css样式等
- v-model：为表单元素上创建双向数据绑定
- v-on：为HTML标签绑定事件
- v-if、v-elese-if、v-else：条件性的渲染某元素，判定为true时渲染，否则不渲染
- v-show：根据条件展示某元素，区别在于切换的是display属性的值
- v-for：列表渲染，遍历容器的元素或则对象的属性
- Vue生命周期
875
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
