JavaScript语法基础
社区首页 (3633)




请编写您的帖子内容
社区频道(4)
显示侧栏
卡片版式
全部
技术分享
博文收录
Ada助手
最新发布
最新回复
标题
阅读量
内容评分
精选

70
评分
回复


JavaScript语法基础
1-1 基础知识单行注释:// 内容在网页中按F12可以看到控制台(console)和对所写的代码进行调试。1-2 赋值语句var str = '春眠不觉晓'var:声明变量的关键字。浏览器解析看到var就知道它后面跟一个变量。str:变量名称,可以任意取名,但是有一定的命名规则,一般都是命名为有意义的名字,例如:var age = 19=:赋值符号,这是一种运算符号,其含义是将右面的值赋值给左面的变量。’ ':单引号里面的值是字符串,而数字是不需要加单引号的。
复制链接 扫一扫
分享

60
评分
回复


Vue.js 基础
Vue.js 基础简单认识 VuejsVuejs 安装Vue 安装方式有很多:Hellow Vuejs数据类型内容绑定,事件绑定v-text 指令v-html 指令v-on 指令v-on 补充v-model 指令v-model: radiov-model: checkboxv-model: select值绑定v-model 修饰符v-show 指令v-if 指令v-bind 指令v-bind 绑定classv-bind 绑定stylev-for 指令v-for 遍历数组v-for 遍历对象组件的 key 属
复制链接 扫一扫
分享

56
评分
回复


Ieda 如何配置 Junit 单元测试
Ieda 如何配置 Junit 单元测试。
复制链接 扫一扫
分享

74
评分
回复


JavaScript获取元素的方式
获取元素的三种基本方式一、 通过id名称获取元素:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接 扫一扫
分享

52
评分
回复


