前端开发之JavaScript基础篇一

【前端开发之JavaScript基础篇一】的更多相关文章

前端开发之JavaScript基础篇三

主要内容: 1.创建对象的几种方式 2.JavaScript内置对象 3.JavaScript错误--Throw.Try 和 Catch 4.JavaScript 表单验证一.创建对象的几种方式 1.使用Object或者对象字面变量创建对象 (1)使用Object创建对象例如: var student = new Object(); student.name = "cc"; student.age = 20; 这样,一个student对象就创建完毕,拥有2个属性name以及age,…

前端开发之JavaScript基础篇一

主要内容: 1.JavaScript介绍 2.JavaScript的引入方法和输出及注释 3.javaScript变量和命名规则 4.五种基本数据类型 5.运算符 6.字符串处理 7.数据类型转换一.JavaScript介绍 1.JavaScript是什么? javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的.安全性好的脚本语言. 它运行在客户端从而减轻服务器的负担. 具有如下特点: (1)javaScript主要用来向…

前端开发之JavaScript基础篇四

主要内容: 1.定时器 2.正则表达式入门 3.元字符 4.正则表达式实战运用一.定时器 javaScript里主要使用两种定时器,分别是:setInterval()和setTimeout(). 1.第一种 --- setInterval() (1)含义: setInterval() 启动后不停地调用. (2)实例: var n = 0; var time = setInterval(function(){ n ++; document.write(n); },1000); // 1000单位…

前端开发之JavaScript基础篇二

主要内容: 1.流程控制条件语句和switch语句 2.for循环和while循环 3.Break语句和Continue语句 4.数组和数组常用方法 5.函数 6.对象一.流程控制条件语句和switch语句 1.条件语句(用于基于不同的条件来执行不同的动作) if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else if....else 语句- 使用该语句来选择多…

前端开发之javascript BOM篇

主要内容: 1.BOM输出 2.BOM的对象 3.client的相关属性 4.offset的相关属性 5.scroll的相关属性前情提要: 何谓BOM? 所谓 BOM 指的就是浏览器对象模型 Browser Object Model,它的核心就是浏览器. 一.BOM输出主要输出方式有以下几种: 二.BOM的对象 1.open和close方法 --- 打开和关闭网页的几种方法: <!DOCTYPE html> <html lang="en"> <head…

前端开发之JavaScript篇

一.JavaScript介绍前端三剑客之JavaScript,简称js,可能是这三个里面最难的一个了.很早以前,市面上流通着三种js版本,为了统一,ECMA(欧洲计算机制造协会)定义了规范的版本,即EcmaScript. 事实上ECMAScript只是JavaScript的一部分,完整的JavaScript是由以下三个部分组成的: 核心(ECMAScript) 文档对象模型(DOM)Document object model 浏览器对象模型(BOM)Broswer object model…

前端开发之JavaScript HTML DOM实战篇

实战案例一: “灯泡发光” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javaScript案例之点亮灯泡</title> <style type="text/css"> img{ width:100px; height:180px; margin:50px 50%;…

前端开发之JavaScript HTML DOM理论篇二

主要内容: 1.HTML DOM元素 2.HTML DOM事件一.DOM元素主要操作有添加.删除和替换HTML元素 1.创建新的HTML元素 (1)方法一: appendChild() 追加如需向 HTML DOM 添加新元素,您首先必须创建该元素,然后把它追加到已有的元素上. 实例和解析: <div id="box1"> <p id="p1">This is first paragraph.</p> <p id=&…

前端开发之JavaScript HTML DOM理论篇一

主要内容: 1.DOM简介 2.DOM 节点 3.DOM 方法和属性 4.DOM 访问和修改一.DOM简介 1.什么是 DOM? DOM 是 W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: “W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.” W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 H…

Hybrid App开发之JavaScript基础

前言: 前面学习了html和css的基本使用,今天开始学习JavaScript的使用. 什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言.使用它的目的是与 HTML超文本标记语言.Java 脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用.从而可以开发客户端的应用程序等: 具有以下几个基本特点: 脚本编写语言 JavaScript是一种脚本语言,它采用小程序段的方式…

前端开发之CSS入门篇

一.CSS介绍和语法二.CSS引入方式三.基本选择器四.高级选择器五.伪类选择器六.伪元素选择器 1️⃣ CSS介绍和语法 1. CSS的介绍 (1)为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力.而此时CSS就出现了. CSS的出现解决了以下问题: 首…

前端开发之JavaScript

JavaScript JS是一种脚本语言,浏览器执行,用于渲染HTML网页,实现网页的动画效果. JavaScript的引用方式: 1,在HTML文件中script标签中写JS代码 <script> // JS代码 </script> 2,引用外部的JS文件 <script src="my-JavaScript.js"></script> JavaScript的注释和语句规范 // 单行注释: // var name = "to…

移动前端开发之viewport,devicePixelRatio的深入理解

移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备. 一.viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又…

一步步学习javascript基础篇（0）:开篇索引

索引: 一步步学习javascript基础篇(1):基本概念一步步学习javascript基础篇(2):作用域和作用域链一步步学习javascript基础篇(3):Object.Function等引用类型一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂.原型和构造函数等模式) 一步步学习javascript基础篇(5):面向对象设计之对象继承(原型链继承) 一步步学习javascript基础篇(6):函数表达式之[闭包] 一步步学习javascript基础篇(7):…

