前端基础之JS

【前端基础之JS】的更多相关文章

前端基础 & 初识JS(JavaScript)

JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名ScriptEase(客户端执行的语言). Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成,后改名叫JavaScript. 微软随后模仿在其IE3.0的产品中搭载了一…

浏览目录 JavaScript语法基础 JavaScript数据类型及类型查询 JavaScript运算符 JavaScript流程控制 JavaScript函数词法分析 JavaScript内置对象方法一.JavaScript语法基础 1.变量命名规范变量名只能是字母.数字.下划线或美元符号的任意组合变量名不能是数字开头关键字不能声明为变量名建议用驼峰命名方式变量名是区分大小写变量的定义要具有可描述性 2.变量声明 var 变量名 = 变量值; JavaScript属于动态类…

前端基础之JS

流程控制 if-else var a = 10; if (a > 5){ console.log("yes"); }else { console.log("no") } if-else if-else var day = new Date() switch (day) { case 0: console.log("sunday") break; case 1: console.log("monday") break; d…

重温前端基础之-js排序算法

javascript数组常用的方法: push():返回值,数组新的长度 pop():返回值,被删除的数组末尾元素 shift():返回值,被删除的数组首部元素 unshift():返回值,数组新的长度 concat():返回值,拼接后新的数组 slice():返回值,截取的新的数组 splice():返回值,被插入/删除/替换元素的数组 map():返回新的数组 filter():返回被筛选后的新的数组 reduce():返回新的数组 sort():返回排序后的新的数组与数组有关的两个: j…

0基础菜鸟学前端之Vue.js

简介:0基础前端菜鸟,啃了将近半月前端VUE框架,对前端知识有了初步的了解.下面总结一下这段时间的学习心得. 文章结构前端基础 Vue.js简介 Vue.js常用指令 Vue.js组件 Vue.js之vue-router插件 Vue.js实战一.前端基础前端发展历史和趋势什么是前端? 前端:针对浏览器的开发,代码在浏览器运行. 后端:针对服务器的开发,代码在服务器运行. 发展历程: 前后端不分>后端MVC开发模式(前端是V)>Ajax技术诞生(异步通信,前端不再是后端的模板,可以独立得…

前端总结·基础篇·JS（一）五大数据类型之字符串（String）

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(二)补充前端总结·基础篇·JS(一)五大数据类型之字符串(String) 目录这是<前端总结·基础篇·JS>系列的第一篇,主要总结一下JS的五大基本数据类型中的字符串. 一.属性(Attribute) 二.方法(Method) 2.1 转换 2.2 修改 2.3 匹配 2.4 文本 2.5 其他为方便阅读,有如下准则: 参数中的[]代表可选参数.如substr(start[,l…

前端总结·基础篇·JS（二）数组深拷贝、去重以及字符串反序和数组（Array）

目录这是<前端总结·基础篇·JS>系列的第二篇,主要总结一下JS数组的使用.技巧以及常用方法. 一.数组使用 1.1 定义数组 1.2 使用数组 1.3 类型检测二.常用技巧 2.1 数组去重 2.2 数组深拷贝 2.3 字符串反序三.方法列表 3.1 存取 3.2 字符串 3.3 修改 3.4 ES5 3.5 ES2015(ES6) 3.6 ES2016 一.数组使用数组不是基本数据类型,但是非常常用,所以提前总结. 基本数据类型是String,Number,Boolean,null…

前端总结·基础篇·JS（三）arguments、callee、call、apply、bind及函数封装和构造函数

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数目录一.函数使用 1.1 函数声明和函数表达式 1.2 函数封装(自调用函数.闭包) 1.3 函数属性(a…

前端总结·基础篇·JS（四）异步请求及跨域方案

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数前端总结·基础篇·JS(四)异步请求及跨域方案前端总结·工具篇·管理(一)常用模块化方案一.异步请求 1…

前端基础面试题(JS部分)

1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String 值类型:数值.布尔值.null.undefined. 引用类型:对象.数组.函数. 堆栈数据结构:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出! js数组中提供了以下几个方法可以让我们很方便实现堆栈: shift:从数组中把第一个元素删除,并返回这个元素的值. unshift: 在数组的开头添加一个或更多元素,并返回…

JS BOM DOM对象 select联动计时器时间 css操作节点(标签 ) 查找标签 {前端基础之BOM和DOM}

前端基础之BOM和DOM 前戏到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象…

前端总结·基础篇·JS（一）原型、原型链、构造函数和字符串（String）

前端总结系列前端总结·基础篇·CSS(一)布局前端总结·基础篇·CSS(二)视觉前端总结·基础篇·CSS(三)补充前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前端总结·基础篇·JS(二)数组深拷贝.去重以及字符串反序和数组(Array) 前端总结·基础篇·JS(三)arguments.callee.call.apply.bind及函数封装和构造函数前端总结·基础篇·JS(四)异步请求及跨域方案前端总结·工具篇·管理(一)常用模块化方案目录这是<前端…

BAT 前端开发面经 —— 吐血总结前端相关片段整理——持续更新前端基础精简总结 Web Storage You don't know js

BAT 前端开发面经 —— 吐血总结目录 1. Tencent 2. 阿里 3. 百度更好阅读,请移步这里聊之前最近暑期实习招聘已经开始,个人目前参加了阿里的内推及腾讯和百度的实习生招聘,在此总结一下一是备忘.总结提升,二是希望给大家一些参考其他面试及基础相关可以参考其他博文: Questions of FE Web basis summary FE knowledge fragment 每位面试官的面试时间基本都在 40-80 分钟,下面先简要介绍各个面试流程,问题详情见具体公司分…

前端基础面试题（js部分）

前端基础面试题(JS部分) 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String值类型:数值.布尔值.null.undefined.引用类型:对象.数组.函数.堆栈数据结构:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!js数组中提供了以下几个方法可以让我们很方便实现堆栈:shift:从数组中把第一个元素删除,并返回这个元素的值.unshift: 在数组的开头添…

web前端基础知识及快速入门指南

web前端基础知识及快速入门指南做前端开发有几个月了,虽然说是几个月,但是中间断断续续的上课.考试以及其它杂七杂八的事情,到现在居然一直感觉自己虽然很多前端的知识很眼熟,却也感觉自己貌似也知识在门口徘徊.不过还好,相比之前一直苦逼不知道如何下手,没人指点的时候,好多了.现在相对来说,知道怎么走了.现在总结一下前端的基础知识,顺便推荐几本书.因为每个知识点都可以拉开架势写几本书都不一定写的全,所以我就不去详细展开了,就大概讲一下前端的一点概念,顺便介绍下前端的基础知识等.如果能给你带来点知识涵养…

HTML+DIV+CSS+JSweb前端基础

HTML+DIV+CSS+JSweb前端基础 1.<html>和</html> 标签限定了文档的开始和结束点. 属性: (1) dir: 文本的显示方向,默认是从左向右 (2) lang: 表示整个文档中所使用的语言,en--英文,zh--中文 (3) version:定义创作文档的HTML的标准版本 2.<head></head>用于封装位于文档头部的其他标签属性: (1) dir:文本的显示方向 (2) Lang:语言信息 (3) Profile…

前端基础之DOM和BOM

前端基础之DOM和BOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window…

前端基础之BOM和DOM day52

前端基础之BOM和DOM 前戏到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档…

前端基础之JavaScript day51

前端基础之JavaScript JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名ScriptEase(客户端执行的语言). Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成,后改名叫JavaScript. 微软随…

前端基础之:JQuery(可编辑版)

前端基础之jquery 一 jQuery是什么? ［1］ jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. ［2］ jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器［4］ jQuery是一个快速的,简洁的javaScrip…

前端基础：HTML标签(下)

前端基础HTML标签(下) 1.表单表单的功能主要用于向服务器传输数据,从而实现客户端与Web服务器的交互.表单能够包含input系列标签,比如:文本字段.复选框.单选按钮.提交按钮等:表单还包含textarea.select和label标签: 表单的属性:action,将表单数据提交到指定服务器的某个程序,程序收到表单提交过来的数据(即表单数据)做相应处理,比如:https://baidu.com:method,表单的提交方式get/post/update等,默认为get: 注意 from表…

前端基础：HTML标签(上)

前端基础:THML HTML初始 1.web服务本质 import socket sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(("localhost", 9001)) sock.listen(5) while True: print("waiting for connection...") conn, addr = sock.accept() data = conn.recv(…

day14 前端基础 HTML

从今天开始,学习前端基础. 前端,就是HTML CSS JS 等对于我们这种初学者,并不知道这些专业术语都是什么,给大家举一个形象的例子: HTML 就是一个人,赤裸裸的人 CSS 就是衣服,用来给人装扮的衣服,可以装扮的很漂亮 JS 就是让人动起来,不然人就是一个木头人,无法动弹,只有通过这个才可以让这个人变得活动起来. 想知道前端和后端是如何交互的吗? 我也是第一次知道,感觉很好玩,我给大家做个demo 来演示一下客户端是如何通过浏览器和服务器交互的服务器端: #!/…

进击的Python【第十六章】：Web前端基础之jQuery

进击的Python[第十六章]:Web前端基础之jQuery 一.什么是 jQuery ? jQuery是一个JavaScript函数库. jQuery是一个轻量级的"写的少,做的多"的JavaScript库. jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 提示: 除此之外,Jquery还提供了大量的插件. 这里有一个jquery操作速…

进击的Python【第十四章】：Web前端基础之Javascript

进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. 1.javascript的表现形式  <script type"text/javascript" src="JS文件"></scri…

进击的Python【第十三章】：Web前端基础之HTML与CSS样式

进击的Python[第十四章]:Web前端基础之HTML与CSS样式一.web框架的本质众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端. #!/usr/bin/env python #coding:utf-8 import socket def handle_request(client): buf = client.recv(1024) client.send("HTTP/1.1 200 OK\r\n\r\n")…

前端怎么用js模拟应用 JSON-通俗易懂

前端怎么用js模拟应用 JSON-通俗易懂,这是转载额好多孩子弄不明确复杂的json 格式的应用,以下从基础来看一看JSON.怎么玩, 事实上结构理解清了,写起来比html还爽吧. 0.前言 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同一时候也易于机器解析和生成. 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - Decembe…

day 47 前端基础之BOM和DOM

前端基础之BOM和DOM 前戏到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指…

前端第一篇---前端基础之HTML内容

前端基础之HTML内容阅读目录(Content) 一.HTML初识 1.web服务本质 2.HTML是什么 3.HTML不是什么二.HTML文档结构三.HTML标签格式四.HTML注释五.HTML常用标签 1.<!DOCTYPE> 标签 2.head常用标签 2.1 Meta标签 2.1.1http-equiv属性 2.1.2name属性 3.body内常用的标签 3.1.基本标签 3.2特殊字符 3.3 div标签和span标签 3.4 img标签 3.5 a标签 3.6 列表 3…

前端第三篇---前端基础之JavaScript

前端第三篇---前端基础之JavaScript 一.JavaScript概述二.JavaScript的基础三.词法分析四.JavaScript的内置对象和方法五.BOM对象六.DOM对象七.事件八.拓展一.JavaScript概述 1.JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Br…