- 博客(26)
- 收藏
- 关注
RSS订阅原创 1.循环 开发语言
代表着当前函数执行的环境上下文，那么何为环境上下文，通俗的说，谁调用了函数，谁就是这个函数的环境上下文，this就指向谁。this一般在函数中使用，没有一个固定的值，在不同的地方所代表的含义不同，==取决于被调用时所处的上下文环境==，即this表示当前调用函数的对象，就是谁调用了这个函数，this就指向谁。// .后边跟的是变量，使用[]代替。/* 数组：存放数据的容器，长度不限，类型不限，使用逗号隔开 []
2023-02-27 08:56:57
145
原创 1.运算符和表达式
语法：if(条件1){ 条件1成立时执行的代码 }else if(条件2){ 条件2成立时执行的代码 } else if(条件3){ ...}console.log('出去玩了') : console.log('买彩票');// 4.if(条件){ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }//比较运算符：> < >=
2023-02-27 08:55:35
195
原创 1.操作标签
isNaN(): is not a number 是不是 不是一个数字 true-不是数字 false-是数字 判断时会先使用Number()转换，对结果判断是否为数字。// 3.parseFloat():从左到右尽可能的转换为数字，识别小数点，保留小数。// 2.parseInt():从左到右尽可能的转换为数字，不识别小数点，取整。xx.toString()：null和undefined不能使用，会报错。
2023-02-27 08:53:20
679
原创 二、js代码初识
(prompt("弹出一个可以输入内容的框：请输入密码","默认值") // 点击确认返回用户输入的内容 点击取消返回null。console.log(内容1,内容2,,,) 代码调试的方法 在控制面板中打印内容。新建一个js文件（后缀名为 .js 文件） 在js文件中写js代码。alert(内容) // 警告（弹出一个警告框）// // 声明并赋值 var 变量名=值。// // 声明变量 var 变量名。// // 给变量赋值 变量名=值。
2023-02-27 08:52:23
171
原创 JavaScript介绍
JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。：JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 JavaScript 的浏览器就可正常执行。JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。BOM：Browser Object Model：浏览器对象模型 （浏览器的跳转网页 历史记录 传参。
2023-02-27 08:51:37
73
原创 媒体查询、响应式布局
link rel="stylesheet" href="1.css" media="screen and (orientation:landscape)"> 横屏。 竖屏。比如 当前屏幕是1300px（执行最上边） 当前屏幕是600px（执行到最后）当前屏幕是1300px(应用最后一个) 当前屏幕是600px（应用最上边的）
2022-10-09 14:00:56
875
原创 元素的2d变幻、3d变幻、动画
* 视距：眼睛到屏幕的距离1000px 舒服的视距 800 1000 2000 */单位：px % 单词（left right bottom top center）注意：元素的变形，始终都是元素原来的位置占位，0 缩小完 看不见了。
2022-10-09 13:59:43
116
原创 calc计算函数、移动端布局
/ 3、把计算出来的值 赋值给根标签的font-size （右侧的值 赋值给 左侧）calc是css3新增的，有兼容问题 兼容ie9以上和标准浏览器（以后电脑的兼容问题不存在）/* 注意：在使用calc计算时，+- * / 符号的两边必须加计空格。minimum-scale=1.0 最小缩放比例是1倍 （缩不小）第二：动态修改html标签的font-size的值 （rem布局的原理）参与+ -运算的加px %单位的，乘除 只能是数字 不加单位。// 2、根据设备宽度来改变font-size的值。
2022-10-09 13:58:33
1213
原创 过渡动画、弹性盒子、calc计算函数
* transition:参与过渡属性 过渡的完成时间 过渡的执行速度 过渡的延迟时间;贝塞尔曲线官网：https://cubic-bezier.com/#0,1.9,1,-1.07。横轴 （排列时从右往左）
2022-10-09 13:58:03
138
原创 阴影、用户界面、选择器、背景
nth-last-child结构里的最后一个 nth-last-of-type 某个标签（p）在类别（所有p）里的最后一个。nth-child 结构里的第几个 nth-of-type 某个标签（p）在类别里（所有p）是第几个。
2022-10-09 13:57:24
89
原创 BFC 、小知识点、ps基本操作
BFC （block formatting Context） 块级格式化上下文。它是指一块“独立的块级渲染区域”，该区域有一套规则来约束块级盒子的布局，且与外部无关ps：通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。
2022-10-09 13:55:32
148
原创 透明度、文本省略号、圣杯布局、双飞翼布局、
5、给最大的盒子（自适应的盒子）添加一个子元素，给儿子设置margin：0 右侧盒子的宽度 0 左侧盒子的宽度；注意：rgba是让盒子自身透明的，如果考虑ie的兼容，那么就给子元素加 position:relative;left：负的左侧盒子的宽度 （让左侧盒子归位）left：正的右侧盒子的宽度（让右侧盒子归位）4、给右侧盒子设置margin-left：负的右侧盒子的宽度；5、给父元素设置padding：0 右侧盒子的宽度 0 左侧盒子的宽度；/* opacity:0-1 之间的值 透明 */
2022-10-08 14:44:56
108
原创 浮动和定位的对比、css滑动门、透明属性、BFC
定位的两个属性（absolute，fixed）是既脱离文档流不占位，又脱离文本流。2、脱离文档流的属性，不在区分块标签、行级标签、内联块标签。浮动脱离文档流，但是不脱离文本流（文字、图片、输入框）position：absolute；1、脱离“文档流”不占位的属性有哪些？同时直接可以让行级标签支持宽高。float：left；
2022-10-08 14:44:23
122
原创 精灵图、定位
css 精灵 英文叫法”css sprites“ 也成”精灵图、雪碧图“，通常被解释为”css图像拼合“或”css贴图定位“。其实就是把一些”背景图片“ 整合到一张图片文件中，在利用“背景定位”显示合适的图片。一般精灵图适合小背景，不适合大背景。
2022-10-08 14:43:07
986
原创 vertical-align 属性、浮动
设置了浮动的元素的标签，会脱离文档流（标准流）移动到父元素的指定位置。直到碰到父元素的边缘，就停止。文档流：块标签正常从上到下排列，内联/内联块 标签从左到右排列 就是文档流/标准流脱离文档流 就是 不占位。
2022-10-08 14:42:37
689
原创 盒模型、标签分类及转换
盒子的总占位高 = height + padding-top + padding-bottom + border-top + border-bottom + margin-top + margin-bottom。盒子的总占位宽 = width + padding-left + padding-right + border-left + border-right + margin-left + margin-right。/*去掉某一边边框*/
2022-10-08 14:42:02
375
原创 文本样式、复合选择器、背景、盒模型
font- line- text- list- 开头的属性 和 color、letter-spacing、word-spacing 可以继承。/*标记点可以设置为图片 */注意：h标签 不能继承font-size和font-weight。3、给图片设置vertical-align:top/middle/bottom;
2022-10-08 14:41:25
95
原创 css基础选择器、文字、文本相关属性
因为每个浏览器的默认样式不相同，为了页面能够在各个浏览器都能相同的展示，以及方便页面的布局，所以要清掉默认样式。/* font-family: 火柴体,楷体,黑体,宋体,微软雅黑,sans-serif;测量时，如果单位是厘米换成像素 方法 编辑 -> 首选项 -> 单位与标尺 -> 把厘米换像素。font: italic bold 30px/1.5 宋体,楷体,sans-serif;/* 如果写的是多个字体 中间用逗号分隔，使用的是浏览器所支持的第一个字体 */font-weight: bold;
2022-10-08 14:40:44
566
原创 表单 和 css的文本的样式
什么是语义化？使用合适的标签和属性去格式化文档，比如标题 就用h标签、段落就用p标签，适当的使用img标签的alt属性。（写页面时该用啥标签就用啥标签）语义化的好处?1、在没有css的情况下，也能展示出良好的页面结构2、语义化使代码更有可读性，便于代码的开发与维护3、语义化更有利于用户体验4、有利于seo （seo 搜索引擎排名）前提是在没有sem的情况 sem花钱了。
2022-10-08 14:40:13
211
原创 浏览器及内核
HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言。通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。“超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。“标记语言”：标记语言是由一套标记标签组成的。
2022-08-25 11:05:10
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人