公司地址查询网站,长尾词挖掘,网站LOGO透明底色PNG格式怎么做的,怎样在手机上面建设网站1. 该篇适用于从零基础学习前端的小白#xff0c;完全从零基础角度出发 2. 我们学习时#xff0c;应该主动向自己提问#xff1f;只有你能提出问题#xff0c;你才算是在编程中学习进步了。 3. 初学者不懂得问题很多#xff0c;在自己在不懂时#xff0c;一定要求助有经验… 1. 该篇适用于从零基础学习前端的小白完全从零基础角度出发 2. 我们学习时应该主动向自己提问只有你能提出问题你才算是在编程中学习进步了。 3. 初学者不懂得问题很多在自己在不懂时一定要求助有经验的编程高手这会让你学到很多。 4. 做一个负责人的学习者在寻求帮助时一定要将问题逻辑梳理清楚知道自己哪里不懂不然会浪费高手的时间自己连要问的问题都描述不清楚更让人没有兴趣帮助你。 一、导言 JavaScript起初是一个脚本语言随着web端丰富的交互、移动端的兴起、以及各种小程序、轻应用它也变得复杂起来不过入门还是很简单。初学者稍加努力就完全可以入门Javascript这门编程语言。 二、JavaScript
我不想跟初学者说很多历史以后学完整个流程无聊时可以看看。JavaScript一共分成三部分 1. ECMAScript基础语法 》为什么学这个因为每种编程语言都有基础语法部分就是编程规则。我们要按照当初设计者制定的规则编写代码逻辑。 2. DOM文档对象模型 》为什么学这个我们在电脑上看到的网页内容如果购物网站的衣服照片、价格描述都是按照HTML标签渲染的这里HTML标签。 》我们站在HTML的角度叫它 “标签元素” 》我们站在javascript的角度就叫它 “文档对象节点” 》对于所有标签这个整体在JavaScript里我们叫它 “文档对象模型” 3. BOM浏览器对象模型 》为什么学这个大家都明白网页运行在浏览器里面必然要学习有关浏览器的知识 三、 ECMAScript基础语法
我主要讲述核心基础语法定义变量、函数、数组、对象、字符串、事件驱动
1. 基础语法
实践是检验真理的唯一标准记得跟着一步一步手动敲代码。 我定义了一个 “张三”的变量在如下代码 注意1JavaScript代码写在script标签中 !DOCTYPE html
html langenheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0 /title初次感悟Javascript/title/headbody/body!-- 注意JavaScript代码写在script标签中 --scriptlet name 张三;console.log(name);/script
/html在浏览器中运行按f12 打开chrome浏览器的开发者工具 很简单我们已经定义了人生中的第一个变量 四、DOM文档对象模型
这里的核心就是获取html标签节点。接下来跟着代码获取html标签节点
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0 /title获取DOM节点/title/headbodyh1这是个标题/h1/bodyscriptlet title document.querySelector(h1);console.log(title);/script
/html上面我们已经学会了定义变量接下来我们就将定义的变量张三赋值给标题。
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width, initial-scale1.0 /title获取DOM节点/title/headbodyh1这是个标题/h1/bodyscriptlet title document.querySelector(h1);console.log(title);let name 张三;title.innerText name;/script
/html五、ECMAScript函数 函数是核心概念因为它是一个包含多个动作的集合体它的关键词是function我们用关键词定义函数接下来跟着代码模仿感受一下吧。 1. 感受函数
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
body/body
script//用function 定了一个叫 people的函数function people(){let name 张三;let age 18;let bodyHeight 180;console.log(姓名,name);console.log(年龄,age);console.log(身高,bodyHeight);}//调用函数people();
/script
/html