自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 严格模式-“use strict”

什么是严格模式JavaScript除了提供正常模式外,还提供了严格模式(strictmood)。ES5的严格模式是采用具有限制性JS变体的一种方式,即在严格的条件下运行JS代码。使用“use strict”指令,目的是:1.消除代码运行的一些不安全之处,保证代码运行的安全。2.提高编译器效率,增加运行速度。3.为未来新版本的Javascript做好铺垫。消除Javascript语法的一些不合理不严谨之处,减少一些怪异行为。严格模式的限制1.不允许使用未定义的变量。2.不允许删除变量或

2022-02-08 17:25:19 578

原创 2021-06-04

前端UI框架收集PC端layui官方地址:http://www.layui.com/描述:更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。layui 兼容人类正在使用的全部浏览器(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案。经典模块化前端框架H-ui官方地址:http://www.h-ui.net/描述:轻量级前端框架,简单免费,兼容性好,服务中国网站。基于jQuery

2021-06-04 16:36:34 585 1

原创 前端入门-第八天(定位)

☆1. 定位核心 —— 子绝父相1.1定位概念以不同的方式,把盒子定在某一个位置。特点:摆放在另一个盒子中的任意位置;固定**在屏幕中的某个位置可以压住其他盒子。1.2 定位构成定位 = 定位模式 + 边偏移`定位模式:用于指定元素的定位方式,通过 position 属性设置边偏移:根据定位模式确定最终位置,通过 top、bottom、left、right 四个属性设置1.3 静态定位静态定位 static 是元素的默认定位方式,表示没有定位的意

2020-11-08 23:43:37 218

原创 前端入门-第七天(写案例啦)

1.准备工作1.1 工具和素材(认知)工具 = VSCode(代码)+ Chrome(调试)+ PxCook(文字+颜色+测量)IT 职场更多会使用蓝湖、摹客,但是只支持在线团队开发,不适合授课;PxCook 的使用与蓝湖、摩客基本一致,支持离线使用,更适合授课;更多的设计师开始使用 Sketch,不再使用 Photoshop。素材文件PSD 源文件:设计稿文件,可以用工具(PxCook)提取素材并测量;JPG 文件:页面效果图,对比最终完成的网页效果;切图文件:

2020-11-07 21:37:30 238

原创 前端入门-第六天css浮动

CSS 第 04 天 —— 浮动1. 案例总结开发步骤分析页面结构(如果内容太多,可以后续补充)编写公共样式从上向下从第一个大盒子开始最外侧盒子需要有注释,辅助 CSS 分段和阅读从上向下,从左向右依次编写小盒子样式,直到一个大盒子完成如果小盒子比较复杂可以:开始前增加背景颜色辅助调试结束后删除背景颜色分隔线的实现技巧使用 padding 可以让分割线比文本长取消无序列表的小圆点:list-style: none;列选择快捷

2020-11-05 22:58:08 166

原创 前端入门第五天-css三大特性

☆1. 三大特性层叠性、继承性、优先级。1.1 CSS 三大特性之层叠性出现场景:对一个元素多次设置同一个样式,会使用最后一次设置的属性值。样式的层叠的原则是就近原则。1.2 CSS 三大特性之继承性好处:可以从一定程度上简化代码继承性是子元素会继承父元素的某些样式,文本相关的样式,布局不会继承。1.2.1 行高的继承行高不跟单位表示文字大小的倍数,例如 1.5 表示以文字大小的 1.5 倍作为行高。在 body 中指定行高 1.5 的最大优势是子元素可以根据自己的文字大小自动调整行高

2020-11-04 23:30:17 109

原创 前端入门-第四天css(盒子模型)

1. emmet 语法 —— 提高开发效率1.1emmet 语法快速生成 HTML 结构语法序号符号含义示例1*N连续生成 N 个div*52父>子生成父子关系结构ul>li*53兄+弟生成兄弟关系结构h1+div*2+h4+p*24.class / #id生成带 class 或 id 的 div.red / #app5tag.class / tag#id生成带 class 或 id 的 tagp.red / sp

2020-11-02 22:34:09 144

原创 前端入门第三天-css选择器和字体属性

1.基础认知1.1css简介css是层叠样式表(Cascading Style Sheets),是一种标记语言。用来美化布局网页的。CSS 能设置的样式文本内容:字体、大小、对齐方式;图片:宽高、边框、边距;版面的布局。结构与样式分离:HTML 专注做结构 + CSS 专注做样式1.2语法规范css规则包含选择器和样式声明。css通常写在里面用括起来。<head> <meta charset="UTF-8" /> <title>体

2020-11-01 23:08:08 294

原创 前端入门第二天-HTML常见标签及属性

1.表格常用标签及属性1.1表格的作用:用于显示、展示数据。1.2表格的基本语法<table><!-- 表格标签 包含多个tr--> <tr><!-- 定义表格中的行,用于包含多个td --> <td>单元格内容</td><!-- 定义表格中的单元格,用于存放单元格内容 --> ... 重复 td → 单元格 </tr> ... 重复 tr → 行</table>

2020-10-31 22:22:04 193

原创 前端入门第一天-HTML初识

1.HTML初识网站:提供特定服务的一组网页集合网页:网站中的一“页”,由文字、图片、视频、链接、视频等元素组成‘网页又称为html文件,以.html或.htm为扩展名。1.3HTML:超文本标记语言(不同的 标签表示不同的含义)。不是编程语言,而是标记语言。1.4网页的形成前端工程师用开发工具写代码—标签及内容,浏览器解释和渲染代码,用户在浏览器中浏览页面的展示结果。1.5为什么需要web标准?让不同的浏览器按照相同的标准显示结果,展示统一内容1.6web标准的构成有哪些?结构(html

2020-10-29 23:46:11 153

空空如也

空空如也

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

TA关注的人

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