随笔分类 - 前端学习
摘要：(目录) 前言 使用版本较低 一、版本 二、使用前配置 nuxt.config.js 实现下方五种语言的自动补全 三、使用 <template> <div class="warp"> <div ref="container" class="monaco"></div> </div> </templa
阅读全文
摘要：(目录) 前言 有小bug；后续写个不用vue-monaco 一、版本 二、使用前配置 按插件作者说明下载 1.插件注册文件 2.nuxt.config.js 实现下方四种语言的自动补全 三、使用 <template> <div class="warp"> <monaco-editor ref="m
阅读全文
摘要：(目录) export 导出 export 命令用于规定模块的对外接口 // 写法一，直接导出 export const m = 1; // 写法二，使用解构导出 const m = 1; export {m}; // 写法三，重命名导出的内容 const n = 1; export {n as n
阅读全文
摘要：(目录) HTML5新特性 html5是2014年发布的标准，距今6年。html5的发布和移动端的兴起，是前端火热的根本原因。 html5新特性： 1：新增了众多语义化标签，音视频新支持，删除了一些过时标签。 2：新增了一些DOM方法，API。拖放。 3：canvas绘图。内联SVG。 4：本地存储
阅读全文
摘要：(目录) 正则表达式 什么是正则表达式？ 正则表达式就是用来描述字符串格式的规则。 在表单验证中经常需要使用正则表达式。 例如，注册一个账户，需要填写邮箱地址，那你如何判断用户输入的是邮箱格式呢？ 自然，用循环和判断一定可以写出完整的检测逻辑，但是真的很难很难。 如果使用正则表达式就会简单得多。 我
阅读全文
摘要：(目录) 面向对象和继承实现 一 面向对象 面向对象是一种编程的思维，组织程序的一种方式。 面向对象三大特征： 1：封装 2：继承 3：多态 ( js无法实现多态,因为 js 函数没有重载功能 ) 面向对象编程入门思路： 1：抽象出类。 抽象类的过程，需要思考，这个类的私有属性和公有方法都有什么。
阅读全文
摘要：(目录) DOM和事件对象事件流 一 DOM操作 js 提供了操作页面元素的API。不过这些API不是ES的内容。DOM由w3c组织提供标准。 1.1 什么是DOM DOM：document object model。文档对象模型。 DOM是页面元素的一种组织方式。它有点类似一个“多维数组”。 从结
阅读全文
摘要：(目录) 作用域和作用域链 一 作用域 什么是作用域？ 作用域就是声明变量的'地点'。程序执行过程中，遇到函数调用，程序会被推入函数作用域中。 作用域的作用？ 区分不同的变量，对数据进行保护。对变量具有存储和保护的作用。 1.1 作用域分类： 1：全局作用域 （大括号外面的区域） 2：局部作用域（大
阅读全文
摘要：(目录) 内置对象 ES 有很多内置对象。提供很多内置功能。 2.1 数学对象 数学对象是直接量，可以直接使用。Math。 常用方法： Math.abs() ⇒ 求绝对值; Math.pow() ⇒ 求幂. Math.sqrt() ⇒ 求开平方. Math.floor() ⇒ 向下取整. Math.
阅读全文
摘要：(目录) 数组和循环 数组入门和循环 一 数组入门 数组用于存储一组相关数据。作用和对象类似。 数组是有序的数据结构。 对象是无序的数据结构。 1.1：数组的相关概念 数组的创建，分两种方式： 1：直接量 2：构造函数 // 直接量 let arr = [1,2,3]; // 构造函数 let ar
阅读全文
摘要：(目录) 类和原型和原型链 一 类 面向对象里，有一个非常基础的概念，就是类。 类就是拥有相同特征的一类对象的集合。 我们已经接触过的 js 原生类有很多。 例如：Array，Date，Object等。 类是对象的模板，对象是类的实例。 为什么需要使用类？它有什么用？(很抽象) 类可以归类多个数据,
阅读全文
摘要：(目录) this的指向和异步 一 异步操作 js 的代码执行，分为两个队列。一个是同步队列，另一个是异步队列。 同步操作：代码逐行执行，前面的操作完成了才可以进行后面的操作。(代码阻塞). 异步操作：异步代码执行不会阻塞代码，必定落后于同步操作。 js 中有很多异步操作，例如定时器。 // 定时器
阅读全文
摘要：(目录) ES6常用知识 一 ES6常用知识 1.1 对象扩展 对象的属性和方法简写： let name = '幂幂'; let oYm = { name:name, fn:function(){ console.log(this.name) } } // 以上写法可以简写成 let oYm = {
阅读全文
摘要：(目录) 递归和引用类型 一 递归 1.1 什么是递归？ 简单理解：函数自己触发自己。 表现形式 ⇒ 一个函数声明内部有自己的调用。 递归都需要一个条件来终止递归.(跟循环一样)。 1.2 递归的作用 递归的作用类似于循环，所有的循环都可以通过递归来改写，但是不是所有的递归都可以通过循环来代替。 1
阅读全文
摘要：(目录) 数组遍历和定时器 一 数组的遍历方法 回调函数,都应该写成箭头函数 数组有多少元素,这个回调函数就会调用多少次 常用数组遍历方法： for和forEach是万能的，可以解决任何问题 1：arr.forEach()；(常规遍历，没有返回值) arr.forEach(function (ite
阅读全文
摘要：(目录) 函数基础 一 函数入门 什么是函数? 一个函数就是一个功能。例如alert是一个函数，它的功能是弹出一个字符串。 函数的作用? 把重复使用的逻辑，封装成一个功能，随时取用。 学习函数天梯： 1：函数声明和调用的关系 2：函数出参 3：函数形参和实参的关系，参数默认值，arguments 4
阅读全文
摘要：(目录) DOM操作和表达式 document object model => 通过js操作页面上的元素 document => 文档 => html文档 一 DOM操作入门 DOM操作包含两部分基本操作: 1：获取标签（元素）（节点） 2：操作数标签（元素）（节点） 1.1 获取元素 html标签
阅读全文
摘要：(目录) JavaScript概述 JavaScript是一门弱类型的编程语言。简称js。由美国网景公司发布。微软发布的类似JavaScript的语言叫JScript。 前端的编程语言只有JavaScript，后端的编程语言有java，php等。 编程语言是什么？ html+css如果是填空题，Ja
阅读全文
摘要：(目录) 简介 Javascript一种直译式脚本语言，是一种动态类型、弱类型、解释型或即时编译型的编程语言。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 JavaS
阅读全文
摘要：块元素与内联元素 块元素 独占一行,默认情况下，其宽度自动填满其父元素宽度 可以设置width，height属性 可以设置margin和padding属性 内联元素 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化 不支持设置width，height 除了margi
阅读全文
浙公网安备 33010602011771号