- 博客(22)
- 收藏
- 关注
RSS订阅原创 dom事件总结
事件概要1：事件是什么实现用户与浏览器的交互2：事件处理函数的作用当用户和浏览器交互时调用特定的js代码，3：事件对象的作用记录事件触发所有内容4：用户和浏览器的交互过程当用户触发事件时，浏览器会调用出特定的代码，与用户完成交互的过程事件分类1：windowonresize 当浏览器串口繁盛变化时候2：鼠标onclick、、onmouseover、onmouseout、...
2019-09-05 22:20:22
198
原创 闭包手动轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-09-05 22:18:30
229
原创 dom对象
dom是对象DOM是以层次结构组织的节点或信息片断的集合。文档对象模型（Document Object Model）是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。 // 2：所有的HTML标签都是dom兑现 // 3：只有dom对象才能使用dom下的api // box 存dom对象 var box =document...
2019-09-05 22:17:19
210
原创 js的闭包以及存储
闭包的意思闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。什么是闭包）简单讲，闭包就是指有权访问另一个函数作用域中的变量的函数。MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包...
2019-09-05 22:14:53
3004
原创 js的作用域
作用域分为：全局作用域，局部作用域，块级作用域作用域大的不可以访问小的作用域小的变量for和if是全局的JavaScript 全局变量变量在函数外定义，即为全局变量。全局变量有 全局作用域: 网页中所有脚本和函数均可使用。实例var carName = " Volvo"; // 此处可调用 carName 变量function myFunction() { // 函数...
2019-09-05 22:03:53
140
原创 this的指向
this的指向首先我们明白指向的是谁：对象全局下的this 指向window- 函数中的this 谁调用指向谁- 事件处理函数中 this 谁触发指向谁- 对象中的this 默认指向当前对象- 箭头函数中无this 但是如果箭头函数中出现this如何解决- 构造函数中的this指向构造函数的对象目标：代码找到那个就指向哪个对象不同函数里面this的指向不同事件this在事件处...
2019-09-05 21:51:42
112
原创 立即执行函数和回调函数的用法
立即执行函数当变量名与函数名重复时，变量优先于函数原理：函数的编译过程比变量复杂优点：防止函数内部变量被外部污染与普通函数的区别：普通函数有定义，按需执行，变量可能被污染立即执行函数只要有定义直接执行(function(){//code}())(function (){//code})()这是立即函数的写法回调函数首先要知道回调函数是异步的优点：不会发生阻塞在...
2019-09-05 21:38:43
1377
原创 js最基本的函数使用以及认识
什么是函数函数是可重复执行的代码块，为了完成特定的功能。由函数名，参数，函数体组成函数名具有唯一性 function()普通函数定义：function greet(greeting, name) { return `${greeting}, ${name}`}因为在 JavaScript 里面是对象（object），所以它会有一些属性还有方法。比如 name 属性是函数的名字...
2019-09-05 21:25:53
160
原创 js的对象
所有事物都是对象JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。数字型可以是一个对象。字符串也可以是一个对象日期是一个对象数学和正则表达式也是对象数组是一个对象甚至函数也可以是对象访问对象的方法方法是能够在对象上执行的动作。您可以通过以下语法来调用方法：objectNam...
2019-08-26 19:03:12
97
原创 一些常用的对象
日期对象在JavaScript中提供了Data对象，用于处理和日期有关的内容。通过Data对象可以获取系统时间、设置时间等。Data对象也具有prototype和constructor属性。2.日期对象的属性和方法方法：``getFullYear() 获取4位数的年份 getMonth() 获取月份，从0...
2019-08-26 19:02:57
120
原创 js基本的运算符的使用
数学运算符这是我们常用的数学运算符 其中+不仅有相加的作用，如果是字符串它会将他们拼接起来var res = '1'+'a' ------ 输出结果为1a赋值运算符加法赋值运算符（+=）向变量添加一个值 其他的都一样 依次类推，他和算数运算符有很大的相似之处比较运算符这个运算符里面注意==是相等 如果一个=的话 是赋值，切记不要两个搞混乱了，这个里面需要提到三元运算...
2019-08-22 22:49:55
121
原创 初涉js的内容
什么是jsjs 全名javascript 是一门轻量型，解释性语言，他是面向对象的，以后要记住程序员不是没有对象，天天用js，就不缺对象，什么是变量变量是可变的量，可变指的是值可变var 是关键字，作用就是声明变量变量名一经声明就不可以改变，但是值可以发生改变如果一个变量名定义多个值，那就按最后一个赋值记住：声明和赋值是两个过程，千万不要把它混在一起这里有两个比较特殊的数据类型1...
2019-08-22 22:25:19
107
原创 boorstrap插件的使用以及介绍
boorstrap的介绍以及由来Bootstrap是Twitter推出的一个由动态CSS语言Less写成的开源CSS/HTML框架(同时提供Sass 移植版代码)。Bootstrap提供了全面的基本及组件样式并自带了13个jQuery插件（模态对话框、标签页、滚动条、弹出框等），可满足常用开发需要，而且还根据需要定制。另外，Bootstrap提供了优雅的HTML和CSS规范，使用者也可以参考学习...
2019-08-16 23:04:11
268
原创 HBuilder的一些打包以及使用
什么是HBuiderHBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 [1] HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件如何安装 HBuilder？HBuilder下载地址：在HBuilder官网http://www.dcloud...
2019-08-16 22:56:25
903
原创 css的命名规范
一、命名规则说明：1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class=“divcss5”,id=“divcss5”3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等6...
2019-08-14 22:41:32
258
原创 媒体查询的使用方式
一、媒体查询@media all and （max-width：600px（条件值））{选择符{样式}}主要包含两个方面：媒体类型 函数默认值写在最前面,或者给媒体查询样式添加important.如果要使用max-width，条件值比较大的写在前面。如果要使用min-width，条件值比较小的写在前面。@media all and (max-width:600px) {div ...
2019-08-14 14:13:39
746
原创 2D和3D的一些基本使用方式
1、关于浏览器兼容问题1）Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。2）Chrome 和 Safari 需要前缀 -webkit-。3）Internet Explorer 9 需要前缀 -ms-。2、2D转换的方法transform旋转默认是绕着中心点旋转的，而这个中心点就是transform-origin属性对应的点，也...
2019-08-14 14:13:22
370
原创 使用动画以及过渡的方式
动画1.关键帧(@keyframes)关键帧(keyframes) - 定义动画在不同阶段的状态。动画属性(properties) - 决定动画的播放时长，播放次数，以及用何种函数式去播放动画等。（可以类比音视频播放器）css属性 - 就是css元素不同关键帧下的状态。创建了一个@keyframes命名为dropdown。关键帧主要分为3个阶段，0%、50%、100%。动画播放时长...
2019-08-14 14:12:47
731
原创 css中我们我们最常用的弹性布局，
弹性布局的一些常见的用法1 基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main ...
2019-08-14 14:12:00
228
原创 CSS盒子模型的应用
盒子模型是我们日常常用的布局的方式一般分为content盒模型，标准盒模型一些基本概念HTML的大多数元素都是块级(block)元素或行内(inline)元素块级元素默认情况下，块级元素会另起一行，并尽可能的充满整个容器。块级元素可以包含行内元素和其他块级元素，相比于行内元素可以创建更复杂和大型的结构块级元素列表：html5新增的元素：figcation：图文信息组标题 ，arti...
2019-08-11 15:29:11
183
原创 艰难的晋级之路
今天我们谈一谈关于css的一些标签以及属性首先你要明白css是干什么的，css是一个层叠样式表 ，它有美化html的作用 ；css 的基本语法结构：选择器{ 属性：值 } 例如：{ color = yellow }选择器的作用是什么呢：对选中的标签进行样式美化；属性的作用：对元素进行美化样式；值的作用：决定美化样式的程度 如font-size它可以设置字体的大小这 个值可以是...
2019-07-23 22:05:28
106
原创 从小白到大神的前端菜鸟
什么是html呢？超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“...
2019-07-22 23:01:00
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人