04 2022 档案

摘要:概念:只有一个数据参与运算 常见: 自增:++ 前置: ++i 后置:i++ 用法: 单独使用时,前置后置没有差别 运算中,前置: 先加1,再使用,后置:先使用,再加1 .开发中,一般单独使用 后置i++使用相对较多,且都单独使用 自减-- 与上面++类似 let num = '1' console 阅读全文
posted @ 2022-04-29 21:32 丫丫learning 阅读(297) 评论(0) 推荐(0) 编辑
摘要:概念 通过单引号( '') 、双引号( "")或反引号( ` ) 包裹的数据都叫字符串 作用:用于存储和操作文本 注意 : 无论单引号或是双引号必须成对使用 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双) 必要时可以使用转义符 \,输出单引号或双引号 字符串拼接 运 阅读全文
posted @ 2022-04-28 19:04 丫丫learning 阅读(58) 评论(0) 推荐(0) 编辑
摘要:概念 ​变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆。 本质:是程序在内存中申请的一块用来存放数据的小空间 注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。 使用 声明语法: let 变量名 赋值 先声明,再赋值 let age ag 阅读全文
posted @ 2022-04-28 18:19 丫丫learning 阅读(165) 评论(0) 推荐(0) 编辑
摘要:概念 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果 作用 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 组成 ECMAScript 基础·语法:规定了js基础语 阅读全文
posted @ 2022-04-28 17:59 丫丫learning 阅读(78) 评论(0) 推荐(0) 编辑
摘要:屏幕宽度发生变化,页面元素的尺寸(宽度和高度)也随之变化,这样可以更好的达到适配效果,用户体验更好 解决方案: 百分比布局或者 flex 完成整体元素排列布局 配合 rem 或者 vw/vh 单位 设置元素的尺寸(宽度/高度) 最终适配 em,rem 相同点: 都是相对单位 不同点:参照对象不同 e 阅读全文
posted @ 2022-04-26 21:23 丫丫learning 阅读(62) 评论(0) 推荐(0) 编辑
摘要:主成部分 弹性容器:父元素 弹性盒子:子元素 主轴:默认X轴,可以通过flex-direction改变 侧轴 / 交叉轴:默认Y轴,可以改变 设置 语法:display: flex 添加位置:父元素 父元素添加 display: flex,子元素可以自动的挤压或拉伸 主轴对齐方式 属性:justif 阅读全文
posted @ 2022-04-19 11:53 丫丫learning 阅读(97) 评论(0) 推荐(0) 编辑
摘要:transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画的;而animation则是通过关键帧@keyframes来实现更为复杂的动画效果。 动画的实现步骤 定义动画:用关键帧声明动画 关键帧的语法是以@keyframes开头,后面紧跟着动画名称animation-name。fro 阅读全文
posted @ 2022-04-14 20:44 丫丫learning 阅读(105) 评论(0) 推荐(0) 编辑
摘要:空间转换属性:transform,也叫3D转换。使用transform属性可以实现元素在空间内的位移、旋转、缩放等效果 空间:是从坐标轴角度定义的。x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同。 空间位移 语法 transform: translate3d(x, y, z); 阅读全文
posted @ 2022-04-14 20:38 丫丫learning 阅读(281) 评论(0) 推荐(0) 编辑
摘要:了解 渐变:可以显示两种或多种指定颜色之间的平滑过渡。 渐变类型: 线性渐变(向下/向上/向左/向右/对角线) 语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...); 方向: 1.to + 方位名 阅读全文
posted @ 2022-04-13 19:55 丫丫learning 阅读(348) 评论(0) 推荐(0) 编辑
摘要:位移:translate translate:参照初始的位置进行移动 语法:transform: translate(水平移动距离, 垂直移动距离); 取值(正负均可) 像素单位数值:px 百分比(参照物为盒子自身尺寸) translate()如果只给出一个值, 表示x轴方向移动距离 单独设置某个方 阅读全文
posted @ 2022-04-13 19:50 丫丫learning 阅读(10) 评论(0) 推荐(0) 编辑
摘要:文字图标 了解及作用 字体图标展示的是图标,本质是字体。 作用:处理简单的、颜色单一的图片 优点 灵活性:灵活地修改样式,例如:尺寸、颜色等 轻量级:体积小、渲染快、降低服务器请求次数 兼容性:几乎兼容所有主流浏览器 使用方便: 下载字体包 使用字体图标 使用方法 下载字体包 登录(https:// 阅读全文
posted @ 2022-04-13 19:46 丫丫learning 阅读(163) 评论(0) 推荐(0) 编辑
摘要:背景裁剪:background-clip 作用 background-clip:主要用来确定背景的剪裁区域,是针对元素背景颜色,背景图片进行裁剪 语法及属性值 语法: background-clip: border-box / padding-box / content-box ; <div cla 阅读全文
posted @ 2022-04-10 17:40 丫丫learning 阅读(201) 评论(0) 推荐(0) 编辑
摘要:Mac中typora的使用 typora的常用样式 Windows系统使用ctrl,Mac系统使用command 标题 标题共有六级,有三种方式定义标题 点击工具栏 段落——选择各级标题。 通过段落可看到快捷键。 ctrl/command⌘+1,为一级标题。 ctrl/command⌘+2为二级标题 阅读全文
posted @ 2022-04-09 21:04 丫丫learning 阅读(65) 评论(0) 推荐(0) 编辑
摘要:css水平垂直居中的方法 利用水平对齐和行高 设置text-align和line-height实现单行文本水平垂直居中 实现代码如下: <div class="father"> <div class="son"></div> </div> .father { width: 400px; height 阅读全文
posted @ 2022-04-09 20:54 丫丫learning 阅读(83) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示