wx5d0241bb88268的博客_前端基础(3)

前端基础-ECMAScript(Symbol数据类型)

第8章 Symbol数据类型ES5数据类型：6种： string number boolean null undefined objectES6新增了一种数据类型：Symbol，表示独一无二的值，Symbol最大的用途是用来定义对象的唯一属性名。Symbol值通过Symbol函数生成。var symbol1 = Symbol();var symbol2 = Symbol("Al...

js

javascript

数据类型

运算符

字符串

原创 2022-03-03 15:30:50 79 阅读

前端基础-ECMAScript箭头函数

第10章箭头函数ES6可以使用“箭头”（=>）定义函数，注意是普通函数，不要使用这种方式定义类（构造器）。10.1 语法1.具有一个参数并直接返回的函数var f1 = a=>a;//相当于 var f1 = function(a){ return a;};console.log(f1('hello'));//'hello'2.没有参数的需要用在箭头前加上小括号v...

js

javascript

f5

大括号

回调函数

原创 2022-03-03 15:30:43 39 阅读

前端基础-什么是正则表达式

第1章什么是正则表达式1、概述正则表达式(regular expression)正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来对字符串的进行匹配。用途：检查一个字符串中是否含有某种子串将匹配的某种子串做替换从某个字符串中取出符合某个条件的子串等。“996.icu”1、判断有没有99...

正则表达式

js

java

字符串

子串

原创 2022-03-03 15:30:33 27 阅读

前端基础-正则语法(元字符)

第2章正则语法-元字符正则表达式中的字符：元字符：一些具有特殊含义的特殊符号。普通字符：包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号。正则表达式三步走① 匹配符（查什么）（等价符、字符簇、修饰符、转义符）② 限定符（查多少）③ 定位符（从哪查）1、限定符限定符（量词）用来指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。有 * 或 + 或 ? 或 {n}...

正则表达式

字符串

php

修饰符

原创 2022-03-03 15:30:24 41 阅读

前端基础-分组/捕获和反向引用

第4章分组/捕获和反向引用捕获和反向引用的语法的解释：子表达式在正则表达式中，通过一对圆括号括起来的内容，我们就称之为“子表达式”。如：var reg = /\d(\d)\d/gi;捕获（分组）在正则表达式中，子表达式匹配到相应的内容时，系统会自动捕获这个行为，然后将子表达式匹配到的内容放入系统的缓存区中。我们把这个过程就称之为“捕获”。反向引用在正则表达式中，我们可以使用\...

正则表达式

js

javascript

正则

缓存

原创 2022-03-03 15:30:13 81 阅读

前端基础-JQuery操作属性

第5章 JQuery操作属性5.1 attr操作设置单个属性// 第一个参数：需要设置的属性名// 第二个参数：对应的属性值// $obj.attr(name, value);// 用法举例$('img').attr('title','哎哟，不错哦');$('img').attr('alt','哎哟，不错哦');设置多个属性// 参数是一个对象，包含了需要设置的属性名...

js

html

jquery

css

类名

原创 2022-03-03 15:27:40 80 阅读

前端基础-jQuery简单事件绑定

第4章简单事件绑定所有事件在jquery中都是jquery对象的方法click(handler) 单击事件mouseover(handler) 鼠标悬浮事件mouseout(handler) 鼠标离开事件...<input type="button" value="我是一个按钮" id="btn"><script> $(function(){ ...

jquery

js

javascript

html

jquery对象

原创 2022-03-03 15:27:31 56 阅读

前端基础-jQuery对象和DOM对象

第3章 jQuery对象和DOM对象3.1 jQuery对象和DOM对象的区别DOM对象用原生JavaScript获取的DOM对象通过document.getElementById() 反馈的是元素(DOM对象)通过document.getElementsByTagName()获取到的是什么？伪数组(集合)，集合中的每一个对象是DOM对象jQuery对象jQuery对象用...

jquery

javascript

web

js

dom对象

原创 2022-03-03 15:27:23 55 阅读

前端基础-正则表达式(环视)

第6章环视也叫预查、断言、零宽断言。正则表达式中，用于查找某些内容之前或者之后的东西，叫做环视。环视通常也叫做预查、断言或者零宽断言。1、正向肯定预查也叫顺序肯定环视every(?=n) 匹配任何其后紧接指定字符串 n 的字符串。 //匹配后面字符为10的win var str = "win7 win8 win10"; var res = str.match(/win(?=...

字符串

正则表达式

js

数据

原创 2022-03-03 15:27:15 233 阅读

前端基础-String 对象的正则方法

第7章 String 对象的正则方法1、match方法stringObj.match(regex)在字符串中检索匹配正则表达式regex的子串；如果匹配，返回包含匹配结果的一个数组；不匹配返回null。正则表达式regex中不带全局修饰符g，则只匹配一次。正则表达式regex中带全局修饰符g，则匹配所有结果。 var str = "1234@qq.com"; var res = ...

字符串

正则表达式

js

修饰符

原创 2022-03-03 15:27:06 55 阅读

前端基础-匹配中文（utf-8编码）

第5章匹配中文（utf-8编码）每个字符（中文、英文字母、数字、各种符号、拉丁文、韩文、日文等）都对应着一个Unicode编码。查看Unicode编码，找到中文的部分，然后获取中文的Unicode编码的区间，就可以用正则匹配了。

js

乱码

ico

正则匹配

码表

原创 2022-03-03 15:26:58 109 阅读

前端基础-jQuery选择器

第2章选择器jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。jQuery选择器有很多，基本兼容了CSS所有的选择器，并且jQuery还添加了很多更加复杂的选择器。（查看jQuery文档）jQuery选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很多种方法获取到。所以我们平时真...

javascript

jquery

js

html

css

原创 2022-03-03 15:26:44 35 阅读

前端基础-jQuery简介

jQuery第1章 jQuery简介1.1 JavaScript库的概念JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。把一些常用到的方法写到一个单独的js文件，

javascript

js

html

css

jquery

原创 2022-03-03 15:26:34 167 阅读

前端基础-JQuery操作样式

第6章 JQuery操作样式6.1 CSS操作功能：设置或者修改样式，操作的是style属性。操作单个样式// name：需要设置的样式名称// value：对应的样式值// $obj.css(name, value);// 使用案例$('#one').css('background','gray');// 将背景色修改为灰色设置多个样式// 参数是一个对象，...

css

js

html

内边距

jquery

原创 2022-03-03 15:23:06 56 阅读

前端基础-JQuery(each方法遍历)

第7章 each方法遍历jQuery的隐式迭代会对所有的DOM对象设置相同的值，但是如果我们需要给每一个对象设置不同的值的时候，就需要自己进行迭代了。作用：遍历jQuery对象集合，为每个匹配的元素执行一个函数// 参数一表示当前元素在所有匹配元素中的索引号// 参数二表示当前元素（DOM对象）$(selector).each(function(index,element){});...

jquery

js

迭代

dom对象

原创 2022-03-03 15:22:57 187 阅读

前端基础-jQuery节点操作

第10章 jQuery节点操作10.1 创建节点// $(htmlStr)// htmlStr：html格式的字符串$('<span-这是一个span元素</span-');10.2 添加节点append appendTo 在被选元素的结尾插入内容父.append(子) 子.appendTo(父)prepend prependTo 在被选元素的开头插入内容...

javascript

js

html

节点操作

jquery

原创 2022-03-03 15:22:51 45 阅读

前端基础-jQuery事件机制

第8章 jQuery事件机制JavaScript中已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大的增强了事件的处理能力。8.1 jQuery事件发展历程(了解)简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐)简单事件注册click(handler) ...

js

jquery

绑定事件

事件处理

原创 2022-03-03 15:22:42 43 阅读

前端基础-jQuery动画效果

第9章 jQuery动画效果jQuery提供了三组基本动画，这些动画都是标准的、有规律的效果，jQuery还提供了自定义动画的功能。演示动画效果 [08-演示jQuery动画（animate）.html]9.1 三组基本动画显示(show)与隐藏(hide)与切换(toggle)是一组动画：滑入(slideUp)与滑出(slideDown)与切换(slideToggle)，效果与...

css3

html

jquery

css

ide

原创 2022-03-03 15:22:32 49 阅读

前端基础-Node.js核心模块的使用

第2章核心模块的使用2.1.1 FS模块node核心模块之一，用于操作文件；中文手册 : http://nodejs.cn/api/fs.html文件读写// 引入模块var fs = require('fs');// console.log(typeof fs); //object // 向文件中写入内容fs.writeFile('./2.1.txt','itcast'...

js

html

数据

服务器

原创 2022-03-03 15:22:24 48 阅读

前端基础-Node.js入门

第1章 NodeJS起步1.1 下载安装下载 https://nodejs.org/zh-cn/download/历史版本：https://nodejs.org/en/download/releases/windows下安装过程：对于已经装过的，重新安装就会升级安装成功后，打开命令行，输入node --version 或者 node -v (显示node的版本号)...

nodejs

vue

下载安装

命令行

安装过程

原创 2022-03-03 15:22:09 102 阅读

前端基础-Node.js简介

## 第0章 Node介绍0.0 回顾 JavaScript**历史及发展 **1995年网景公司的布兰登开发；1997年7月，ECMA组织发布ECMAScript 1.0版;2007年10月发布3.1版本后不久，ECMAScript 3.1改名为 ECMAScript 5。2008年，为Chrome浏览器而开发的V8编译器诞生2011年6月，ECMAscript 5.1版发布...

网络

编程语言

javascript

node.js

ecmascript

原创 2022-03-03 15:22:00 47 阅读

前端基础-Node.js包管理器npm

第3章包管理器npm3.1 使用moment使用第三方包格式化时间3.2 npm 命令的使用上面的代码，我们使用npm安装了moment来进行格式化时间的处理，这就是使用第三方模块；而我们使用的npm就是node中自带的包(模块)管理工具；借助NPM可以帮助我们快速安装和管理依赖包，使Node与第三方模块之间形成了一个良好的生态系统；我们也可以直接输入npm，查看帮助引导...

nodejs

js

json

服务器

html

原创 2022-03-03 15:21:25 905 阅读

前端基础-Node模块化及CommonJS规范

第4章 Node模块化及CommonJS规范通过前面几个章节的学习, 我们基本掌握了NodeJS编程的基础知识, 但是我们也直观的发现了一个问题,和我们之前学习浏览器编程时JS, 差异还是很大的; 都是JavaScript编程, 为何有这种差异?

js

javascript

加载

json

服务器

原创 2022-03-03 15:21:12 40 阅读

前端基础-Ajax简介

Ajax 技术作者：陈文龙第1章认识Ajax1.1 初识 ajax我们平常上网，不管是注册账号，还是浏览网页，其本质就是通过客户端向服务器发送请求，服务器接到请求后返回处理后的数据给客户端；在我们之前学习代码中，向服务器提交数据典型的应用是就是 form 表单，其中的 action 就是我们提交数据的服务器端地址；完成一个 form 表单；当我们点击提交按钮时，页面就会跳转到...

ajax

js

javascript

服务器

客户端

原创 2022-03-03 15:20:51 80 阅读

前端基础-Ajax对象

第2章 Ajax对象2.1 获取对象通过上一节我们发现，想要使用 ajax 的一系列功能，我们就必须先得到 ajax 对象基于 W3C标准浏览器：var xhr = new XMLHttpRequest();基于IE内核的浏览器:var xhr = new ActiveXObject('Microsoft.XMLHTTP');<script> var btu...

ajax

java

js

javascript

xml

原创 2022-03-03 15:20:39 101 阅读

前端基础-json-server与axios

第7章 json-server与axios一个项目从立项开始，一般都是前后端同时进行编码工作的，而此时前端需要的接口和数据后台都是无法提供的；7.1 json-server 使用使用全局安装：npm install json-server -gjson-server 会将一个json文件作为数据库来存储数据，对json数据的格式是有要求的，如data.json的内容：{ "tb1"...

vue

json

数据

ios

原创 2022-03-03 15:20:29 268 阅读

前端基础-Ajax判断用户名是否可用

第3章判断用户名是否可用–案例百度注册效果用户名被占用：用户名没有没占用：前台代码<body> <input type="text" value="" id="names"> <span id="tip"></span></body><script> var inp = docume...

用户名

html

xml

原创 2022-03-03 15:19:57 195 阅读

前端基础-Ajax缓存问题

第4章缓存问题4.1 缓存的产生以上一节的案例为模板，使用IE9以下版本浏览器测试，有缓存问题；原因：在Ajax的get请求中，如果运行在IE内核的浏览器下，其如果向同一个url发送多次请求时，就会产生所谓的缓存问题。缓存问题最早设计初衷是为了加快应用程序的访问速度，但是其会影响Ajax实时的获取服务器端的数据。4.2 客户端解决缓存问题产生缓存的问题就是我们的客户端向同一个...

ajax

js

缓存

客户端

随机数

原创 2022-03-03 15:19:49 131 阅读

前端基础-Vue.js简介

Vue.js陈文龙第0章 Vue介绍0.0 开发工程发展历史通过前面的介绍，我们对目前的项目工程化有了大体了了解，那么其中，在第二阶段的工程化演进中，有一个重要的工程设计理念诞生，他就是著名的 MVC 设计模式，简单点，MVC 其实就是为了项目工程化的一种分工模式；MVC 中的最大缺点就是单项输入输出，所有的 M 的变化及 V 层的变化，必须通过 C 层调用才能展示；随着前...

vue

javascript

js

html

vue.js

原创 2022-03-03 15:19:41 62 阅读

前端基础-Ajax发送POST请求

第5章 Ajax发送POST请求5.1 post请求复制第3章案例代码，将 get 请求修改为 post 请求；//请求地址var url = 'baidu';//open参数为postxhr.open('post',url);//设置请求头 ***xhr.setRequestHeader('Content-type','application/x-www-form-urlenco...

ajax

post

http

post请求

用户信息

原创 2022-03-03 15:19:30 379 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx5d0241bb88268的博客