- 博客(32)
- 收藏
- 关注
RSS订阅原创 day07_WebAPIs
day07 - Web APIs学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑...
2019-06-14 13:49:05
203
原创 day06_WebAPIs
day06 - Web APIs学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件**1.1. **动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来思路：让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。核心算法： (目标值 - 现在的位置) &...
2019-06-14 13:48:18
168
原创 day05_WebAPIs
day05 - Web APIs学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。...
2019-06-14 13:47:07
212
原创 day04_WebAPIs
day04 - Web APIs学习目标：能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用histo...
2019-05-29 15:49:09
170
原创 day03_WebAPIs
day03 - Web APIs学习目标：能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点nod...
2019-05-29 15:48:22
154
原创 day02_WebAPIs
day02 - Web APIs学习目标：能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createEl...
2019-05-29 15:47:33
164
原创 day01_WebAPIs
day01 - Web APIs学习目标：能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1....
2019-05-29 15:46:44
370
原创 JavaScript基础第06天笔记
JavaScript基础第06天笔记1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种： **自定义对象 、内置对象、 浏览器对象**前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是**最基本而必要的功能...
2019-05-29 15:45:27
271
原创 JavaScript基础第05天笔记
JavaScript基础第05天笔记1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环...
2019-05-29 15:44:42
393
原创 JavaScript基础第04天笔记
JavaScript基础第04天笔记1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ...
2019-05-29 15:44:04
272
原创 JavaScript基础第03天笔记
JavaScript基础第03天笔记1 - 循环1.1 for循环语法结构for 循环主要用于把某些代码循环若干次，通常跟计数有关系。其语法结构如下：for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}名称作用初始化变量通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。条件表达式...
2019-05-29 15:43:30
154
原创 JavaScript基础第02天笔记
JavaScript基础第02天1 - 运算符（操作符）1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的...
2019-05-29 15:42:45
105
原创 JavaScript基础第01天笔记
JavaScript基础第01天1 - 编程语言1.1 编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。从事编程的人员，就是程序员。 但是一般程序员都比较幽默，为了形容自己的辛苦工作，也成为“...
2019-05-29 15:41:47
186
原创 移动web开发之响应式布局
移动端WEB开发之响应式布局1.0 响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2 响应式布局容器响应式需要一个父级做为布局容器，来配合子...
2019-05-07 22:17:28
1200
原创 移动web开发_rem布局
移动web开发之rem布局rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;...
2019-05-07 22:16:57
186
原创 移动web开发_flex布局
移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2.0 f...
2019-05-07 22:16:24
406
原创 移动web开发_流式布局
移动web开发流式布局1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主...
2019-05-07 22:15:23
500
原创 HTML5CSS3_day03
day02 - 移动web开发_H5C31.1. 学习目标理解3d转换的中的3d移动，3d旋转动画属性的设置和使用animate.css动画库的使用1.1. 3D转换（变换）3d转换是改变标签在3坐标系上的位置和形状的一种技术 以下知识点最好结合 3d模型工具来理解1.1.1. 3维坐标系3维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴 水平向右...
2019-05-07 22:14:52
166
原创 品优购-day03笔记-完善品优购的首页&制作列表页
typora-copy-images-to: media第01阶段.WEB基础：品优购-day03笔记-完善品优购的首页&制作列表页学习目标完善 品优购项目的首页 index.html制作 品优购项目的列表页 list.html品优购项目(三)第01阶段.WEB基础：品优购-day02笔记-品优购首页1. 品优购首页布局命名集合：名称说明...
2019-05-07 22:11:59
2638
原创 品优购-day02笔记-品优购项目-首页
typora-copy-images-to: media第01阶段.WEB基础：品优购-day02笔记-品优购首页学习目标能跟上老师的节奏，完成品优购项目的首页 index.html品优购项目(二)1. 品优购首页布局命名集合：名称说明快捷导航栏shortcut头部header标志logo购物车shopcar搜索sear...
2019-05-07 22:11:24
284
原创 品优购-day01笔记-代码规范&品优购项目准备工作&首页初步
typora-copy-images-to: media第01阶段.WEB基础：品优购-day01笔记-代码规范&品优购项目准备工作&首页初步学习目标能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标 ( 重点 )能说出我们css属性书写顺序能跟上pink老师的节奏完成品优购项目一、代码规范（重点）1. 概述欢迎使用品优购代码规范， 这是借鉴...
2019-05-07 22:10:45
876
原创 css-day08笔记-CSS高级技巧
typora-copy-images-to: media第01阶段.WEB基础：css-day08笔记-CSS高级技巧学习目标理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例一、CSS高级技巧1. 元素的显示与隐藏目的让一个元素在页面中消失或...
2019-04-21 09:42:33
187
原创 css-day07笔记-CSS定位position
typora-copy-images-to: media第01阶段.WEB基础：css-day07笔记-CSS定位position一、定位(position)学习目标理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1. CSS 布局的三种机制网页布局的核心 —— 就是用 CS...
2019-04-21 09:41:46
467
原创 css-day06笔记-学成在线网页制作
typora-copy-images-to: media第01阶段.WEB基础：css-day06笔记-学成在线网页制作一、学成在线页面制作目标理解能够说写单页面我们基本的流程能说出常见的css初始化语句能说出我们CSS属性书写顺序应用能利用ps切图能引入外部样式表能把psd文件转换为html页面学成在线的目的就是为了串联前面的所有知识。来一个春晚大联...
2019-04-21 09:41:04
541
原创 css-day05笔记-清除浮动&学成网布局准备工作
typora-copy-images-to: media第01阶段.WEB基础：css-day05笔记-清除浮动&学成网布局准备工作一. 清除浮动1. 为什么要清除浮动因为父级盒子很多情况下，不方便给高度，但是子盒子浮动就不占有位置，最后父级盒子高度为0，就影响了后面的标准流盒子。总结：由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响准确地说...
2019-04-21 09:40:16
204
原创 css-day04笔记-CSS盒子模型&CSS书写规范&浮动float
typora-copy-images-to: media第01阶段.WEB基础：css-day04笔记-CSS盒子模型&CSS书写规范&浮动float一、PS基本操作以及常用快捷键因为网页美工大部分效果图都是利用ps 来做的，所以，以后我们大部分切图工作都是在ps里面完成。文件–打开 – 可以打开 我们要测量的图片ctrl+r 可以打开标尺 或者 视图...
2019-04-21 09:39:25
155
原创 css-day03笔记-CSS三大特性&CSS盒子模型
typora-copy-images-to: media第01阶段.WEB基础：css-day03笔记-CSS三大特性&CSS盒子模型CSS-day03笔记-盒子模型CSS学习三大重点： CSS盒子模型、浮动、定位今日主题思路一、CSS三大特性学习目标理解能说出css样式冲突采取的原则能说出那些常见的样式会有继承应用能写出CSS优先级的算法能会...
2019-04-21 09:38:07
174
原创 css-day02笔记-复合选择器&display&行高line-height&背景background
typora-copy-images-to: media第01阶段.web基础：css-day02笔记-复合选择器&display&行高line-height&背景backgroundCSS 第二天今天我们主要围绕一个 导航栏案例来学习知识点。今日重点复合选择器后代选择器（重点）子元素选择器交集选择器并集选择器（重点）链接伪类选择器（重点）...
2019-04-21 09:37:25
182
原创 css-day01笔记-CSS初识、基础选择器、文字和文本样式
typora-copy-images-to: media第01阶段.web基础：css-day01笔记-CSS初识、基础选择器、文字和文本样式一、CSS层叠样式表学习目标理解css的目的作用css的三种引入方式应用css三种引用方式的书写通过样式规则给标签添加简单的样式1.HTML的局限性说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义，...
2019-04-21 09:36:12
264
原创 html-day02笔记-表格、列表和表单
typora-copy-images-to: media第01阶段.web基础：html-day02笔记-表格、列表和表单HTML 第二天目标能够利用表格、列表和表单完成注册页面的综合案例能出说表格用来做什么的能说出列表用来做什么的能说出表单用来做什么的为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表）一、表格 table(会使用)学习目标理解：...
2019-04-21 09:35:01
196
原创 html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签
typora-copy-images-to: media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1. 基础班学习目标目标： 能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件）， 用HTML+CSS 布局出符合W3C规范的网页（也就是说，我们...
2019-04-21 09:33:52
363
转载 手把手教你使用CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-04-02 19:52:02
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人