cannon、k-优快云博客

原创 dom

事件概要1：事件是什么？实现用户和浏览器的交互2.事件处理函数的作用？对指定事件绑定事件处理函数给他回复事件处理函数3.事件对象的作用？用户问了什么4.用户和浏览器交互的过程用户点击浏览器回复运行###事件分类1：windowonresize 当浏览器串口繁盛变化时候2.鼠标鼠标按下.onmousedown鼠标松开按钮 .onmouseup3.键盘...

2019-09-05 22:48:01 134

原创交互分析思路

交互分析唯品会车边栏1: 初始化静态样式。该显示的显示；该隐藏的隐藏2：实现动态交互：当鼠标移动到元素上时候，图片发生变化；标签有隐藏变为动画显示1: 获取所有需要被操作的对象2：初始化变量，在写业务时候可能用到的。（先用现写）2.5 提前写好隐藏的样式，动画等3：给dom 元素绑定鼠标移上去的事件4：通过给元素添加类名的方式，实现样式的交互5：有bug 解决bug 根...

2019-09-05 22:47:19 1198

原创闭包等等...

bind cal1 apply区别1.相同点:都是【函数对象】中属性，改变函数中this指向2.不同点：（1）bind 方法返回别被改变this 的函数，手动执行函数（bind 的返回值）（2）call() apply() 无返回值，自动触发函数（3）call() apply 区别: apply 有两个参数，参二是数组: call有N个参数3.call和apply除第一个参数以外，...

2019-09-05 22:46:25 130

原创 js语句

语句条件语句1: ifelse应用:在不同条件下输出不同结果时候，难点【如何根据条件写表达式】代码块中变量【是全局变量】如果执行满足-一个条件的代码块。其他条件下代码块不会执行if() () 必须是【true】才能执行 if 中代码块【true来源】 1. 直接 true2：表达式返回值 3：直接使用变量，变量的值【转化】为布尔类型（2）三元运算符? 左边【条件】...

2019-09-05 22:44:41 308

原创 js数组

认识数组1：数组特点有序有索引值(index),索引值是从【O】开始到【length-1】结束数组中数据;可以为任意数据类型，数据可重复未来数据结构，数组中都是对象，对象中有数组2：数组中取值数组名字【索引值】取最后一个数据 arrary[arrary.length-1]取1第一个数据 arrary[0]3：数组长度表示数组中数据的总个数获取 var len ...

2019-09-05 22:43:43 115

原创 js数据