onmouseover和onmouseout事件
onmouseover和onmouseout事件:案例1:表格的隔行换色style代码:<style> *{ margin: 0; padding: 0; } table{ width: 80%; line-height: 50px; text-align: center; border: 1px solid #eee; margin: 50px auto; border-collapse: collapse; }
复制链接 扫一扫
分享

78
评分
回复


web APIs和DOM的介绍
web APIs的介绍DOM的介绍
复制链接 扫一扫
分享

56
评分
回复


H5自定义属性
H5自定义属性自定义属性的目的是为了保存数据,有些数据可以保存到页面中而不用保存到数据库中。获取自定义属性的方式是:getAttribute(‘属性’)。有一些自定义属性很容易引起歧义,不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性:属性名不要包含大写字母,在 data- 后必须至少有一个字符。该属性可以是任何字符串。注意: 自定义属性前缀 “data-” 会被客户端忽略。设置HTML5自定义属性:HTML5规定自定义属性 data- 开头作
复制链接 扫一扫
分享

65
评分
回复


模板字符串
模板字符串模板字符串:相当于加强版的字符串,用反引号````` ```,除了作为普通字符串,还可以来定义多行字符串,还可以在字符串中加入变量和表达式。模板字符串的基本用法: var str = `hello'\n'world` console.log(str) // 'hello' // 'world'多行字符串: var str = `hello, world!` console.log(str) // hello, // world!字符串中加入变量和表达式:
复制链接 扫一扫
分享

87
评分
回复


JavaScript操作元素样式
JavaScript操作元素样式操作元素样式有两种方法:一、 style.css属性操作局限性:只能一个一个地设置元素样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid
复制链接 扫一扫
分享

53
评分
回复


onclick事件
一、 鼠标的单击事件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
复制链接 扫一扫
分享

53
评分
回复


JavaScript基础事件
事件基础:事件介绍事件:浏览器在时刻监视着用户在页面上的行为,这些行为叫做用户事件。用户做了某个行为,就会触发相应的事件。开发者编写代码告诉浏览器,当用户触发了某个事件后,去执行的代码。常见的鼠标事件:鼠标事件鼠标事件onclick鼠标点击左键触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmouseseup鼠标弹起触发onmousedow
复制链接 扫一扫
分享

55
评分
回复


JavaScript操作元素属性
JavaScript操作元素属性:一、 图片元素的属性操作<img src="" alt=""> /*用JavaScript可以操作src属性。*/<script> // 先获取img的src属性,再进行操作。 document.querySlector('img').src = '图片路径'</script>二、 表单元素的属性操作<input type="text" name="" id=""><script> // 先
复制链接 扫一扫
分享

40
评分
回复


JavaScript笔记
8-1 获取元素的三种基本方式8-1.1 通过id名称获取元素:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0
复制链接 扫一扫
分享

50
评分
回复


面向对象案例:Tab栏切换
面向对象案例:Tab栏切换面向对象案例面向对象版Tab栏切换总结面向对象案例面向对象版Tab栏切换功能需求:点击 Tab 栏,可以切换效果。点击 + 号,可以添加 Tab 项和内容项。点击 x 号,可以删除当前的 Tab 项和内容项。双击 Tab 项文字或者内容项文字,可以修改里面的文字内容。步骤:抽取对象: Tab 对象分析对象具有的功能:该对象具有切换功能该对象具有添加功能该对象具有删除功能该对象具有修改功能具体代码如下:var that
复制链接 扫一扫
分享

59
评分
回复


JavaScript面向对象
JavaScript面向对象JavaScript面向对象1-1 面向对象编程介绍1-1.1 两大编程思想:1-2 面向过程编程 POP(Process-oriented programming)1-3 面向对象编程 OOP(Object Oriented Programming)1-4 面向过程和面向对象的对比ES6中的类和面向对象2-1 面向对象2-2 对象2-3 类2-4 创建类2-4 类 constructor 构造函数2-5 类添加方法类的继承3-1 继承3-2 super 关键字ES6中的类和对象
复制链接 扫一扫
分享

61
评分
回复


节点操作介绍
1-1 节点概述网页中所有的内容都叫做节点(标签,属性,文本,注释等),在DOM中,节点使用的是 node 表示。HTML DOM 树中的所有节点都可以通过JavaScript进行访问,所有HTML元素(节点)都可以被修改,也可以创建或者是删除。一般节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。元素节点 nodeType 为 1属性节点 nodeType 为 2文本节点 nodeType 为 3 (文本节点包
复制链接 扫一扫
分享

51
评分
回复


构造函数中的继承
构造函数中的继承继承call()借用构造函数继承父类型属性借用原型对象继承父类型方法继承ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。call()作用:调用这个函数,并且修改函数运行时的 this 指向。语法:fun.call(thisArg,arg1,arg2,......)thisArg:当前调用函数 this 的指向对象。arg1,arg2:传递的其他参数。示例:function fn(){ con
复制链接 扫一扫
分享

71
评分
回复


构造函数和原型
构造函数和原型概述构造函数构造函数的问题构造函数原型对象原型constructor 构造函数构造函数、实例、原型对象三者之间的关系原型链JavaScript 的成员查找机制(规则)原型对象 this 指向问题扩展内置对象概述在典型的OOP语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。ES6:全称 ECMAScript6.0 ,2015.06发版。但是目前浏览器的 JavaScript 是ES5版本,大多数高版本的浏览器也支持ES
复制链接 扫一扫
分享

69
评分
回复


ES5 中新增的方法
ES5 中新增的方法ES5 新增方法概述数组方法字符串方法对象方法拓展知识forEach 和 some 的区别ES5 新增方法概述ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法字符串方法对象方法数组方法迭代(遍历)方法:forEach()、map()、filter()、some()、every();forEcher()语法:array.forEach(function(currentValue,index,arr))curren
复制链接 扫一扫
分享
为您搜索到以下结果:
7
社区成员
49
社区内容





webChangeWorld
在繁华中自律,在落魄中自愈,谋生的路上不抛弃良知,谋爱的路上不丢失尊严。
复制链接 扫一扫

确定
社区描述
在繁华中自律,在落魄中自愈,谋生的路上不抛弃良知,谋爱的路上不丢失尊严。
加入社区
获取链接或二维码
- 近7日
- 近30日
- 至今
加载中
社区公告
暂无公告