yyshow

摘要： JavaScript-数组 概念及声明 数组：是一种可以按顺序保存数据的数据类型 声明：let 数组名 = [数据1,数据2,...,数据n] let arr = ['pink','yellow','red'] //let arr = [] //let arr = new Array() 注意: 数 阅读全文

摘要： 概念：只有一个数据参与运算 常见： 自增：++ 前置： ++i 后置：i++ 用法： 单独使用时，前置后置没有差别 运算中，前置： 先加1，再使用，后置：先使用，再加1 .开发中，一般单独使用 后置i++使用相对较多，且都单独使用 自减-- 与上面++类似 let num = '1' console 阅读全文

摘要： 概念 通过单引号（ ''） 、双引号（ ""）或反引号( ` ) 包裹的数据都叫字符串 作用：用于存储和操作文本 注意 : 无论单引号或是双引号必须成对使用 单引号/双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双） 必要时可以使用转义符 \，输出单引号或双引号 字符串拼接 运 阅读全文

摘要： 概念 ​变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。 本质：是程序在内存中申请的一块用来存放数据的小空间 注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。 使用 声明语法： let 变量名 赋值 先声明，再赋值 let age ag 阅读全文

摘要： 概念 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果 作用 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 组成 ECMAScript 基础·语法：规定了js基础语 阅读全文

摘要： 屏幕宽度发生变化，页面元素的尺寸（宽度和高度）也随之变化，这样可以更好的达到适配效果，用户体验更好 解决方案: 百分比布局或者 flex 完成整体元素排列布局 配合 rem 或者 vw/vh 单位 设置元素的尺寸（宽度/高度） 最终适配 em，rem 相同点： 都是相对单位 不同点：参照对象不同 e 阅读全文

摘要： 主成部分 弹性容器：父元素 弹性盒子：子元素 主轴：默认X轴，可以通过flex-direction改变 侧轴 / 交叉轴:默认Y轴，可以改变 设置 语法：display: flex 添加位置：父元素 父元素添加 display: flex，子元素可以自动的挤压或拉伸 主轴对齐方式 属性：justif 阅读全文

摘要： transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画的；而animation则是通过关键帧@keyframes来实现更为复杂的动画效果。 动画的实现步骤 定义动画：用关键帧声明动画 关键帧的语法是以@keyframes开头，后面紧跟着动画名称animation-name。fro 阅读全文

摘要： 空间转换属性：transform，也叫3D转换。使用transform属性可以实现元素在空间内的位移、旋转、缩放等效果 空间：是从坐标轴角度定义的。x 、y 和z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。 空间位移 语法 transform: translate3d(x, y, z); 阅读全文

摘要： 了解 渐变：可以显示两种或多种指定颜色之间的平滑过渡。 渐变类型： 线性渐变（向下/向上/向左/向右/对角线） 语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...); 方向： 1.to + 方位名 阅读全文