09 2020 档案

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