目录五、前端基础1.技术栈简介2.ES6(1).let%const(2).解构表达式(3).字符串扩展(4).函数优化(5).对象优化(6).map和reduce方法(7).Promise(8).模块化3.Vue(1).MVVM思想(2).双向绑定(3).指令(4).计算属性和监听器(5).过滤器(6).组件化(7).生命周期和钩子函数五、前端基础1.技术栈简介2.ES6ES6全称ECMAScri
学习Vue之前,ES6的基础常识是必须要了解的,下面列举了几种最重要的特性,学会了这些,Vue的学习就易如反掌了。变量声明关键字扩展运算符对象数组结构赋值对象属性和方法简写模板字符串数组Set Map模块import和export default箭头函数promise对象类Class 1.变量声明const和letES6之前,我们都是用var关键字声明变量。var声明的变量存在变量提升
ES6基础知识点补充ES5:varES6:letconst对象字面量的增强写法对象的字面量属性的增强写法函数的增强写法定义函数的方式function对象字面量创建函数箭头函数,定义函数的一种方式参数问题函数代码块箭头函数的this指向 ES5:varvar没有块级作用域;if、for没有块级作用域,用闭包解决应用外部变量(var变量)的问题(因为函数是一个作用域)。var定义iES6:letle
前言概述:Vue是一款前端渐进式框架,可以提高前端开发效率。特点: Vue通过MVVM模式,能够实现视图与模型的双向绑定。 简单来说,就是数据变化的时候, 页面会自动刷新, 页面变化的时候,数据也会自动变化.目录前言一、ES6语法是什么?1.Let和const命令2.字符串扩展方法3.解构表达式4.函数表达式4.Map和reduce二、Vue入门案例1.渲染信息2.双向绑定 3.v-on
前言上一节笼统介绍了 Vue 进行模板编译的过程,但其实其背后的复杂度绝对是超呼想象,要当其为一个庞大的工程来处理。众所周知,归根结底,Vue 项目也是一 html5 页面,要对其进行模板编译,也就时相当于去把这个页面所有的内容都给爬下来对其中的标签、属性等等进行一步步取值处理。下面,就一步步来欣赏其中的精彩:首先,我们先来欣赏一下 html-parser先来对其用到的一些正则进行简单的理解吧1、
# 如何在项目中指定Python版本 ## 概述 欢迎来到开发者的世界!作为一名经验丰富的开发者,我将教你如何在项目中指定Python版本。这是一个非常基础但又非常重要的技能,特别是团队合作的项目中。让我们一起来学习吧! ## 步骤概览 以下是实现在项目中指定Python版本的步骤概览: ```mermaid journey title 项目中指定Python版本的步骤概览
原创 3月前
36阅读
本博客目的:记录Vue学习的进度和心得(ES6基本语法)内容:掌握Vue中常用的ES6基础语法。正文:ES6基本语法一、let与var(闭包,块级作用域)  1、事实上var的设计可以看成JavaScript语言设计上的错误,但是这种错误多半不能修复和移除,因为需要向后兼容。例如if/for的块级的影响(ES5中if、for没有作用域,只有函数有作用域),因而JS作者引入了let,我们可以将let
本章节的主要内容是: ES6 数组扩展一: 数组扩展: 1. 数组新增特性 <10个API> 1. Array.from() 2. Array.of() 3. copyWithin() 4. find/findIndex 5. fill() 6. entries() / keys() / val
学习本篇之前要具备一定的vue基础知识,可以先看一下Vue基础(环境配置、内部指令、全局API、选项、内置组件)1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架,这里牵扯的东西很多,有webpack,npm,nodejs,babel等等。官网:https://cli.vuejs.org/guide/GitHub:https://github.com/vuejs/vue-c
1、Object.is方法返回布尔值,和全等于===差不多,除了参数是+0和-0,以及NaN时//Object.is,返回布尔值,和全等于===差不多,除了+0和-0,以及NaN console.log(Object.is(+0,-0)); //false console.log(+0 === -0); //true
转载 6月前
11阅读
集合的概念以及和数组的区别其实数组也是集合, 只不过数组的索引是数值类型.当想用非数值类型作为索引时, 数组就无法满足需要了.而 Map 集合可以保存多个键-值对(key-value), Set 集合可以保存多个元素.对Map 和 Set 一般不会逐一遍历其中的元素. Map 一般用来存储需要频繁取用的数据, Set 一般用来判断某个值是否存在其中.ES 5 中对 Map 和 Set 的模拟方法
文章目录一、es61.1 前端概述 1.2 js es6 新特性     1.2.1 let和constant     1.2.2解构函数和结构化代码块     1.2.3函数相关    &nbsp
一、es6的语法1、let与var的区别,但是所声明的变量,只let命令所在的代码块内有效。如下代码:{   let a = 10;   var b = 1; } a // ReferenceError: a is not defined. b // 1  上面代码代码块之中,分别用let和var声明了两个变量。然后代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正
工欲善其事必先利其器,对前端框架Vue有了一定的了解和熟悉,总结如下:Vue有著名的全家桶系列,包含了:  vue-router,  vuex,   axios,  vue-router,   webpack,   es6 + (less)再加上构建工具vue-cli(
一、ES6快速入门let和const letES6新增了let命令,用于声明变量。其用法类似var,但是声明的变量只let命令所在的代码块内有效。 { let x = 10; var y = 20; } x // ReferenceError: x is not defined y // 20 View Code 效果如下:var声明变量存在变量提升
文章目录一、ES6简介:1. 什么是ES6:2. 为什么要使用ES6:二、ES6的新增语法:1. let关键字:2. const关键字:3. let,const,var的区别:4. 解构赋值:4.1 什么是解构赋值:4.2 数组的解构:4.3 对象结构:4.4 对象解构赋值:5. 箭头函数:5.1 什么是箭头函数:5.2 箭头函数的this:6. 剩余参数:6.1 剩余参数:6.2 剩余参数与解
Vue 工程创建环境依赖:安装node: https://nodejs.org/zh-cn/download/ 直接到官网下载安装安装淘宝镜像(安装依赖速度比较快):npm install -g cnpm --registry=http://registry.npm.taobao.org安装vue: npm install vue -g (使用频率高,直接全局安装)安装vue-cli: npm i
ES6语言规格的层面上,实现了模块功能ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。如下图(假设a和b文件同一目录下) // a.j
项目场景:Vue项目中使用Eslint+Prettier+Stylelint第一步搭建项目:首先搭建vue项目,lint选择ESLint + Prettier,配置方式选择In dedicated config files。 项目搭建完成后,根目录下会自动生成一个.eslintrc.js文件,我们直接来看默认的配置 这里extends是一个数组,数组第一个成员"plugin:vue/essent
一、模块化1.什么是模块化模块化就是把系统分离成独立功能的方法,这样我们需要什么功能,就加载什么功能每个模块都是独立的,良好设计的模块会尽量与外部的代码撇清关系,以便于独立对其进行改进和维护可以重复利用,而不用经常复制自己之前写过的代码 模块化主要解决两个问题,"命名冲突"、"文件依赖"。1)命名冲突一个js文件中,如果我们的两个变量名字相同,则前面的会被覆盖,而在不同的js模块,就可
  • 1
  • 2
  • 3
  • 4
  • 5