- 博客(25)
- 收藏
- 关注
RSS订阅原创 前端初级学习阶段（3）
我们要讲什么 Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现 Media媒体响应式布局 Flex弹性盒子布局 移动端适配原理 rem（px、em、rem、%、vm） 课后作业 使用 Media 做一个商品列表，800 以下的屏幕显示两列，其他屏幕 width: 200px，能放多少放多少 实现微信群组头像（尽可能多使用几种方法），avatar 和 border 都...
2019-06-24 21:59:59
416
原创 前端初级学习阶段（2）
我们要讲什么 CSS选择器(基本、层级、属性、伪类、伪状态) CSS常用样式属性 CSS3 过渡、变换、动画 CSS3 3D场景搭建与应用 CSS选择器(基本、层级、属性、伪类、伪状态) 基本选择器 选择器 例子 例子描述 CSS规范级别 ID 选择器 #login 选择 id=“login” 的元素 1 类别选择器 .btn 选择 class=“btn” 的所有元素 ...
2019-06-24 21:59:56
421
原创 前端初级学习阶段（1）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。 好了，不闲扯，接下来进入我们的正题。 我们要讲什么 课程体系介绍、HTML+CSS基本入门知识 网站运行原理 HTML常用标签、表单新类型、网页SEO优化 HTML5语义化标签、音视频标签 HTML+CSS 简介 HTML（超文本标记语言 — Hyper...
2019-06-24 21:59:54
572
原创 CSS 常用工具方法封装
CSS pc-reset PC样式初始化 /* normalize.css */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article,...
2019-06-24 21:49:56
526
原创 JavaScript 常用工具方法封装
JavaScript type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice(8, -1) ...
2019-06-24 21:49:54
408
原创 基础系列（2）--- css1
css组成 1 css语法组成 2 选择器 和 声明 （多个声明用分号隔开） 3 声明包括 属性和属性值(多个属性值用空格隔开) 4 5 语法： 6 选择器{ 7 属性: 属性值; 8 属性: 属性值1 属性值2; 9 } css样式表 1.内部样式表 通常放在head标签内 2.外部样式表 a: <link rel="stylesheet" hr...
2019-06-24 21:00:03
216
原创 基础系列（1）-- html
网页的组成 结构 ------ xhtml,xml 表现 ------ css 行为 ------ bom,dom,ECMAScript html5结构 1 <!DOCTYPE html> <!-- 声明文档类型 html --> 2 <html> <!-- html超文本标记语言 --> 3 &l...
2019-06-24 20:59:59
237
原创 HTML5开发基本常识
HTML5开发基本常识 1.什么是HTML5开发工程师? HTML5开发工程师是协调HTML5设计师、后端程序员实现网站页面或程序界面，优化交互体验的一个职位。 2.HTML5开发工程师需要掌握哪些职业技能? 市场非常需要精通HTML、CSS、JavaScript、JQuery、Ajax等这些核心技术，具备互联网交互设计能力，熟悉后端服务器运行环境和数据通讯协议，掌握响应式布局框架，Bootstr...
2019-06-21 21:30:00
273
原创 如何构建单页Web应用
首先我们来看一看单页应用是什么?所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块，通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华，把AJAX的无刷新机制发挥到极致，因此能造就与桌面程序媲美的流畅用户体验。 其实单页应用我们并不陌生，很多人写过ExtJS的项目，用它实现的系统，很天然的就已经是单页的了，也有人用jQuery或者其他框架...
2019-06-21 21:29:57
401
原创 做HTML5页面你要懂得这些
很多人问过我这个问题，而问这个问题的人基本上都是刚听说过HTML5，处在懵懂的阶段，他们往往会被一些网上炫酷页面所吸引，开始的目的也很简单，能通过自己的努力做出这些页面，而这些页面效果一般只要通过简单的html和css就能实现，但这仅仅是表面现象，做出来与做好是两码事。而要做好它，必须要深入地去了解什么是HTML5。 网上有很多说法，说HTML5就是html的第5个版本，其实这不完全正确，HTM...
2019-06-21 21:29:52
292
原创 web前端篇：JavaScript正则表达式（1）
1.创建正则表达式 1.1方法1：直接量语法 语法：var reg = /pattern/attributes 解释：参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串，包含属性 “g”、”i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。 1.2 方法2：创建RegExp对象的语法 语法：var reg =...
2019-06-14 22:00:07
408
原创 Web前端篇：css显示方式
1.行内元素水平居中显示 通过line-hinght + text-align <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ ...
2019-06-14 22:00:04
425
原创 web前端篇：JavaScript正则表达式（2）
1 test方法 检索字符串中指定的值。返回 true 或 false。 检索字符串中指定的值。返回 true 或 false。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>text</title> </h...
2019-06-14 21:59:39
265
原创 web前端篇：JavaScript正则表达式（3）常用正则匹配
匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7} 如 0511-4405222 或 021-87888822 匹配QQ号：[1-9][0-9]{4,} 从10000开始 邮政编码：[1-9]\d{5}(?!\d) 邮政编码为6位数字 匹配身份证：/^(\d{14}|\d{17})(\d|[xX])$/ 匹配规则：身份证号码有15位或者18位，其中最后一位可能是X，其他全是数字 点击...
2019-06-14 21:59:33
461
原创 Web前端篇：css背景属性和边框属性
背景属性值 属性值 属性值 描述 background-color d单侧颜色法，RGB，十六进制 s设置元素的背景颜色 background-image url(“wy.png”) 给一个元素设置一个或多个背景图像 background-position top,left,center,百分比，px 为每一个背景图片设置初始位置 background-reprea...
2019-06-13 22:00:03
5854
5
原创 Web前端篇：css定位
定位是一个相当复杂的话题，在去深入理解定位之前，我们先来聊一下之前我们的标准文档流下的布局。 应用:网页中小广告，返回顶部的UI。 1.Position属性 定位方式：top,right,bottom,left属性决定该元素的最终位置。 2.静态定位 静态定位意味着“元素默认显示文档流的位置”。没有任何变化。 <!DOCTYPE html> <html lang="en...
2019-06-13 22:00:01
1760
原创 Web前端篇：css浮动
浮动是网页布局中非常重要的一个属性。那么浮动这个属性一开始设计的初衷是为了网页的文字环绕效果。 文字环绕现象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平方向外边距</title> <s...
2019-06-13 21:59:44
721
原创 Web前端篇：CSS盒模型
常用块元素由： p,h1-h6,div,ul,ol,tr,li,form 常用内联元素由： a,span,em,i,strong,u, 常见的内联块元素 input img 盒模型常用属性： 盒子模型中有四个属性：内容的宽高、内边距、外边距、边框。 1.padding padding有四个方向，分别描述四个方向的padding。 padding-top:10px; padd...
2019-06-13 21:59:41
5424
5
原创 Web前端篇：CSS常用格式化排版
一、字体的属性 设置字体属性： body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei","宋体","黑体"} #备选字体可以有无数个，那么浏览器在去解析这个代码的时候，是从左往右解析的，如果没有微软雅黑，再去找宋体，最后黑体。 字体大小： 最常用的像素单位：px、em、rem，这里咱们先介绍一种单位，px...
2019-06-13 21:59:39
5567
1
原创 web前端篇:css练习题
1.div和span标签在网页中的作用？ div将网站分割成独立的逻辑区域division分割 span:小区域标签，在不影响文本正常显示的情况下，单独设置对应的样式。 <style> span.active{ font-weight:bold; } </style> <p> <span>内容</span>...
2019-06-12 22:08:24
4204
3
原创 web前端篇:CSS选择器
###一、CSS选择器 作用：规范页面中哪些元素能够应用声明好的样式 目的 ：匹配页面元素 1.标签选择器/元素选择器 特点：将标签名作为选择符，来匹配文档中所有的该标签，包含后代元素 语法： 标签名{ 属性：值 } 标签名如a,div text-decoration : none;取消下划线 <!DOCTYPE html> <html lang="en"> <...
2019-06-12 22:08:22
332
原创 web前端篇:CSS使用，样式表特征
###一、CSS介绍 CSS ：Cascading Style Sheet 层叠样式表 作用 ：修饰和美化页面元素，实现网页排版布局 ###二、CSS使用 1.行内样式/内联样式 特点 ：在具体的标签中使用style属性，引入CSS样式代码 语法： <标签 style=“CSS 样式声明”> CSS 样式声明 / 语句： 对当前元素添加样式 语法：CSS 属性 ：值； 注意：CSS 样...
2019-06-12 22:08:20
3409
原创 web前端篇:html基础知识（3）
图像与超链接标签 URL 统一资源定位符 ：用来标识网络中资源的位置，俗称路径URL 组成 ：协议 域名 文件目录及文件名。 URL分类： 绝对路经： 从根目录开始查找，常用于网络文件路经。 相对路经： 从当前文件所在的文件夹开始查找 根相对路径 （了解）： 从Web程序所在的根目录开始查找资源文件 注意：网络URL中不能出现中文，URL是严格区分大小写的。 图像标...
2019-06-12 21:29:59
462
原创 web前端篇:html基础知识（2）
HTML基础语法 1.1.标签/标记 在网页中具有特殊功能的符号，HTML中所有的标签都以<>为标志，作用区分普通文本。 标签分类 1.双标签 成对出现，有开始有结束。 eg:<开始标签> 标签内容 </结束标签> 2.单标签 只有开始标签，没有结束标签，可以手动添加、表示结束。 eg:<标签名> 标签嵌套 在成对的标签中出现其他标签...
2019-06-12 21:29:53
3048
原创 web前端篇:html基础知识（1）
一、web前端： 什么是web? web 就是网页，是一种基于B/S的应用程序 B：Browser浏览器 S：Server服务器 web组成？ 浏览器：代替用户向服务器发送请求 服务器：接收用户请求并响应 通信协议：规范数据在网络中是如何打包传送的。 HTTP(HyperText transfer protocal)：超文本传输协议 web服务器 作用： 接收用户请求并左幅响应 存储web信息 具...
2019-06-12 21:29:52
1984
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人