- 博客(25)
- 收藏
- 关注
RSS订阅原创 前端初级学习阶段（3）
我们要讲什么Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现Media媒体响应式布局Flex弹性盒子布局移动端适配原理 rem（px、em、rem、%、vm）课后作业使用 Media 做一个商品列表，800 以下的屏幕显示两列，其他屏幕 width: 200px，能放多少放多少实现微信群组头像（尽可能多使用几种方法），avatar 和 border 都...
2019-06-24 21:59:59
403
原创 前端初级学习阶段（2）
我们要讲什么CSS选择器(基本、层级、属性、伪类、伪状态)CSS常用样式属性CSS3 过渡、变换、动画CSS3 3D场景搭建与应用CSS选择器(基本、层级、属性、伪类、伪状态)基本选择器选择器例子例子描述CSS规范级别ID 选择器#login选择 id=“login” 的元素1类别选择器.btn选择 class=“btn” 的所有元素...
2019-06-24 21:59:56
412
原创 前端初级学习阶段（1）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。好了，不闲扯，接下来进入我们的正题。我们要讲什么课程体系介绍、HTML+CSS基本入门知识网站运行原理HTML常用标签、表单新类型、网页SEO优化HTML5语义化标签、音视频标签HTML+CSS 简介HTML（超文本标记语言 — Hyper...
2019-06-24 21:59:54
556
原创 CSS 常用工具方法封装
CSSpc-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
511
原创 JavaScript 常用工具方法封装
JavaScripttype 类型判断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
390
原创 基础系列（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
209
原创 基础系列（1）-- html
网页的组成结构 ------ xhtml,xml表现 ------ css行为 ------ bom,dom,ECMAScripthtml5结构1 <!DOCTYPE html> <!-- 声明文档类型 html -->2 <html> <!-- html超文本标记语言 -->3 &l...
2019-06-24 20:59:59
222
原创 HTML5开发基本常识
HTML5开发基本常识1.什么是HTML5开发工程师?HTML5开发工程师是协调HTML5设计师、后端程序员实现网站页面或程序界面，优化交互体验的一个职位。2.HTML5开发工程师需要掌握哪些职业技能?市场非常需要精通HTML、CSS、JavaScript、JQuery、Ajax等这些核心技术，具备互联网交互设计能力，熟悉后端服务器运行环境和数据通讯协议，掌握响应式布局框架，Bootstr...
2019-06-21 21:30:00
261
原创 如何构建单页Web应用
首先我们来看一看单页应用是什么?所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块，通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华，把AJAX的无刷新机制发挥到极致，因此能造就与桌面程序媲美的流畅用户体验。其实单页应用我们并不陌生，很多人写过ExtJS的项目，用它实现的系统，很天然的就已经是单页的了，也有人用jQuery或者其他框架...
2019-06-21 21:29:57
390
原创 做HTML5页面你要懂得这些
很多人问过我这个问题，而问这个问题的人基本上都是刚听说过HTML5，处在懵懂的阶段，他们往往会被一些网上炫酷页面所吸引，开始的目的也很简单，能通过自己的努力做出这些页面，而这些页面效果一般只要通过简单的html和css就能实现，但这仅仅是表面现象，做出来与做好是两码事。而要做好它，必须要深入地去了解什么是HTML5。网上有很多说法，说HTML5就是html的第5个版本，其实这不完全正确，HTM...
2019-06-21 21:29:52
280
原创 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
392
原创 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
410
原创 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
249
原创 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
437
原创 Web前端篇：css背景属性和边框属性
背景属性值属性值属性值描述background-colord单侧颜色法，RGB，十六进制s设置元素的背景颜色background-imageurl(“wy.png”)给一个元素设置一个或多个背景图像background-positiontop,left,center,百分比，px为每一个背景图片设置初始位置background-reprea...
2019-06-13 22:00:03
5829
5
原创 Web前端篇：css定位
定位是一个相当复杂的话题，在去深入理解定位之前，我们先来聊一下之前我们的标准文档流下的布局。应用:网页中小广告，返回顶部的UI。1.Position属性定位方式：top,right,bottom,left属性决定该元素的最终位置。2.静态定位静态定位意味着“元素默认显示文档流的位置”。没有任何变化。<!DOCTYPE html><html lang="en...
2019-06-13 22:00:01
1752
原创 Web前端篇：css浮动
浮动是网页布局中非常重要的一个属性。那么浮动这个属性一开始设计的初衷是为了网页的文字环绕效果。文字环绕现象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平方向外边距</title> <s...
2019-06-13 21:59:44
700
原创 Web前端篇：CSS盒模型
常用块元素由：p,h1-h6,div,ul,ol,tr,li,form常用内联元素由：a,span,em,i,strong,u,常见的内联块元素input img盒模型常用属性：盒子模型中有四个属性：内容的宽高、内边距、外边距、边框。1.paddingpadding有四个方向，分别描述四个方向的padding。padding-top:10px;padd...
2019-06-13 21:59:41
5400
5
原创 Web前端篇：CSS常用格式化排版
一、字体的属性设置字体属性：body{font-family:"Microsoft Yahei"}body{font-family:"Microsoft Yahei","宋体","黑体"}#备选字体可以有无数个，那么浏览器在去解析这个代码的时候，是从左往右解析的，如果没有微软雅黑，再去找宋体，最后黑体。字体大小：最常用的像素单位：px、em、rem，这里咱们先介绍一种单位，px...
2019-06-13 21:59:39
5540
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
4164
3
原创 web前端篇:CSS选择器
###一、CSS选择器作用：规范页面中哪些元素能够应用声明好的样式目的 ：匹配页面元素1.标签选择器/元素选择器特点：将标签名作为选择符，来匹配文档中所有的该标签，包含后代元素语法：标签名{ 属性：值}标签名如a,divtext-decoration : none;取消下划线<!DOCTYPE html><html lang="en"><...
2019-06-12 22:08:22
317
原创 web前端篇:CSS使用，样式表特征
###一、CSS介绍CSS ：Cascading Style Sheet 层叠样式表作用 ：修饰和美化页面元素，实现网页排版布局###二、CSS使用1.行内样式/内联样式特点 ：在具体的标签中使用style属性，引入CSS样式代码语法：<标签 style=“CSS 样式声明”>CSS 样式声明 / 语句：对当前元素添加样式语法：CSS 属性 ：值；注意：CSS 样...
2019-06-12 22:08:20
3384
原创 web前端篇:html基础知识（3）
图像与超链接标签URL统一资源定位符 ：用来标识网络中资源的位置，俗称路径URL 组成 ：协议 域名 文件目录及文件名。URL分类：绝对路经：从根目录开始查找，常用于网络文件路经。相对路经：从当前文件所在的文件夹开始查找根相对路径 （了解）：从Web程序所在的根目录开始查找资源文件注意：网络URL中不能出现中文，URL是严格区分大小写的。图像标...
2019-06-12 21:29:59
451
原创 web前端篇:html基础知识（2）
HTML基础语法1.1.标签/标记在网页中具有特殊功能的符号，HTML中所有的标签都以<>为标志，作用区分普通文本。标签分类1.双标签 成对出现，有开始有结束。 eg:<开始标签> 标签内容 </结束标签>2.单标签 只有开始标签，没有结束标签，可以手动添加、表示结束。 eg:<标签名>标签嵌套在成对的标签中出现其他标签...
2019-06-12 21:29:53
3028
原创 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
1971
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人