对象创建对象方式一： var obj ={}方式二：构造函数方式创建对象 new 构造函数()new作用实例化对象构造函数作用：辅助 new 创建对象，并给对象添加 key:value 键值对对象中数据存在形式key:valuekey 是对象属性，具有唯一性，属性是不可以改变的value 是对象属性的值，值是可以改变的*** 每个属性都有一定的作用(我们自己决定，或...

2019-09-05 22:43:05 116

原创 js.变量

变量1.var 关键字，作用：变量声明2.变量：保存数据，且值可变的量3.变量用途：哪里有需要，哪里就有声明4.输出结果为undefined 表示输出的变量没有赋值，该变量等待赋值5.变量是可变的量，变量赋值以最后一次赋值为主6.变量的值可以赋给其他变量7.初始化变量，一般代表有某些数据等待变量保存js基础js是轻量型面向对象解析型语言js天然运行环境是浏览...

2019-09-05 22:42:08 157

原创 HBuilder打包步骤

HBuilder打包步骤：1.导入文件（文件内 HTML 和 CSS 命名要规范，不能用中文，如果有导入图片，那么图片的命名中不能包含中文和特殊字符；2.右键点击你的文件夹,在下拉菜单中选择【转换成移动APP（T）】3.转换成移动APP后，文件夹下会出现一个叫： manifest.json 的文件点击进去，appid 选择云端获取，在页面入口选择中选择你想要看到的主页并选择（随便选，...

2019-08-16 23:12:49 706

原创写页面的方法1

背景属性背景：我们可以想象为：盒子的底面我们可以在这个底面做任何涂鸦例如；颜色图片；多个图片；颜色+图片background-image 可以由多个值，每个值要逗号隔开background-size 设置图片大小background-position 背景图片位置background-attacment：fixed 固定背景图片background-repeat 是否平铺多...

2019-08-14 14:19:03 246

原创复习css.html

1:盒子模型2:盒子模型每个属性作用和特点3:盒子内部流4:如何破坏盒子内部流?来实现布局相对定位绝对定位固定定位浮动弹性布局###弹性布局弹性布局的规律是什么配有哪些特点?1:从父元素角度看:首先自身内部流发生了改变，从流式布局变为弹性布局（文档流变为弹性流）本身依然处于流式布局中，没有发生改变 (在他的父容器中布局)2:从子元素角度分析: 以什么...

2019-08-14 14:18:16 119

原创命名的规范

###不能用什么命名?不能中文命名不能中英混合不能直接使用css属性不能单独直接使用html命名##命名规则驼峰式命名:第一个单词首字母小写;第二个单词首字母大写例如 xiaoYiFei下划线命名 xiao_ yi_ fei连接符 xiao-yi-fei不能用什么命名？1：不能中文命名2：不能中英混合3: 不能直接使用css属性明敏4：不能单独切直接使用...

2019-08-14 14:17:17 153

原创准备

课前准备学习准备1：熟悉自己使用的开发工具作用：编写代码目的：做网站做页面…2：熟悉浏览器；每个人电脑不同的浏览器主流浏览器：谷歌火狐 360 qq非主流浏览器：IE8以下的浏览器3：熟悉浏览器的控制台vscode webstrom subline Hebide…浏览器：文件后缀xxx.html 是html 文件作用写网页的,浏览器可以解析xxx....

2019-08-14 14:16:31 142

原创常见错误

总结;哪里没有效果找哪里拍错方式：1.根据知识点2.根据业务逻辑- 1.明确浏览器解析的顺序：标签——>css———>js- 2.页面啥都没有:证明没有标签或者标签位置写错了- 3.页面上么没有样式证明选择器没选中- 4.页面上没有动态交互,要摸没有交互属性，要么交互属性值绑定元素不对####自己写错了###逻辑错误###找错方法核心：根据自己掌握的知识点进...

2019-08-14 14:16:04 303

原创媒体查询

###响应式布局使用相对单位 % rem vh vw2:使用媒体查询，相当于在不同情况下令写了一套CSS样式借助UI框架;因为UI是别人封装好的响应式.###媒体查询语法结构@media媒体设备and ( 条件){选择器{属性:值;}}@media 媒体查询screen表示查询设备;媒体设备是个变量,在什么设备下就使用什么值speech阅读设备all所有设备screen ...

2019-08-14 14:15:43 390

原创 css初步认识

css基本语法机构：选择器{属性：值；}选择器作用：选中标签对其进行样式美化属性作用：对元素进行那些样式美化值作用：决定属性美化样式的程度注意：css中的属性与html元素行内元素属性不是同一个东西class 选择器元素选择器html标签：选择所有对应的HTML标签.class 选中元素具有class行内属性的标签#id 选中所有具有id 行内属性的标...

2019-08-14 14:15:08 121

原创如何使用第三方库

使用第三方库只要不是自己写的;就是第三方。基本步骤:●下载安装第三方库(官网直接下载包管理下载)●在自己的项目中导入地三方库(下载文件直接导入)●项目中那个文件应用第三方库就在;那个文件中导入第三方文件(本地引入线上引入)●根据第三方库官方文档说明;完成自己的需求通常情况下;第三方库;都有提供官方文档。第三方库下面会有很多文件;找到主要文件;导入使用常见地三方库: bootstra...

2019-08-14 14:14:30 1849

原创认识html标签但不完全

html 元素的作用构建页面html标签大多数是以标签段的形式存在的html 是超文本链接布局标签补充div标签，它是html中定义好的双标签（DIV+CSS）。div是一个体积最大的标签。span标签，它是一个双标签，主要用来放文字，体积小。段落标签不能嵌套标题标签，浏览器无法正常解析html 属性class 一个或者多个id 规定元素的唯一i...

2019-08-14 14:12:57 175

原创认识html标签 ,但不完全