我在做一个页面加载loading 效果的时候,改了很多样式,有全局的有私有的,以至于到最后把自己都搞乱了不知道改过什么东西,最后在build打包上线后出现了部分样式显示错乱(主要是全局样式),影响到了整个页面,当时都懵了,怎么也找不到问题。墨迹到了晚上九点钟。在网上查了很多资料。最终解决,特意在这里记录一下,发现网上关于这种问题的回答挺少的所以我找了好久,希望我的回答可以贡献一点力量,让同样遇到这
转载
2024-09-23 10:57:41
187阅读
1.安装vue插件,安装方法: File–> setting --> plugin,点击plugin,在内容部分的左侧输入框输入vue,会出现1个关于vue的插件,点击安装即可。安装完成后,就可以看到,新建文件时,会有vue文件的提示。(如果没有提示说明没有vue插件,下边有安装方法) 2:vue 使用的是es6语法, 所以要将javascript的版本改成es6步骤:s...
原创
2022-01-20 13:34:54
1051阅读
一、在webpack中使用ESLintESLint如何落地?和CI/CD系统集成和webpack集成webpack与ESLint的集成
使用eslint-loader,构建时检查JS规范。
下面我们操作一下,采用 eslint-config-airbnb,这个eslint-config-airbnb有很多依赖第一步,安装依赖npm install eslint eslint-plugin-impo
一、ES6快速入门let和const letES6新增了let命令,用于声明变量。其用法类似var,但是声明的变量只在let命令所在的代码块内有效。 {
let x = 10;
var y = 20;
}
x // ReferenceError: x is not defined
y // 20 View Code 效果如下:var声明变量存在变量提升
转载
2024-04-10 22:20:33
73阅读
pages-activity-activity.js:278 Uncaught (in promise) TypeError: Invalid attempt to spread non-iterable instance.In order to be iterable, non-array obj
原创
2022-05-31 19:15:55
1247阅读
本文是在学习是为了加深印象做的个人笔记, 一、ES6ECMAScript 是标准javascript是实现VS环境搭建之前写过了,需要在VScode中安装如下插件:Auto Close Tag Auto Rename Tag Chinese ESlint HTML CSS Support HTML Snippets JavaScript ES6 Live Server open in b
以下内容仅为个人见解,如有错误欢迎指正~vue双向绑定原理:
vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,
通过Object.defineProperty()来劫持各个属性的setter,getter,
在数据变动时发布消息给订阅者,触发相应的监听回调。
延伸:
* Object.defineProperty() 是ES5 中一个无法 s
一、概念 Promise,从语法上来讲,它是一个对象,是一个构造函数,可以获取 异步操作 的信息。 简单来讲,就是用同步的方式写异步代码,用来解决回调问题。 二、特点 Promise 对象有两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态: (1)、pending: 初始值 (2)、fulfilled: 操
转载
2024-02-21 14:39:48
76阅读
一、ES6语法说明1.let 变量声明let a,b,c;
let d = 1, f = "一", g = [];
//let 不能重复声明
// let start = 'liu';
// let start = 'yuan'; //错误的,已经声明过的变量名
//不存在变量提升
/**
* 关键字let 不能先使用,后声明
* 关键字var 可以先使用,后声明
**/
console
转载
2024-04-03 12:06:05
102阅读
一、es6的语法1、let与var的区别,但是所声明的变量,只在let命令所在的代码块内有效。如下代码:{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1 上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正
转载
2024-03-20 17:05:14
21阅读
本博客目的:记录Vue学习的进度和心得(ES6基本语法)内容:掌握Vue中常用的ES6基础语法。正文:ES6基本语法一、let与var(闭包,块级作用域) 1、事实上var的设计可以看成JavaScript语言设计上的错误,但是这种错误多半不能修复和移除,因为需要向后兼容。例如if/for的块级的影响(ES5中if、for没有作用域,只有函数有作用域),因而JS作者引入了let,我们可以将let
转载
2024-05-05 15:36:25
89阅读
相信es6大家并不陌生,那么我还是简单介绍一下es6,es是15年发布的,可以用babel转化成es5可以支持低端浏览器,es6是一种新的语法,流行的库基本都是基于es6开发的。所以小伙伴要掌握哦!而且写起来简单优雅。下面我给大家介绍一下es的常用语法。一、let和const这两个语法相信很多小伙伴已经经常使用了,下面我介绍一下var ,let, const 的区别1、var: var a=
转载
2024-06-18 18:39:02
54阅读
一.ES6基本语法 ES6全称为EcmaScript,是一种JavaScript统一书写规则。EcmaScript: 5.x 是至今所有浏览器使用的一种通用版本,但是6.x版本的出现带来了很多新特性,极大方便了开发。因此我们需要学习一下ES6的新语法。 1.变量声明 &n
转载
2024-05-29 02:14:16
65阅读
antv- X6----vue 组件循环渲染公司需求需要做一个思维导图类似于飞书后台管理的okr思维导图,也是第一次接触,但是我感觉好像canvas也能画,我太菜了不会,就去找了好多的案例框架啥的,一开始用的SuperFlow 这个思维导图,但是没研究出来偶然看见了antv–x6这个框架,其中也设计到vue2使用这个框架,但是因为项目是vue3所以做了一些改变第一步:先创建一个画布,这个ID是你的
1,Vue-ES6的常用语法-Vue常用指令 首页, 1,ES6框架:2,Vue指令: 1 声明变量const let varES6以前 var关键字来声明变量,无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域也只有全局作用域以及函数作用域~ 所以变量会提升在
转载
2024-04-15 21:10:51
45阅读
ES6之Promise一、Promise是什么?Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果Promise 构造函数:Promise(excutor){}Promise.prototype.then 方法Promise.prototype.catch 方法二、使用案例1.Promise基本语法<script
转载
2024-08-31 21:00:53
98阅读
文章目录一、什么是 ES6二、ES6 的新增语法三、ES6 的内置对象扩展 一、什么是 ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指,泛指 ES2015 及后续的版本。优点: 变量提升特性增加了程序运行时的不可预测性 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码。二、ES6 的新增语法2.
转载
2024-03-21 14:55:31
151阅读
简要介绍:ECMAScript 6 的语法已经大量用于实际项目,在这里记录一下,ES6的一些常用的新增语法。1.let命令和const命令(1)首先来看let命令:用于声明变量,表示在块级作用域内有效。例子:{
var a=1;
}
a //a=1
{
let b=2;
}
b //undefined;说明:对比与var,let是块级作用域里面的变量,通过let声明的变量只在改块级作用域内有
转载
2024-04-15 19:40:17
52阅读
一、参考资料ES6 | Guns快速开发平台
原创
2022-07-28 06:09:58
4428阅读
原本是想理一理虚拟dom,结果根本不知道虚拟dom是怎么来的,于是先理清楚模板编译的流程。 因为自身能力问题,没法手写实现,只是单纯的理清除模板编译的流程,然后贴一些关键代码, 可以自己去源码找到关键的地方。我是直接在vue.js里面直接看,并不是下载vue的npm去找各个模块, 所以有什么理解错误的欢迎指教。一、获取HTML(template)先了解一下,vue有两个运行环境的编译,一个是npm