- 博客(16)
- 收藏
- 关注
RSS订阅原创 第三天
第三天学习目标：能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.removeChild(...
2019-09-25 23:59:07
133
原创 第二天
第二天 - Web APIs学习目标：能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElem...
2019-09-13 23:06:20
202
原创 第一天
第一天 - Web APIs学习目标：能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1....
2019-09-13 23:02:25
121
原创 JS第六天
JS第六天1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就...
2019-09-10 23:00:51
119
原创 JS第五天
JS第五天函数的返回值return 语句返回值：函数调用整体代表的数据；函数执行完成后可以通过return语句将指定数据返回 。// 声明函数function 函数名（）{ ... return 需要返回的值；}// 调用函数函数名(); // 此时调用函数就可以得到函数体内return 后面的值在使用 return 语句时，函数会停止执行，并返回指定的...
2019-09-10 23:00:19
90
原创 JS第四天
1. 数组1.1 数组的概念 就是一组数据的集合 存储在单个变量下的优雅方式1.2 创建数组的方式利用new 创建数组var arr = new Arrvar 数组名 = new Array() ；var arr = new Array(); // 创建一个新的空数组利用数组字面量创建数据 [ ]//1. 使用数组字面量方式创建空的数组var 数组名 = ...
2019-09-05 23:16:05
72
原创 JS第三天
JavaScript基础第03天笔记1. 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){//循环体}| 名称 | 作用 || ---------- | ------------------------------...
2019-09-05 22:59:37
58
原创 JS第二天
JS第二天Boolean类型转换方式说明案例Boolean()函数其他类型转换为布尔类型Boolean(‘true’)代表空、否定的值会被转换为 false ，如 ‘’、0、NaN、null、undefined其余值都会被转换为 true解释性语言 javascript翻译器翻译的方式有两种：一个是编译，另外一个是解释。两种方式之间的区别在于翻译的时间...
2019-09-03 21:00:25
210
原创 js第一天
js第一天1. 编程语言1.1 编程就是让计算机为解决某个问题而使用某种程序编写程序代码，并最终得到结果的过程。1.2 计算机语言计算机语言是人与计算机之间通讯的语言1.3 编程语言编程语言是有固定的格式和词汇来控制计算机的一系列指令，有很强的逻辑和行为能力2. 计算机基础2.1 计算机组成硬件 输入设备 输出设备 CPU 硬盘 内存 负责存储数据，硬盘永久 ...
2019-09-01 23:32:12
111
原创 移动开发第四天
移动web开发-day04-响应式布局-小结01-移动web开发响应式布局导读目录响应式开发Bootstrap前端开发框架Bootstrap栅格系统阿里百秀首页案例目标能够说出响应式原理能够使用媒体查询完成响应式导航能够使用Bootstrap的栅格系统能够使用Bootstrap的响应式工具能够完成阿里百秀首页案例02-响应式开发原理一句话：就是使用媒体...
2019-09-01 23:31:23
107
原创 移动开发第三天
移动开发第三天rem适配布局rem单位rem（root em）是一个相对单位，类似于em，em相对于父元素的字体大小rem基准是相对于html的字体大小媒体查询@media mediatype and|not|only （media feature）{ CSS-Code;};用 @media开头 注意@符号mediatype 媒体类型关键字 and no...
2019-08-29 23:32:26
104
原创 移动端第二天
移动端第二天flex布局1.操作方便，布局极为简单，移动端使用比较广泛2.pc端浏览器支持情况比较差3.IE11或更低版本不支持flex或仅支持部分4.如果pc端页面布局，还是采用传统方式5.如果是移动端或者不考虑兼容的pc采用flexflex布局原理 flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 fl...
2019-08-27 00:24:59
200
原创 移动开发第一天
移动开发第一天移动基础移动端调试方法Chrome DevTools（谷歌浏览器）的模拟手机调试搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器使用外网服务器，直接IP或域名访问视口 视口是浏览器的显示屏幕区域，分为布局视口，视觉视口和理想视口布局视口：显示整个网页布局，通常通过缩放来实现移动端的显示视觉视口：显示网站的某个区域，一般需要手动滑...
2019-08-27 00:22:51
152
原创 h5c3第三天
h5c3第三天3D转换3维坐标系X轴 水平向右为正Y轴 垂直向下为正Z轴 垂直于屏幕 由屏幕里面指向屏幕的外面为正3D移动 translate3d语法transform: translate3d( x, y, z);transform:translateZ(z);z轴一般都用px单位视距perspertive远大近小值一般大于0设置人和物体的距离-视距 ...
2019-08-23 22:20:21
68
原创 H5 C3 第一天
H5 C3 第一天语义化标签header 头部标签nav 导航标签article 内容标签section 块级标签aside 侧边栏标签footer 底部标签h5表单属性新增type属性值email 邮箱tel 电话url 网址search 搜索date 日期number 数字输入框color 颜色表单属性required 必填验证nova...
2019-08-22 22:44:49
160
原创 H5 C3第二天
c3第二天2d转换中心transform-origin（50% 50%）;取值可以为百分比 、方位名词、像素px当为百分比时时相对于自身的 当只取一个值时，第二个值默认为50%2d缩放 scalescale (宽的倍数，高的倍数);当里面的值大于1时 是放大 小于1时 缩小 负数时 方向放大等比缩放可写一个值 不影响其他的元素 可以改变中心点动画 a...
2019-08-22 22:43:47
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人