- 博客(10)
- 收藏
- 关注
RSS订阅原创 严格模式-“use strict”
什么是严格模式 JavaScript除了提供正常模式外，还提供了严格模式（strict mood）。ES5的严格模式是采用具有限制性JS变体的一种方式，即在严格的条件下运行JS代码。 使用“use strict”指令，目的是： 1.消除代码运行的一些不安全之处，保证代码运行的安全。 2.提高编译器效率，增加运行速度。 3.为未来新版本的Javascript做好铺垫。 消除Javascript语法的一些不合理不严谨之处，减少一些怪异行为。 严格模式的限制 1.不允许使用未定义的变量。 2.不允许删除变量或
2022-02-08 17:25:19
726
原创 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
771
1
原创 前端入门-第八天（定位）
☆1. 定位核心 —— 子绝父相 1.1定位概念 以不同的方式，把盒子定在某一个位置。 特点： 摆放在另一个盒子中的任意位置； 固定**在屏幕中的某个位置 可以压住其他盒子。 1.2 定位构成 定位 = 定位模式 + 边偏移` 定位模式：用于指定元素的定位方式，通过 position 属性设置 边偏移：根据定位模式确定最终位置，通过 top、bottom、left、right 四个属性设置 1.3 静态定位 静态定位 static 是元素的默认定位方式，表示没有定位的意
2020-11-08 23:43:37
281
原创 前端入门-第七天（写案例啦）
1.准备工作 1.1 工具和素材（认知） 工具 = VSCode（代码）+ Chrome（调试）+ PxCook（文字+颜色+测量） IT 职场更多会使用蓝湖、摹客，但是只支持在线团队开发，不适合授课； PxCook 的使用与蓝湖、摩客基本一致，支持离线使用，更适合授课； 更多的设计师开始使用 Sketch，不再使用 Photoshop。 素材文件 PSD 源文件：设计稿文件，可以用工具（PxCook）提取素材并测量； JPG 文件：页面效果图，对比最终完成的网页效果； 切图文件 ：
2020-11-07 21:37:30
312
原创 前端入门-第六天css浮动
CSS 第 04 天 —— 浮动 1. 案例总结 开发步骤 分析页面结构（如果内容太多，可以后续补充） 编写公共样式 从上向下从第一个大盒子开始 最外侧盒子需要有注释，辅助 CSS 分段和阅读 从上向下，从左向右依次编写小盒子样式，直到一个大盒子完成 如果小盒子 比较复杂 可以： 开始前增加背景颜色辅助调试 结束后删除背景颜色 分隔线的实现技巧 使用 padding 可以让分割线比文本长 取消无序列表的小圆点：list-style: none; 列选择快捷
2020-11-05 22:58:08
219
原创 前端入门第五天-css三大特性
☆1. 三大特性 层叠性、继承性、优先级。 1.1 CSS 三大特性之层叠性 出现场景： 对一个元素多次设置同一个样式，会使用最后一次设置的属性值。样式的层叠的原则是就近原则。 1.2 CSS 三大特性之继承性 好处:可以从一定程度上简化代码 继承性是子元素会继承父元素的某些样式，文本相关的样式，布局不会继承。 1.2.1 行高的继承 行高不跟单位表示文字大小的倍数，例如 1.5 表示以文字大小的 1.5 倍作为行高。 在 body 中指定行高 1.5 的最大优势是子元素可以根据自己的文字大小自动调整行高
2020-11-04 23:30:17
165
原创 前端入门-第四天css（盒子模型）
1. emmet 语法 —— 提高开发效率 1.1emmet 语法快速生成 HTML 结构语法 序号 符号 含义 示例 1 *N 连续生成 N 个 div*5 2 父>子 生成父子关系结构 ul>li*5 3 兄+弟 生成兄弟关系结构 h1+div*2+h4+p*2 4 .class / #id 生成带 class 或 id 的 div .red / #app 5 tag.class / tag#id 生成带 class 或 id 的 tag p.red / sp
2020-11-02 22:34:09
218
原创 前端入门第三天-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
413
原创 前端入门第二天-HTML常见标签及属性
1.表格常用标签及属性 1.1表格的作用：用于显示、展示数据。 1.2表格的基本语法 <table><!-- 表格标签 包含多个tr--> <tr><!-- 定义表格中的行，用于包含多个td --> <td>单元格内容</td><!-- 定义表格中的单元格，用于存放单元格内容 --> ... 重复 td → 单元格 </tr> ... 重复 tr → 行 </table>
2020-10-31 22:22:04
285
原创 前端入门第一天-HTML初识
1.HTML初识 网站：提供特定服务的一组网页集合 网页：网站中的一“页”，由文字、图片、视频、链接、视频等元素组成‘网页又称为html文件，以.html或.htm为扩展名。 1.3HTML：超文本标记语言（不同的 标签表示不同的含义）。不是编程语言，而是标记语言。 1.4网页的形成 前端工程师用开发工具写代码—标签及内容，浏览器解释和渲染代码，用户在浏览器中浏览页面的展示结果。 1.5为什么需要web标准？ 让不同的浏览器按照相同的标准显示结果，展示统一内容 1.6web标准的构成有哪些？ 结构（html
2020-10-29 23:46:11
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人