组件(很重要很重要)一.组件 组件可以看作是一些可复用的ui模块
小到一个标签 : <div>哈哈哈</div>大到一个页面 : <div><div><div><div><div></div></div></div></div></div>
前期准备由于 vite 在开发态是基于 ESM 进行模块化开发, 而 ESM 的浏览器兼容版本有限,如下图。 esm-兼容
所以,如果你打算使用 vite 作为构建工具去开发,你至少要有一个合适版本的浏览器。如果你和我一样,Chrome 版本的浏览器比较低,但是又不想升级,想留着偶尔方便自测和定位浏览器兼容问题,那我推荐你安装一个Chromium。这样你就可以一个电脑里面拥有两个 Ch
近期有新项目开发,使用vue-cli3.7 进行项目构建,形式上跟vue-cli2.x 区别还是蛮大的。最主要的就是生成的项目中,进行webpack配置的文件没有了。这是因为在这个版本的cli中,作者将绝大部分相同的webpack配置,已经封装到cli的安装包中。我们可以打开 node_modules/_@vue_cli-service@3.7.0@@vue/cli-service&nb
转载
2024-07-06 21:30:44
88阅读
1 注意事项最新版是1.1.4,我们项目组用的是1.1.0。从npmjs可以看出,两个版本中间的版本都是不可用的,下载量为0.除此之外还可以参考的类似工具:https://www.npmjs.com/package/vue-esignature vue-esignaturehttps://www.npmjs.com/package/vue3-esign vue3-esign2 链接地址https:
文章目录一、es61.1 前端概述 1.2 js es6 新特性 1.2.1 let和constant 1.2.2解构函数和结构化代码块 1.2.3函数相关  
转载
2024-04-07 14:00:58
130阅读
工欲善其事必先利其器,对前端框架Vue有了一定的了解和熟悉,总结如下:Vue有著名的全家桶系列,包含了: vue-router, vuex, axios, vue-router, webpack, es6 + (less)再加上构建工具vue-cli(
转载
2024-08-28 13:20:16
31阅读
一、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阅读
从 vue2 升级到 vue3,vue3 是可以兼容 vue2 的,所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处,如果出现问题时,就需要去多个函数内检查,项目较大时,遇到问题,增加排故的难度。所以 vue3 中新增了 setup 配置项,用它来写组合式API。一、选项式API 和 组合式API 区别有些同学稀里糊涂用了vue一年了,竟然不知道选项式api
转载
2024-06-06 12:43:40
49阅读
简介开发后端,有时候需要自己写一些界面,网络上也有一些现成框架,多少要知道一些前端知识,不需要精通。(以下内容参考尚硅谷在线教育项目整理)ES6ECMAScript 6.0是 JavaScript 语言的下一代标准,ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)
BBS项目内容回顾1. 登陆页面
1. 验证码
1. PIL(Pillow)
2. io
2. ORM
1. 增删改查
3. AJAX
$.ajax({
url: '',
type: '',
data: {},
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
转载
2024-09-25 14:50:46
137阅读
Vue.set方法和vm.$set方法:参数(实例对象的某一属性名,属性名,属性值)用于给实例化Vue对象的某一个属性对象动态添加子属性。不允许直接给实例化对象添加属性。即参数第一项不能为vm实例对象本身或是vm的根数据对象(即data/vm._data)<script>
const vm = new Vue({
data: {
vue主要用来实现前端模块化编程,它的最终代码是一些序列化的js,简单的index.html访问入口,和一些image,vue的js使用es6来模块化设计, 为什么要这么做呢,我想主要是为了前端与后端交互变为纯数据,做分离,变成只有api的通讯当然你也可以用其它方法来实现这个目的,不过vue应该是有对前端数据进行一些压缩,优化,再者,它可以用es6来模块化(动态编程,模块引用之类,),v
转载
2024-05-18 07:06:30
44阅读
一、概述 es表示ECMASCript,从es3,es5,es6是2009.12月发布的,es6是2015.6月发布的。vue2完全支持es5, react完全支持es6。二、es5新特性: 严格模式:一般用于相
转载
2024-06-05 13:42:01
110阅读
起步:1.扎实的HTML/CSS/Javascript基本功,这是前置条件。 2.不要用任何的构建项目工具,只用最简单的另外在这里大家补充点ES6的语法。 什么是ECMAScript,以及es6的诞生?1997年 ECMAScript 1.0 诞生1999年12月 ECMAScript 3.0诞生,它 是一个巨大的成功,在业界得到了广泛的支持,它奠定了JS的基本语法,被其后版本完全继承。直到今
最近看了很多文章,偶然间看到ES6中新增了一个关键字 let ,它具有与 var 关键字相似的功能。一开始使用它时,发现它让我对之前一些习以为常的东西产生了怀疑。 下面先让我们看看它和 var 之间用法的不同{
var a = 10;
let b = 8;
}
a //10
b // Referenceerror :b is not define
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则,掌握好常用的,有用的~能让我们更快的上手~~~1 声明变量const let varES6以前 var关键字来声明变量,无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域也只有全局作
转载
2024-07-27 10:33:31
27阅读
一、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的promise和ES7的yield 1.promise1 基本概念名称:译为“承诺”,这也就表达了将来会执行的操作,代表异步操作;状态:一共有三种状态,分别为pending(进行中)、fulfilled(已成功)和rejected(已失败)。特点:(1)只有异步操作可以决定当前处于的状态,并且任何其他操作无法改变这个状态;(2)一旦状态改变,就不会在变