.NET Core 跨平台 GUI 开发之 GTtkSharp 初级篇

.NET Core 跨平台 GUI 开发之 GTtkSharp 初级篇本文作为初级篇,适合已经安装好.NET Core 环境以及 Gtk 环境,并具备了 C#开发基础知识,能跑一些简单的例子,希望更深入了解开发 GTK 程序的同学.本文主要内容包括 GTK 的深入介绍.界面布局.响应式编程等参考 1:x11 gtk qt gnome kde 之间的区别和联系(最后有图) https://blog.csdn.net/lanmayi003/article/details/6584521 参考 2…

一步步学习javascript基础篇（3）：Object、Function等引用类型

我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂数据类型(即引用数据类型) Object类型我们用的最多的引用类型就属object类型了,一般用来存储和传输数据是再好不过的.然,它的两种创建方式我们是否了解呢? 1.通过构造函数来创建如: var obj = new Object(); 在js中的引用类型有个非常灵活的用法,可以动态的附加属性和赋值.…

＃笔记＃移动前端开发之viewport

一般移动设备的浏览器都默认设置了一个 viewport ,并初始定义一个虚拟的layout viewport(布局视口),用于解决早期的页面在手机上显示的问题.下面我们来认识几个与 viewport 相关的名词: layout viewport(布局视口) 布局视口是页面布局的实际宽度.iOS, Android基本都将这个视口初始设置为 980px. 网页缩放比例(initial-scale) CSS像素与设备逻辑像素的比例即为网页的缩放比例.如果网页没有缩放,那么一个CSS像素就对应一个 di…

新浪微博客户端开发之OAuth认证篇

新浪微博客户端开发之OAuth认证篇 2013年7月29日新浪微博客户端开发 OAuth2.0授权机制我在这里就不浪费口舌了,有很多大牛都发表过相关的文章解释OAuth2.0认证的流程,我就随便找了一张图片把这部分内容略过. 在新浪微博API中呢,如何去实现这个认证流程是下面要说的: 实现步骤: 1. 下载新浪微博Android SDK,去新浪开发平台那里找去. 2. 创建项目,这里是OauthTest 2. 解压SDK压缩包,知道jar把它导入到项目当中项目文档结构如下: 运行项目效果: …

iOS 开发之 GCD 基础

