前端学习笔记
文章平均质量分 94
记录在前端学习笔记
FrebEaton
热爱编程的大学生
展开
-
前端学习笔记之 HTTP协议、存储、Ajax(十四)
week14 HTTP协议、存储、Ajax前端数据交互与HTTP协议前后端通信<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>初识前后端通信</title> </head> <body> <script> // 1.前后端通信是什么 //原创 2021-12-16 15:01:38 · 860 阅读 · 0 评论 -
前端学习笔记之 ES6之Module模块与Babel编译(十三)
Module初识Module什么是模块模块:一个一个的局部作用域的代码块什么是模块系统模块系统需要解决的主要问题① 模块化的问题② 消除全局变量③ 管理加载顺序// base.js(function(){ class BaseSlider{...} window.BaseSlider = BaseSlider; //只暴露一个接口})()//slider.js(function(){class Slider extends BaseSlider{...原创 2021-11-23 09:25:15 · 575 阅读 · 0 评论 -
前端学习笔记之 ES6之Promise与Class类(十二)
Promise初识PromisePromise是什么<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Promise 是什么</title> <style> * { padding: 0; margin: 0; } #box {原创 2021-11-19 19:03:47 · 575 阅读 · 0 评论 -
前端学习笔记之ES6语法扩展 (十一)
剩余参数什么是剩余参数// 1.认识剩余参数const add = (x, y, z, ...args) => {};// 2.剩余参数的本质const add = (x, y, ...args) => { console.log(x, y, args);};// add();// add(1);// add(1, 2);add(1, 2, 3, 4, 5);// 剩余参数永远是个数组,即使没有值,也是空数组// 3, 4, 5->[3, 4, 5]原创 2021-09-29 10:52:17 · 246 阅读 · 0 评论 -
前端学习笔记之ES6基础入门 (十)
初识ES6let和const是什么?// 1.let 和 const 是什么// 声明变量或声明常量// var 声明变量// let 代替 var,声明变量// const 声明常量 constant// 2.let 和 const 的用法// var 一样var username = 'Alex';let age = 18;const sex = 'male';console.log(username, age, sex);// 3.什么是变量,什么是常量username原创 2021-09-15 17:48:20 · 97 阅读 · 0 评论 -
前端学习笔记之正则表达式(九)
正则表达式快速感知正则表达式正则表达式(regular expression)描述了字符串的“构成模式”,经常被用于检查字符串是否符合预定的格式要求用一个例子快速演示正则表达式基本使用方法:检查某个字符串是否是6位数字// 这个正则表达式表示一个形式:以m开头,n结尾,中间是6位数字var regexp = /^m\d{6}n$/;var str1 = 'm123456n';var str2 = 'm1234567n';var str3 = 'm123b56n';var str4原创 2021-09-15 10:48:38 · 467 阅读 · 0 评论 -
前端学习笔记之JS对象(八)
面向对象认识对象认识对象对象(object)是“键值对”的集合,表示属性和值的映射关系对象的语法k和v之间用冒号分隔,每组k:v之间用逗号分隔,最后一个k:v对后可以不书写逗号如果对象的属性键名不符合JS标识符命名规范,则这个键名必须用引号包裹可以用“点语法”访问对象中指定键的值xiaoming.name; // '小明'xiaoming.age; // 12xiaoming.hobbys; // ['足球', '游泳', '编程']// 对象打点访问它的属性原创 2021-08-14 19:14:36 · 428 阅读 · 0 评论 -
前端学习笔记之函数、BOM和DOM(七)
函数什么是函数函数就是语句的封装,可以让这些代码方便地被复用函数具有“一次定义,多次调用”的优点使用函数,可以简化问题,让代码更具有可读性函数的定义和调用函数的定义和变量类似,函数必须先定义然后才能使用使用function关键字定义函数,function是“功能”的意思函数的调用执行函数体中的所有语句,就称为“调用函数”调用函数非常简单,只需在函数名字后书写圆括号对即可语句执行顺序函数声明的提升和变量声明提升类似,函数声明也可以被提升函数表达式不能提升原创 2021-08-14 19:10:16 · 432 阅读 · 0 评论 -
前端学习笔记之流程控制语句和数组(六)
流程控制语句if语句的基本使用if语句是最简单的条件语句,也称选择语句。它通常结合else一起使用,表示如果……就……否则……。if (测试条件) { // 语句块1 // 当测试条件为真,则执行这里} else { // 语句块2 // 当测试条件为假,则执行这里}用户输入一个数字,如果这个数字是偶数,则弹出对话框显示“偶数”,否则弹出对话框显示“奇数”。var a = Number(prompt('请输入一个数字'));if (a % 2 =原创 2021-08-04 23:32:03 · 293 阅读 · 0 评论 -
前端学习笔记之JS基础语法与表达式(五)
JS基础语法与表达式JavaScript简介前端三剑客HTMLCSSJavaScript语言功能结构层HTML搭建结构、放置部件、描述语义样式层CSS美化页面、实现布局行为层JavaScript实现交互效果、数据收发、表单验证等JavaScript历史NetScape公司的Brendan Eich于1995年发明JavaScript,前身是LiveScript浏览器脚本还有VBScript、JScript但都被淘汰了JavaScr原创 2021-07-08 23:40:24 · 383 阅读 · 1 评论 -
前端学习笔记之CSS3动画(四)
CSS3动画过渡过渡的基本使用transition过渡transition过渡属性是CSS3浓墨重彩的特性,过渡可以为一个元素在不同样式之间变化自动添加“补间动画”过渡从IE10开始兼容,移动端兼容良好曾几何时,网页上的动画特效基本都是由JavaScript定时器实现的,现在逐步改为使用CSS3过渡优点:动画更细腻,内存开销小transition属性基本使用transition属性有4个要素过渡要定义在元素的开始状态上,而不是结束状态上哪些属性可以参与过渡所有原创 2021-06-29 19:09:35 · 139 阅读 · 0 评论 -
前端学习笔记之CSS3浮动定位与背景样式(三)
CSS3浮动定位与背景样式浮动与定位浮动的基本概念浮动用来实现并排浮动的最本质功能:用来实现并排浮动的使用浮动使用要点:要浮动,并排的盒子都要设置浮动父盒子要有足够的宽度,否则子盒子会掉下去浮动的顺序贴靠特性子盒子会按顺序进行贴靠,如果没有足够空间,则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素,已经脱离了标准文档流,一律能够设置宽度和高度,即使它是span或者a标签等<style> span { f原创 2021-06-28 19:46:52 · 535 阅读 · 0 评论 -
前端学习笔记之CSS3基础语法与盒模型(二)
前端学习笔记之CSS3基础语法与盒模型CSS3简介CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等CSS使样式和结构分离,样式和结构不用“杂糅着写”,而是彼此分开:HTML就负责结构,CSS负责样式语言功能结构层HTML搭建结构、放置部件、描述语义样式层CSS美化页面、实现布局行为层JavaScript实现交互效果、数据收发原创 2021-06-27 09:32:51 · 363 阅读 · 0 评论 -
前端学习笔记之HTML5基础语法与标签 (一)
前端学习笔记之HTML5基础语法与标签Section1IDEVS Code ????配置中文界面需要安装插件,在插件中心搜索Chinese,安装插件即可。使用Ctrl + 鼠标滚轮缩放字体,即打开设置搜索 Editor: Mouse Wheel Zoom安装Live Server插件可以让 “实时热更新” 网页,自动刷新网页。安装后按ctrl+shift+p键,选择 “Open With Live Server” 即可。但这种方法必须存放在文件夹中,且VSCode已经打开这个文件夹。原创 2021-06-27 09:27:00 · 562 阅读 · 0 评论