自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 问答 (1)
  • 收藏
  • 关注

原创 关于项目优化方向问题

..其他的后续遇到再加。

2023-03-24 16:28:42 56

原创 这一次,彻底弄懂 JavaScript 执行机制

本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是一行一行执行的?还用你说?稍安勿躁,正因为js是一行一行执行的,所以我们以为js都是这样的:let a =

2022-05-15 01:01:11 125

原创 CSS进阶学习第一天-字体图标及平移转换

1,字体图标目标:使用字体图标技巧实现网页中的简洁图标的效果1.1字体图标展示的是图标,本质还是字体灵活性:灵活的修改样式轻量级:体积小,渲染快,降低服务齐请距次数兼容性:几乎兼容所有浏览器使用方便:下载字体包;使用字体包。1.2下载字体之后,使用字体图标1.引入字体图标样式表<link rel="stylesheet" href="../../课堂练习0317/iconfont/iconfont.css">2.引入类名,定义css<style> .ico

2022-04-17 01:44:26 327

原创 Css努力进阶的第六天

拓展:前端开发尽可能的降低对服务器的请求。1,css精灵将项目中的所有小图放到一张大图上面,减少页面对服务器的请求。1.1精灵图的使用步骤创建一个盒子,设置盒子尺寸与小图尺寸相同;(一般精灵图都用行内标签,span;b;为了设置宽高,需要调整块i)将精灵图设置为盒子的背景图;修改背景图的位置。 (核心重点:定位背景标签background-position:0 0;)2,背景图的缩放(background-size)background-size:宽度 高度;( 数字+px;百分比;cont

2022-04-16 00:40:50 88

原创 Css第五天

1,定位的作用一个标签上压一个标签,1.1定位的使用步骤属性名:position常见属性值:static 静态定位;relative 相对定位; absolute绝对定位;设置偏移值 方向:数字+px (偏移值设置方向按就近原则,水平垂直方向只要设置各一个)水平,垂直方向同时书写左右按左,上下同时按下。1.2定位的写法,静态定位就是标准流。(不脱标,占位)<style> .box { position:static; top:200px; left:

2022-04-10 00:41:10 74

原创 CSS学习第四天

1.外边距1.1外边距的合并垂直布局的块标签元素,上下的的margin会合并。显示结果:两个块之间间距只有50px,下面的间距被合并。 <style> div { margin-buttom:50px; } .div1 { margin-top:50px; }</style>......<div> 这是第一个快</div><div class=div1> 这是第二个块

2022-04-06 00:26:51 97

原创 css学习的第三天

1,复习复合属性如果只写了一种,但是其他全是默认值,浏览器也会读取一遍,读取时间冗长。一个属性应该对应相对的属性。2.选择器的优先级(三大特性最复杂的:继承性,层叠性,优先级)一个标签有多个选择器中的样式冲突时,优先级高的标签样式会覆盖优先级低的标签样式。选择器覆盖越广,优先级越低(标签越能精确选择优先级越高)优先级>层叠性>继承性继承<通配符选择器<标签选择器<类选择器<id选择器<行内标签<!important(写在标签属性值后面使用,少用)

2022-03-31 00:42:42 58

原创 css学习第二天

1,复合选择器由哪几种,1.1后代选择器(父选择器空格后代选择器 {})标签结构必须是父子级关系!!!子级可以有多级内容。后代包括:儿子,孙子,重孙…显示结果:样式只在后代标签中显示<style> div p { color:red }</style>......<body> <p> 这是一个p标签 </p> <div> <p> 这是一个div的子标签p

2022-03-28 17:29:42 224

原创 CSS学习的第一天

2022-03-26 23:59:46 73

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除