ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

【前端】JavaScript

【前端】JavaScript

需要放在script标签里面
引入方式
外部模式的话用script src相对路径绝对路径网络路径都是可以放的

在开发中一般css放在js上边,因为加载出来页面了,用户才交互

变量

js是动态弱类型语言,声明变量的时候不区分类型
变量命名规则

数据类型

打印日志,log
typeof

按f12,html看左边,css看右边,js看console

运算符

JS对象

数组

数组创建方式
不用定义大小
数组增删改查
增

改

查

以上三个直接使用下标
删
数组.splice(),数1,数2,数1是开始删除下标,数2删除个数

函数

函数定义
function 函数名

需要调用 函数()
如果少传入,少的那个变成undefined

多传入,多的那个被抛弃

函数表达式

对象

js大括号就是一个对象

属性赋值

对象.属性

key引号可以省略,但是value引号不能省略

单双引号都可以

还可以用this

属性修改

对象.属性

JQuery框架

是JS的框架,使用它操作网页

引入依赖

引入对应库 : 参考地址
用最新版本minified类型的,有Ajax,方便后续前端与后端通信
我们可以直接script它的网络路径,或者下载后,填写本地路径
不建议直接使用网络链接,本地路径下载是要比网络路径快的,文件放在项目文件夹里面

课件实例里面,按一下消失

$(标签).事件{方法}

这个页面加载完之后进行……这个有时候可以不写

选择器

文档

事件

概念,点击的时候页面变化

w3school
获取文本用text
双引号里面的不一定写标签,如果有class,就.class名字

方法,课件

如果用html,插入的数据有标签,就会解析,而text没有
有参数无参数区别

不建议使用标签选择器

操作元素

设置或者获取属性

获取返回CSS属性

添加元素

删除元素

案例代码

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进