web前端
关注
分享
扫一扫
文章平均质量分 66
发现美，创造美
觅远
这个作者很懒，什么都没留下…
展开
-
web前端—前端三剑客之JS-ES6(8)：字符串、数值
菜鸟教程：https://www.runoob.com/w3cnote/es6-string.html模板字符串相当于加强版的字符串，用反引号 `，使用场景：作普通字符串 模板字符串支持多行字符串的格式换行，看起来更加简明 支持插入变量和表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C原创 2021-07-22 13:27:58 · 160 阅读 · 0 评论 -
web前端—前端三剑客之JS-ES6(12)：Module模块
菜鸟教程：https://www.runoob.com/w3cnote/es6-module.html导出文件需要使用export或者export default命令let add= function (str) { let strarr = str.split(','); let changenum = strarr.reduce((pre,next)=>{ let num1 = Number(pre); let num2 = Number(原创 2021-07-26 21:22:05 · 135 阅读 · 0 评论 -
web前端—前端三剑客之JS-ES6(14)：异步编程处理之Promise对象
目录Promise对象使用promise对象的方法then方法catch方法finally方法all方法race方法resolve方法与reject方法应用示例异步和同步异步：任务分段按特定顺序执行，适用于之间有结果或者数据依赖的任务。同步：任务各自执行，之间不影响，适合之间没有数据关联的任务。Promise对象使用Promise 是异步编程的一种解决方案，Promise可以比作一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。.原创 2021-08-07 23:28:21 · 171 阅读 · 0 评论 -
web前端—前端三剑客之JS-ES6(15)：异步编程处理之async函数
菜鸟教程：https://www.runoob.com/w3cnote/es6-async.htmlasync 函数是 Generator 函数的语法糖，是将 Generator 函数的星号（*）替换成async，将yield替换成await。async函数的特点：内置执行器：Generator 函数的执行必须靠执行器，需要调用next方法才能真正执行，得到最后结果。async函数自带执行器，async函数会自动执行，输出最后结果。 语义简明：async和await，比起星号和yield，语原创 2021-08-08 22:41:17 · 264 阅读 · 0 评论 -
web前端—前端三剑客之JS-ES6(13)：生成器及错误异常处理
生成器Generator生成器函数的特征：function关键字与函数名之间有一个星号 *； 函数体内部使用yield表达式; 执行生成器函数会返回一个遍历器对象,可调用.next方法进行遍历； return关键字可结束函数的yield执行注意点：每次调用返回的迭代器对象时, 运行到yield就会终止的, 下次调用next方法才会继续往下运行 next方法可以带一个参数，该参数就会被当作上一个yield表达式的返回值 function* iet() {原创 2021-08-05 20:25:24 · 267 阅读 · 0 评论 -
web前端—前端三剑客之JS-ES6(11)：Proxy代理
菜鸟教程：https://www.runoob.com/w3cnote/es6-reflect-proxy.html目录创建代理Proxy的拦截操作方法Proxy是在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。创建代理es6中使用代理是通过new一个代理实例对象进行操作：new Proxy(target,handler)参数说明：target：表示所要拦截（代理）的目标对象 handler：是原创 2021-07-25 23:21:40 · 544 阅读 · 0 评论 -
web前端—前端三剑客之JS-ES6(9)：class类、面向对象、symbol数据类型
ES6 Class 类：https://www.runoob.com/w3cnote/es6-class.htmlsymbol数据类型：https://www.runoob.com/w3cnote/es6-symbol.html目录class定义类的注意点Object.assign添加类方法实例对象注意点静态方法、私有方法和私有属性继承class定义类的注意点ES6 的class写法的几个注意点：类的所有方法都定义在类的prototype属性上面 定义..原创 2021-07-22 21:31:38 · 370 阅读 · 1 评论 -
JavaScript（五）BOM事件：BOM、定时器
BOM（浏览器对象模型）：https://www.runoob.com/js/js-window.html所有浏览器都支持 window 对象，它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员，所以可以通过JS来操作浏览器。全局变量是 window 对象的属性，全局函数是 window 对象的方法，HTML DOM 的 document 也是 window 对象的属性之一，在使用DOM对象的时候通常将window对象省略。window：代表整.原创 2020-11-25 23:19:29 · 320 阅读 · 0 评论 -
CSS-基础（二）
文字文本样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文字样式</title> <style> div#sp1{font:italic bold 50px "宋体";color:blue;text-align:center;} div[id="sp2"]{原创 2020-11-14 13:01:47 · 132 阅读 · 0 评论 -
CSS-基础（三）
边框设置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>边框</title> <style> div.di1{ width: 100px; height: 100px; border-color: deepskyblu原创 2020-11-15 22:41:21 · 221 阅读 · 0 评论 -
jQuery实例
mouseover、mouseout：在鼠标移入或移出选定元素和子元素上触发事件mouseenter、mouseleave：在鼠标移入或移出选定元素上时触发事件。使用鼠标悬停事件时，hover(fun1,fun2)中传入的参数为函数，fun1为鼠标移入时的执行函数，fun2为鼠标移出时执行的函数。案例资源下载：https://www.jq22.com/https://www.html5tricks.com/https://www.17sucai.com/案例1：<!D原创 2020-11-30 22:00:45 · 156 阅读 · 0 评论 -
JavaScript（二）流程控制
判断语句if语句：if(条件表达式){} if...else...语句：if(条件表达式){}else{} if...else if...else语句：if(条件表达式1){}else if(条件表达式2){}.....else{}选择结构switch语句：switch(条件){case:...}，switch语句条件匹配执行中需要添加break关键字跳出case，如果不添加，在case条件满足后，由于case穿透，后面的case语句都会被执行。在switch执行语句中可以添加default条原创 2020-11-18 23:21:04 · 170 阅读 · 0 评论 -
JavaScript（三）常见对象和DOM
常用对象数字对象方法：https://www.w3school.com.cn/js/js_number_methods.asp字符串对象方法：https://www.w3school.com.cn/js/js_string_methods.asp自定义对象Object创建对象的目的：使用变量创建的数据都是独立的，通过对象可以将数据作为一个整体保存，要使用数据的时候就可以通过访问对象来获取。创建对象的方法方法一：var 变量名 = new Object();方法二：var 变量名原创 2020-11-20 21:13:55 · 229 阅读 · 0 评论 -
jQuery
JQuery是一个快速简洁的javaScript框架参考：菜鸟https://www.runoob.com/jquery/jquery-tutorial.htmljQuery速查表：https://jquery.cuishifeng.cn/安装使用下载地址https://jquery.com/两个版本：压缩版（精简）Production version - 用于实际的网站中，未压缩（可读性好）Development version - 用于测试和开发文件引入从script标.原创 2020-11-28 01:11:21 · 430 阅读 · 0 评论 -
JavaScript（四）DOM事件：鼠标和键盘事件
HTML DOM 通过JS中的元素分配事件，Document是基于window对象的整个文档带对象。事件对象，当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传入到响应(回调)函数中，所以在函数中要调用事件对象就要在定义函数的时候定义一个形参，在函数中调用事件对象就可以直接使用这个传入的形式参数。详细：https://www.runoob.com/jsref/dom-obj-document.html元素对象属性和方法：https://www.runoob.com/jsref/dom-ob原创 2020-11-25 22:40:05 · 601 阅读 · 0 评论 -
WEB—超文本标记语言html
参考网址菜鸟教程：https://www.runoob.com/html/html-tutorial.htmlw3school：https://www.w3school.com.cn/h.asphtml结构<!DOCTYPE html> <!--<!DOCTYPE html>：文档声明类型--><html lang="en"> <!--根标签--><hea原创 2020-11-10 09:11:45 · 326 阅读 · 0 评论 -
JavaScript（一）数据类型及运算
Js（JavaScrpit ）的作用：用来做页面特效；前后端的数据交互Js可以写在html文件中的script 标签里，也可以写在.js文件中被引入使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数据类型及运算</title> <!-- 内部script --> <scri原创 2020-11-18 23:07:38 · 255 阅读 · 0 评论 -
CSS-基础（一）
层叠样式表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>层叠样式表</title> <link rel="stylesheet" href="../style/style.css"> <style> h1{ color:blue;原创 2020-11-11 23:20:03 · 317 阅读 · 0 评论