header{font-size:1em;padding-top:1.5em;padding-bottom:1.5em} .markdown-body{overflow:hidden} .markdown-body>div,.markdown-body>article{width:100%} aside.sidebar{float:none;padding:0 18px 1px;background-color:#f7f7f7;border-top:1px solid #e0e0e0} .fl…

ios开发之OC基础-类和对象

本系列的文章主要来自于个人在学习前锋教育-欧阳坚老师的iOS开发教程之OC语言教学视频所做的笔记,边看视频,边记录课程知识点.建议大家先过一遍视频,在看视频的过程中记录知识点关键字,把把握重点,然后再将零散的知识点整理出来.这样的学习方法会带来更多的收获,同时要多做练习,按照思路,默写.改写代码.在这里,感谢欧阳坚老师,学习你的课程使我走上了ios的开发之路. 一定要明确一个要从事的方向,要不然就会感到迷茫.学习ios开发,并且从事ios开发这个行业,这就是我的选择.看到我的博客系列文章,其中大…

ios开发之OC基础-oc小程序

本系列的文章主要来自于个人在学习前锋教育-欧阳坚老师的iOS开发教程之OC语言教学视频所做的笔记,边看视频,边记录课程知识点.建议大家先过一遍视频,在看视频的过程中记录知识点关键字,把把握重点,然后再将零散的知识点整理出来.这样的学习方法会带来更多的收获,同时要多做练习,按照思路,默写.改写代码.在这里,感谢欧阳坚老师,学习你的课程使我走上了ios的开发之路. 一定要明确一个要从事的方向,要不然就会感到迷茫.学习ios开发,并且从事ios开发这个行业,这就是我的选择.看到我的博客系列文章,其中大…

ios开发之OC基础-ios开发学习路线图

本系列的文章主要来自于个人在学习前锋教育-欧阳坚老师的iOS开发教程之OC语言教学视频所做的笔记,边看视频,边记录课程知识点.建议大家先过一遍视频,在看视频的过程中记录知识点关键字,把把握重点,然后再将零散的知识点整理出来.这样的学习方法会带来更多的收获,同时要多做练习,按照思路,默写.改写代码.在这里,感谢欧阳坚老师,学习你的课程使我走上了ios的开发之路. 一定要明确一个要从事的方向,要不然就会感到迷茫.学习ios开发,并且从事ios开发这个行业,这就是我的选择.看到我的博客系列文章,其中大…

前端学习之 JavaScript基础

一. JavaScript简介 1. JavaScript的历史背景介绍 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.这是历史上第一个比较成熟的网络浏览器,轰动一时.但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力.比如,如果网页上有一栏"用户名"要求填写,浏览器就无法判断访问者是否真的填写了,只有让服务器端判断.如果没有填写,服务器端就返回错误,要求用户重新填写,这太浪费时间和服务器资源了. 因此,网景公司急需一种网页脚本语言,使得浏览…

前端见微知著JavaScript基础篇：你所不知道的apply, call 和 bind

在我的职业生涯中,很早就已经开始使用JavaScript进行项目开发了.但是一直都是把重心放在了后端开发方面,前端方面鲜有涉及.所以造成的一个现象就是:目前的前端知识水平,应付一般的项目已然是足够的,但是火候尚缺,没有深入的进行研究,以至于总是谈论起来就发现自己半瓶子哐当的水平.为了解决这种尴尬的局面,决心潜心研究一段时间JavaScript,以下知识为本人学习过程中的总结,虽然以本人水平可能招致贻笑大方之果,但是更盼抛砖引玉之实. 在JavaScript中,我们调用一个普通的方法,可以通过如下…

前端开发之HTML篇一

主要内容: 一.HTML简介二.HTML标签三.HTML文档结构和注释四.head标签及相关内容五.body标签及相关内容 1️⃣ HTML简介 (1)HTML HTML是一个网页的主体部分,也是一个网页的基础.因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容.所以HTML部分是整个前端的基础. HTML,全称是超文本标记语言(HyperText Markup Language),它是一种用于创建网页的标记语言.…

web前端篇：JavaScript基础篇（易懂小白上手快）-2

目录一.内容回顾: ECMAScript基础语法 1.基本数据类型和引用数据类型 2.条件判断和循环 3.赋值运算符,逻辑运算符 4.字符串的常用方法 5.数组的常用方法 6.对象 7.函数 8.日期对象 9.Math数学对象 10.数值和字符串转换 11.let var 区别 12.看代码写结果二.详细内容: 1.BOM(浏览器对象模型) 2.DOM(文档对象模型) 2.7 removeChild() 删除节点 2.8 DOM中heigh,clientHeight,offsetHeight…

前端开发之jQuery篇--选择器

主要内容: 1.jQuery简介 2.jQuery文件的引入 3.jQuery选择器 4.jQuery对象与DOM对象的转换一.jQuery简介 1.介绍 jQuery是一个JavaScript库:极大简化了JavaScript编程,所以学习难度大大降低. jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库. 2.特性 jQuery是一个javascript函数库. 3.jquery 和 JavaScript的区别 Javascript是一门编程语言,我们用它来编写…

web前端篇：JavaScript基础篇（易懂小白上手快）-1

目录详细内容: 0.JavaScript的引入 1.第一个JavaScript 2.变量 3.变量的类型 4.数组 5.条件语句 6.三元运算符 7.循环 8.函数 9.对象(object): 10.内置对象: 详细内容: 0.JavaScript的引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&…

前端开发之html篇

一.什么是html? 1.我们说socket网络编程的时候,提到过一个cs模型,就是客户端—服务端模型,前端开发也是基于网络编程,但是这时就应该是bs模型了,是浏览器与服务端的通信. 我们可以模拟一个bs模型: #服务端 import socket sock=socket.socket() sock.bind(('127.0.0.1',8989)) #绑定ip和端口 sock.listen(5) while True: conn,addr=sock.accept() print('conn',c…

前端见微知著JavaScript基础篇：this or that ?

上节,我们提到了this关键字的问题,并且追加了一句很有意义的话:谁调用我,我指向谁.的确,在javascript中,在默认情况下,this会指向一个已经初始化的window对象.所以你不论有多少全局变量,全局函数,默认都是追加到window对象上,所以在这种情况下无论怎么使用this,都是在这个window对象上去查找各种变量,函数等. 在实际编码中,this的默认情况只能适用于业务比较简单的场景中.但是在大部分业务场景中,this都需要改变其指向来实现一定的业务逻辑.这样一来,我们就得来好好…