随笔分类 - 前端
摘要:正则表达式 1、什么是正则表达式:能让计算机读懂的字符串匹配规则。 2、正则表达式的写法:var re=new RegExp('规则', '可选参数');var re=/规则/参数; 3、规则中的字符1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’ 2)转义字符匹配:
阅读全文
摘要:课程介绍 学习移动端场景下的js事件;制作移动端特效常用的js库;介绍移动端常用开发框架Bootstrap。 移动端js事件 移动端的操作方式和PC端是不同的,移动端主要用手指操作,所以有特殊的touch事件,touch事件包括如下几个事件: 1、touchstart: //手指放到屏幕上时触发2、
阅读全文
摘要:课程介绍 学习JQuery函数库的基本使用方法和应用场景。 jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x
阅读全文
摘要:课程介绍 学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧,学习函数的基本定义方法和使用方法。 一.JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。
阅读全文
摘要:常用css列表 color 设置文字的颜色,如: color:red; font-size 设置文字的大小,如:font-size:12px; font-family 设置文字的字体,如:font-family:'微软雅黑'; font-style 设置字体是否倾斜,如:font-style:'no
阅读全文
摘要:阅读目录 一.移动端与PC端页面布局区别 二.适配布局类型 三.移动端页面布局 移动端页面开发 了解移动端页面与PC端页面开发的区别,学习移动端页面的开发流程。 一.移动端与PC端页面布局区别 视口 视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px
阅读全文
摘要:阅读目录 1.CSS权重 2.CSS3新增选择器 3.CSS3圆角、rgba 4.CSS3 transition动画 5.CSS3 transform变换 6.CSS3 animation动画 7.CSS3 浏览器前缀 8.HTML5新增标签 9.HTML5 新增表单控件 课程介绍 学习html5和
阅读全文
摘要:前端页面开发流程 1、创建页面项目目录 2、使用Photoshop对效果图切图,切出网页制作中需要的小图片 3、将装饰类图像合并,制作成雪碧图 4、结合Photoshop和代码编辑器,参照效果图,进行html和css代码书写,制作页面
阅读全文
摘要:阅读目录 1.常用图片格式 2.photoshop常用图片处理技巧 3.ps效果图制作实例 4.photoshop批量切图技巧 5.Photoshop制作雪碧图技巧 课程介绍 学习使用Photoshop的基本使用,以及Photoshop中关于切图这一块的知识,目的是能熟练使用Photoshop查看U
阅读全文
摘要:阅读目录 1.css基本语法及页面引用 2.css文本设置 3.css颜色表示法 4.css选择器 5.CSS盒子模型 6.盒模型的实际尺寸 7.盒模型使用技巧及相关问题 8.css元素溢出 9.块元素、内联元素、内联块元素 10.浮动 11.定位 12.background属性 13.特征布局实例
阅读全文
摘要:阅读目录 1.html概述和基本结构 2.html标题标签 3.html段落标签、换行标签与字符实体 4.html块标签、含样式的标签 5.html图像标签、绝对路径和相对路径 6.html链接标签 7.html列表 8.html表单 9.html表格 10.页面布局概述 课程介绍 介绍html文档
阅读全文
摘要:一.前端开发概述 前端开发系统化学习教程,包括html、css、PC端及移动端布局技巧、javascript、jquery、js特效制作、ajax前后台交互等。 什么是前端开发? 前端开发也叫做web前端开发,它指的是基于web的互联网产品的页面(也可叫界面)开发及功能开发。 什么互联网产品? 互联
阅读全文