一、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{ ...
var arr = [1, 2, 2, 3, 4, 4, 5, 6, 7, 7, 4, 3, 5, 7, 11, 12, 11];var newArr = []; //方法1最优 set对象【Set是没有重复值的数据集合，传入一个需要去重的数组，Set会自动删 // newArr = Array.from(new Set(arr));// console.log(newArr)//方法2时间短，占空间。newArr.indexOf【遍历原数组的各项，每次判断新数组中是否存在该项，不存在就把当前项添加到新数组中。此法效率高，但占空间】/* arr.forEach(function (item, index) { if (newArr.indexOf(item) === -1) { newArr.push(item) }}); * / /* arr.forEach((item, index) = ...
转载地址：https://www.cnblogs.com/qin-tian/p/5910288.htmlhttps://my.oschina.net/leipeng/blog/221125https://www.cnblogs.com/leejersey/p/3991398.html 说起清除浮动，大家肯定会想起 clear: both ，的确，这是 CSS 中清除浮动的属性，clear 有 both/left/right/none/inherit 几个属性值，分别代表在元素左右两侧不允许出现浮动元素/左侧不允许出现浮动元素/右侧不允许出现浮动元素/不清除浮动/继承父元素的值。注意：clear属性只是在block元素是起作用，如果你把clear:both用在一个inline-block或inline元素上，clear:both是不会起任何作用的。】 浮动的兄弟元素 如何避免 对其兄弟元素造成影响？？？直接为 浮动元素的 兄弟元素 设置 clear: both ； 设置了 clear: both （当然在 ...
