- 博客(15)
- 收藏
- 关注
RSS订阅原创 webpack
ES6 中的模块化规范 :默认导出 : export default {}默认导入 : 变量名 from ‘模块标识’按需导出 : export const 变量名 = 值按需导入 : import {变量名} from ‘模块标识’==注意 : == 按需导入导出 的变量名要一样 ---- as 起别名无需导出 : 不用写export无需变量接收 : 不用起变量 名 直接 import ‘引入需要执行的文件’webpack 基本概念 和 作用 :基本概念 : webpack 本身是
2021-04-20 16:32:41
99
原创 数组
数组数组里面可以储存任意的数据类型下标(索引) 数组中的元素从0开始数 0 1 2 3 4let uname = ['张三', '李四', '王五', true, 12]读取数组中的某个元素 数组名[索引]数组的元素个数 长度数组名.length向数组动态添加数组元素数组名[索引] = 值遍历数组数组里面的每个元素访问一遍 arr[i]对象的遍历for(let k in obj) { console.log(k); 打印属性名 console.log
2021-04-20 10:58:05
82
原创 运算符和if - switch - 三元
1 - 比较运算符比较运算符的结果都是 true false> < >= <= console.log( 3 > 5); false console.log( 3 < 5); true console.log( 13 >= 5); true console.log(13 <= 5) ; false注意 >= 大于或等于 返回的值都是true <= 返回的值都是 false== 等于 只比较值是否相等,不比较数据
2021-04-20 10:29:26
117
原创 对象 和 Math
1 - 对象的语法和基本使用对象是js的一种数据类型 数据集合 对象是描述特指的某一个具体的事物 狗不是对象 具体的哪条狗才是对象 声明一个对象 let 对象名 = { }属性和方法组成 属性是特征 方法是功能(行为)对象添加属性: 属性名:'值' name:'小明',对象添加方法 方法名: 函数(){}属性直接在控制台打印 console.log(对象名.属性名); console.log(对象名['属性名'])属性的外边追加方法 对象名.属
2021-04-20 10:25:44
69
原创 函数
1 - 常见错误格式错误 变量未声明 Uncaught ReferenceError: age is not defined变量多次声明报错 Uncaught SyntaxError: Identifier 'age' has already been declared报错相似 少符号或者多符号 Invalid or unexpected token 和 missing after argument list2 - 加号(正号)+ 正号 实现隐式数据转换3 - 数据类
2021-04-20 10:23:05
64
原创 svg - 虚拟dom
svg 图标的处理 - 工程化的方案1 - 安装 loader ` npm i svg-sprite-loader@4.1.3`2 - 配置vue.config.js ` chainWebpack(config) {set svg-sprite-loaderconfig.module .rule('svg') .exclude.add(resolve('src/icons')) .end()config.module .rule('icons') .test(/\.svg
2021-04-18 20:27:53
366
原创 js - 变量的使用
js书写位置内部js <script> </script>外部js <script src=''> 注意：外联式js两个script标签之间不允许写代码 </script>js结束符单行注释 快捷键 ctrl+/多行注释 快捷键 Shift+alt+a弹框 alert（‘这是一个弹框’）； 结束符加的时候都加上 不加的时候都不加 根据团队需求向body 输出内容，可以输出标签document.write('写文字')docum
2021-04-17 17:49:39
98
原创 帧动画
帧动画定义动画集（序列) @keyframes rotate { from to } from { transform ： } 开始状态 to { transform：} 结束状态 动画不需要触发条件，页面加载就可以播放 过度需要触发条件 1.定义动画 2.调用动画调用animation 可以调动多个动画 中间用，逗号隔开动画名称 animation-name：rotate；播放时长 animation-duration:1s；动画播放次数 a
2021-04-17 17:47:37
53
原创 2d运用 - 3d 视距
transitiontransition过度属性 添加到需要过度的元素上时间为必写属性 all默认值 ease由快到慢默认值 linear 匀速delay 过度的延迟2d平移transform:translate移位只写一个值，x轴位移，正值向右，负值向左写2个值，第1个是x轴位移，第2个是y轴，正值向下，负值向上可以写百分比，参考是盒子自身宽高注意：2d转换不脱标，还占据原来的位置2d 旋转transform:rotate (360deg);rotate（度数deg） 正值顺
2021-04-17 17:43:32
199
原创 栅格系统
bootstrap全局css样式框架<meta http-equiv=“X-UA-Compatible” content=“IE=edge”bootstrap栅格系统调用的类名 row 行 里边写了左右-15px 的外边距抵消了父元素左右的15px的内边距col-lg-份数大pc<=1200col-md-份数小pc992-1200col-sm-份数pad768-992col-xs-份数手机>=768bootstrap栅格系统列偏移col-lg(md
2021-04-17 17:41:19
79
原创 响应式布局
响应式布局1. 一套页面可以适配多个不同的终端 （设备 pc pad 手机2. 适用于简单的企业，技术类网站，不适用于复杂的电商类，门户类网站 一套结构 对应了多套css 维护成本低核心： 不同的屏幕宽度，显示不同的css技术： 媒体查询不浮动 float：none；opacity：数值；控制盒子整体透明度，取值范围0-1display：none； 隐藏元素display：block; 元素显示 - 转块元素浮动脱标和定位脱标的不同当文字，行内元素，行内块元素遇到了浮动元素，只会环
2021-04-17 17:40:08
59
原创 less and 媒体查询
1.媒体查询语法 @media screen and (width:500px) 当屏幕宽度500px，执行的样式 媒体查询，就是有条件的执行css样式媒体查询完整的写法@media screen and (屏幕宽度) {样式}简写 @media (屏幕宽度) {样式}2 语法简写@media （width：1000px）3.@media only【not】 screen and (width:400px)only 仅在宽度为400px 是执行 css样式not 执行某个尺寸之外
2021-04-17 17:33:42
1703
原创 弹性盒子(伸缩盒子)
1 - 伸缩盒子 display:flex更好的控制父元素里的子元素给父元素添加伸缩盒子order：-1； 添加到子元素上 ， 默认值是0 ， 值越小 排列的顺序 越靠前 不用加px单位1. 伸缩盒子的子元素不用考虑显示模式 都可以设置宽高2. 伸缩盒子不设置高度，会被里边的子元素撑开高度，不用清除浮动3. 伸缩盒子的子元素，不设置宽高，默认宽为0 高度默认拉伸2 - 控制子元素在主轴上的对齐方式 justify-content: center;flex-start 默认值主轴开
2021-04-17 17:30:02
773
原创 流式布局
1 - 视口meta 元数据(元信息)mame 名字 viewport 视口width=device-width 视口宽度=设备宽度(开发尺寸)initial-scale=1.0 原始的比列缩放user-scalable=no(yes) 或者0(1) 禁止(允许)用户缩放网页maximum-scale=2.0 最大缩放比列m-scale=0.5 最小缩放比列 <meta name="viewport" content="width=device-width, initial
2021-04-17 17:25:58
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人