09 2020 档案
Babel-转码器(将ES6 转为ES5)
摘要:一、简介 Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。 这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。 二、安装 安装命令行转码工具 Babel提供babel-cli工具,用于命令行转码。它的安装命令如下: npm instal
Node.js-NPM入门
摘要:一、简介 1、什么是NPM NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于后端的Maven 。 2、NPM工具的安装位置 我们通过npm 可以很方便地下载js库,管理前端工
Vue-路由
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
Vue-v-for
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
Vue-v-if,v-else,v-show
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
Vue-修饰符(轻松应对登录校验)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
Vue-事件绑定
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
Vue-单向双向绑定
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
Vue-VsCode 创建代码片段(Vue固定模板)
摘要:1,文件 => 首选项 => 用户代码片段 => 新建全局代码片段/或文件夹代码片段:vue-html.code-snippets 2,注意:制作代码片段的时候,字符串中如果包含文件中复制过来的“Tab”键的空格,要换成“空格键”的空格 { "vue htm": { "scope": "html",
Vue-入门(HELLOWORLD)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
ES6-箭头函数
摘要:<html> <head> <title>ES6-箭头函数</title> </head> <body> <script> // 箭头函数提供了一种更加简洁的函数书写方式。基本语法是: //参数 => 函数体 //单个参数情况 { //传统写法 var f1=function(a){ return
ES6-对象扩展运算符
摘要:<html> <head> <title>ES6-对象扩展运算符</title> </head> <body> <script> // 1、拷贝对象 { let person1 = { name: "Amy", age: 15 }; let someone = { ...person1 }; con
ES6-声明对象和方法
摘要:<html> <head> <title>ES6-声明对象和方法</title> </head> <body> <script> //定义变量, { //下面效果是一样的 ,看起来 es6更加简洁 const age = 12; const name = "Amy"; // 传统 const per
ES6-模板字符串
摘要:<html> <head> <title>ES6-模板字符串</title> </head> <body> <script> //1,模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。 { let Strings = `he
ES6-Map
摘要:<html> <head> <title>ES6 Map</title> </head> <body> <script> /* *Map 对象 :Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 *map中的key *key是字符串 */ { var myMap = ne
ES6 Set
摘要:<html> <head> <title>ES6 Set</title> </head> <body> <script> /* *Set 对象 :Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。 */ /*Set 中的特殊值 *Set 对象存储的值总是唯一的,所以需要判断两个值是
ES6 Symbol
摘要:<html> <head> <title>ES6 Symbol</title> </head> <body> <script> /* *ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。 *ES6 数据类型除了 Number 、 String
ES6 解构赋值-对象模型的解构(Object)
摘要:<html> <head> <title> ES6 解构赋值-对象模型的解构(Object)</title> </head> <body> <script> //1,基本 { let { foo, too } = { foo: "这是foo", too: "这是too" }; console.log
ES6 解构赋值-数组模型的解构(Array)
摘要:<html> <head> <title> ES6 解构赋值-数组模型的解构(Array)</title> </head> <body> <script> //1,基本 { let [a, b, c] = ["这是a", "这是b", "这是c"]; console.log("a=" + a); c
ES6 let 与 const
摘要:<html> <head> <title> ES6 let 与 const</title> </head> <body> <script> //1,作用域 { //全局变量 var b = 4; //let 声明的是局部变量 let a = 3; document.write("<hr>"); }
统一日志处理
摘要:一、日志 1、配置日志级别 日志记录器(Logger)的行为是分等级的。如下表所示: 分为:OFF、FATAL、ERROR、WARN、INFO、DEBUG、ALL 默认情况下,spring boot从控制台打印出来的日志级别只有INFO及以上级别,可以配置日志级别 # 设置日志级别 logging.
统一异常处理
摘要:测试demo:Spring+SpringMvc+Mybatis-Plus+SpringBoot+RESTful风格Api +Maven 一,全局异常 1,代码 package com.mangoubiubiu.exception; import com.mangoubiubiu.commonutil
统一结果返回
摘要:1,状态静态常量 package com.mangoubiubiu.commonutils; public interface ResultCode { //成功 public static Integer SUCCESS=20000; //失败 public static Integer ERRO
Swagger -----自动生成接口文档
摘要:测试demo:Spring+SpringMvc+Mybatis-Plus+SpringBoot+RESTful风格Api +Maven 1,引入依赖 <!--swagger--> <dependency> <groupId>io.springfox</groupId> <artifactId>spr
zTree树形组件异步加载数据
摘要:最近公司项目中要用到树形组件,开始用的layui,后来发现layui的树形组件不支持异步加载,在网上查发现实现起来很复杂。而公司项目中也有ztree的css,js,于是就选择了ztree。 先来个普通的,总结分4步(引入js,css就不说了) 1,在body里给个实体 <ui id="tree" c