前端
文章平均质量分 55
前端体系
大白很火
这个作者很懒,什么都没留下…
展开
-
npm切换淘宝镜像源
查看当前的镜像源npm config get registry切换淘宝镜像源npm config set registry=https://registry.npm.taobao.org/原创 2021-11-24 13:14:01 · 1373 阅读 · 0 评论 -
浏览器私有前缀
1、为什么有私有前缀因为制定HTML和CSS标准的组织W3C动作是很慢的。通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但是w3c不会为这个属性制定标准,而是要走很复杂的程序,经过很多审查。而浏览器商不愿意等那么久,他们觉得一个属性已经够成熟了,就会在浏览器中加入支持。但是避免日后w3c公布标准时有所变更,就会加入一个私有前缀,比如-webkit-border-radius,通过这种方式来提前支持新属性,等到日后w3c公布了标准,border-radius的标原创 2021-07-03 09:21:12 · 168 阅读 · 0 评论 -
前端开发基本规范——更新中
一、HTML1、LOGO SEO原创 2021-07-02 13:05:05 · 86 阅读 · 0 评论 -
HTML5 CSS3新特性
一、HTML5新特性HTML5的新增特性主要是针对以前的不足,增加了新的标签、新的表单和表单属性等。这些新的特性都有兼容性问题,基本上是IE9及以上浏览器才支持,如果不考虑兼容性,可大量使用这些新特性1、HTML新增的语义化标签2、新增多媒体标签video<video src="" controls="controls"></video>3、新增标签type=“search”type=“color”4、新增表单属性二、CSS3原创 2021-07-02 12:28:47 · 114 阅读 · 0 评论 -
CSS高级用法
1、三角形/*等腰三角形*/.triangle { height: 0; width: 0; line-height: 0; /*兼容性代码*/ font-size: 0; /*兼容性代码*/ border: 100px solid transparent; border-left-color: brown;}/*直角三角形*/.triangle { height: 0; width: 0; line-height: 0;原创 2021-07-02 01:10:59 · 248 阅读 · 0 评论 -
js操作符
一、一元操作符(unary)1. 递增/递减操作符分类:前缀版递增/递减操作符 ++age、–age后缀版递增递减操作符 age++、age–区别:后缀版递增与递减在语句被求值后才发生。正常情况下前缀版和后缀版并无差异,可是一旦与其它操作混合时,差异就会变明显。前缀版在与其它操作混合时,先对变量进行递增/递减操作,再完成混合操作(见实例2)后缀版,先完成混合操作,再递增/递减(见实例3)let age = 29;++age;// 等价于let age = 29;age原创 2021-07-01 16:49:12 · 496 阅读 · 0 评论 -
CSS三大核心——盒模型、浮动和定位
网页布局过程:准备好相关网页元素,本质都是盒子;利用CSS设置好盒子样式,摆放到相应位置;往盒子中添加内容。一、盒模型1、盒子模型盒子模型:把HTML页面的布局元素看做一个矩形的盒子,也就是一个盛装内容的容器。CSS盒子模型本质上是一个盒子,封装周围的HTML元素,包括:边框、外边距、内边距和实际内容。2、边框的属性border: border-width || border-style || border-color;表格细边框实例table,td,th .原创 2021-06-30 14:23:14 · 248 阅读 · 0 评论 -
CSS三大特性——层叠性、继承性和优先级
一、层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。选择:就近原则二、继承性CSS中的继承:子标签会继承父标签的某些样式,如文本颜色和字号。继承的样式:text-font-line-color特殊:行高的继承行高可以跟单位也可以不跟单位font: 12px/24px 'Times New Roman';font: 12px/1.5 'Times New Roman';三、优先级当同一原创 2021-06-30 01:25:46 · 278 阅读 · 0 评论 -
CSS元素的显示模式
1、什么是元素的显示模式显示模式:元素以什么样的方式来显示。2、元素显示模式的分类块元素:常见的块级元素: h1~h6、p、div、ul、ol、li都是块级元素特点:每个独占一行;高度、宽度、外边距及内边距都可以控制;默认容器是100%;可以放行内或块级元素。注意:文字类的元素内不能使用块级元素;p里面不能放块级元素,特别不能放div,同理,h1~h6都是文字类块级元素,里面也不能放其它块级元素。行内元素(内联元素):常见的行内元素:a, strong,原创 2021-06-29 22:15:38 · 207 阅读 · 0 评论 -
Emmet语法——快速生成HTML和CSS的语法
1、快速生成HTML结构语法标签快速生成:输入标签名,按tab键;生成n相同标签:标签 * n再按tab键,例如div*3 按tab键;生成父子级关系标签:使用>,例如ul>li,再按tab键;生成兄弟关系标签:使用 +,例如div+p,再按tab键;生成带有类名或id名的标签:直接标签名.类名或`标签名#id名,例如生成< div id=‘name’>< div>,使用 div#name,再tab键即可。生成div类名有顺序的,可用自增符号$标签内原创 2021-06-29 20:59:47 · 159 阅读 · 0 评论 -
CSS的3种引入
1.类别按照CSS样式书写的位置,可分为3大类行内样式表(行内式)适用于简单样式,书写繁琐,结构与样式未分离 <p style="color: blue;">123</p>内部样式表(嵌入式)理论上可以放至任何位置,通常放在< head>标签中可以控制整个页面的元素样式结构与样式并没有完全分离<style> div { height: 100px; }</style>外部样式表(链原创 2021-06-29 20:29:26 · 53 阅读 · 0 评论 -
CSS属性
一、字体属性1、字体类型使用font-family定义字体类型不同字体使用逗号隔开p { font-family: 'Times New Roman', 'Microsoft Yahei';}2、字体属性使用font-size定义字体大小谷歌浏览器默认字体大小为16px不同浏览器中的大小不一致,应该明确给出一个至,不要默认可以给body指定整个页面文字的大小标题文字需单独设定p { font-size: 12px;}3、字体粗细使用font-weig原创 2021-06-28 08:39:12 · 99 阅读 · 0 评论 -
CSS选择器
一、css基本选择器1、css语法规范css规则由选择器以及一条及多条声明组成。2、CSS代码风格样式格式书写风格:紧凑风格展开风格(推荐)样式大小写风格:小写风格(推荐)大写风格样式空格风格:属性前面,冒号后面保留一个空格;选择器与大括号之间保留一个空格3、选择器的作用选择器的作用是用来选择标签。4、选择器的分类选择器分为基础选择器和复合选择器基础选择器:由单个选择器组成,包括标签选择器、类选择器、id选择器和通配符选择器。4原创 2021-06-27 22:03:28 · 118 阅读 · 0 评论 -
VS Code在前端开发中必备插件
1、Chinese (Simplified) Language Pack for Visual Studio Code功能:为VS Code提供中文界面.2、Open in Browser功能:使用VS Code预览前端页面.使用方法1:右键 - Open In Default Browser使用方法2:Alt + B3 JS-CSS-HTML Formatter功能:自动格式化JS、CSS、HTML使用方法: 保存代码后自动格式化使用插件前:使用插件后:原创 2021-06-27 14:56:02 · 424 阅读 · 0 评论