Map的数据结构:一组具有键值对的结构,注意参数顺序(key:value),key具有 唯一性 value可有可无,可重复 123456//写法1:var m=new Map([['Michael',95],['Bob',75],['Tracy',85]]);//写法2var scoreList =[{name:'Tim',age:18,score:90}, {name:'Tony',age:17,score:95}, {name:'Kevin',age:18,score:91}]; 如上为map的数据结构用 二维数组 表示的键值对 map结构常用方法:12345678910111213141516171819map.set(key,value)---->给map添加键值对元素,返回值类型为空类型var m=new Map();//添加空的 ...
一、commonJs模块化规范【1.js文件直接输出结果;2.须在node 环境使用,html不认识require,报错Uncaught ReferenceError: require is not defined】目录结构: –index.js【入口js,该js文件使用“require 关键字”引入 小模块nodeOut.js】–nodeOut.js【小模块,该js文件使用“exports 关键字”暴露 数据】 》》nodeOut.js 暴露 数据:注意:(若引入的是没有 通过exports暴露的 模块(js文件),会得到一个空对象 {} )1.被引入模块的(js文件,例如nodeOut.js)中,通过exports暴露的是 至少包含一个 键值对 的 对象;被引入模块的(json文件)中,通过exports暴露的是“json文件中的内容”。将要引入 模块的(js文件)中,通过require(‘.js’)引入的是 至少包含一个 键值对 的 对象。示例:暴露(一个数据) 123456exports.address = '郑州',或let address = ...
[TOC] 一、字符串操作切割、合并、截取split函数:String.split(separator, ?limit) 功能:使用一个指定的分隔符把一个字符串分割存储到数组 123const str = 'jpg|bmp|gif|ico|png';let arr = str.split('|'); // [jpg, bmp, gif, ico, png]let arr = str.split('|', 2); // [jpg, bmp] - 第二个参数用来限制数组大小 concat函数:String.concat(…strings) 功能:将多个字符串依次并在String的后面 1'start'.concat(', ', 'hello', ' world') // start, hello world slice、substring、substr比较函数:String.slice(start, ?end)start:必填。指定子字符串开始位置,默 ...
一、中间 自适应,左右两边 宽度固定 方法1:box容器 Flex布局,center设置为 flex:1123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> ...
transition分为以下 六个阶段: enter, enter-active, enter-active-to, (开始 进入阶段的)第1帧 属性值,到 (默认属性值 的过渡阶段),移除enter动画, leave, leave-active, leave-active-to (开始 离开 阶段的)第1帧 默认属性值,到 (属性值 的过渡阶段),移除leave动画 2种使用:1<transition name="slide"></transition> 1234567 /* 正常状态下detail组件默认为transformX(0) */.slide-enter,.slide-leave-to { transform : translateX(100%);}.slide-enter-active,.slide-leave-active { transition: all .6s;} 不考虑过渡速率,与下同, 123456@keyframes slideMove{ ...