- 博客(30)
- 收藏
- 关注
RSS订阅原创 DOM（1）
一、DOM简介二、获取元素1、根据ID获取元素2、根据标签名获取元素3、根据类名返回元素对象集合4、获取body和html元素三、事件基础四、操作元素1、改变元素内容2、常用元素的属性操作3、表单元素的属性操作4、行内样式操作5、类名样式操作6、循环的排他思想7、自定义属性的操作一、DOM简介1、什么是DOM：文档对象模型(Document Object Model，简称DOM)，是W3C组...
2019-12-03 00:37:17
287
原创 内置对象之Math分象...好吧就是Math对象
内置对象在说Math分象之前我们先来说一下内置对象：1、JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象。2、前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的，我们JSAPI讲解。3、所以内置对象就是指：JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能(属性和方法)。4、内置对象最大的优...
2019-11-24 02:09:16
381
原创 预解析、对象
预解析JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript 解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。1、我们js引擎运行js分为两步：预解析代码执行。(1)、预解析：js引擎会把js里面所有的var还有function提升到当前作用域的最前面。(2)、代码执行：按照代码书写的顺序从上往下执行。2、预解析分为：变量预解...
2019-11-23 02:44:55
265
原创 作用域
一、作用域1、作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。（1）、JavaScript作用域：就是代码名字(变量)在某个范围内起作用和效果目的是为了提高程序的可靠性更重要的是减少命名冲突。（2）、js的作用域(es6)之前分为：全局作用域和局...
2019-11-22 02:23:34
252
原创 函数
一、函数的概念在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用JS中的函数。函数：就是封装了一段可被重复调用执行的代码块。 通过此代码块可以实现大量代码的重复使用。下面我们就先来体验一下函数：首先我们来看一下我们求1到100相加的累加和和10到50的累加和怎么写：...
2019-11-22 00:53:09
229
原创 数组
一、数组的概念之前学习的变量，只能存储一个值。如果我们想存储班级中所有学生的姓名，那么该如何存储呢 ?答：可以使用数组(Array)。数组可以把一组相关的数据一起存放，并提供方便的访问(获取)式。那么什么是数组呢?数组就是：指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的“优雅方式”。二、创建数组1、数组的创建方式J...
2019-11-20 00:35:52
1023
原创 循环
循环一、循环目的在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句。二、JS中的循环在JS中，主要有三种类型的循环语句：1、for 循环2、while 循环3、do…while 循环下面我们就来详细的说一下这三个循环for循环在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成...
2019-11-19 02:57:04
388
原创 流程控制
一、流程控制在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行。流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。二、顺序流程控制顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代...
2019-11-18 02:35:10
593
1
原创 运算符
运算符运算符( operator )也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：1、算数运算符2、递增和递减运算符3、比较运算符4、逻辑运算符5、赋值运算符算术运算符一、算数运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。1、+作用：加比如：10 + 20 = 302、-比如：作用：减10...
2019-11-17 01:33:23
297
原创 数据类型
数据类型简介一、为什么需要数据类型在计算机中，不同的数据所需占用的储存空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用储存空间，于是定义了不同的数据类型。简单的说就是，数据类型就是数据的类别型号。如：姓名：“张三”，年龄20，这些数据的类型是不一样的。二、变量的数据类型变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内...
2019-11-16 19:02:47
555
原创 变量
变量概述一、什么是变量简单易懂的来说：变量就是一个用来装东西的箱子。通俗点来讲：变量就是用于存放数据的容器。我们通过变量名获取数据，甚至可以进行修改。二、变量在内存中的存储本质为：变量是程序在内存中申请的一块用来存放数据的空间。就相当于酒店的房间，一个房间就可以看做是一个变量。来个图理解一下：变量的使用变量使用分为两步：1、声明变量 2、赋值下面我们就来分别说一下这两步。一...
2019-11-15 00:32:58
1038
原创 初识JavaScript
初识JavaScript一、JavaScript 历史1、它的创始人是：布兰登·艾奇（Brendan Eich，1961年~ ）。2、这位厉害的大叔在1995年利用10天的时间完成了对JavaScript的设计。3、他一开始实在网景公司工作，所以，最初的命名为LiveScript，后来他与Sun合作就把这个软件改名为JavaScript。二、JavaScript是什么1、JavaScr...
2019-11-14 01:43:17
303
原创 初入JS计算机编程基础
一、编程语言1、编程1、编程：就是让计算机为解决某个问题而使用某些程序设计语言编写程序代码，并最终得到结果的过程。2、计算机程序：就是计算机所执行的一系列的指定集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。注意：上面所定义的计算机指定的是任何能够执行代码的设备，可能是ATM机、服务器、智能手机等等。2、计算机语言1、计算机语言...
2019-11-13 01:52:06
426
原创 移动端（下）
移动端技术解决方案1、移动端浏览器移动端浏览器基本以webkit内核为主，因此我们就考虑webkit兼容性问题。我们可以放心使用H5标签和CSS3样式。同时我们浏览器的私有前缀我们只需要考虑添加webkit即可。2、CSS初始化normalize.css移动端CSS初始化推荐使用normalize.css/normalize.css与传统的CSS重置有什么不同：1、Normali...
2019-11-12 02:54:25
241
原创 移动端（上）
一、移动端基础1、浏览器现状我们先说一下现在的浏览器现状：（1）、PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。（2）、移动端常见浏览器：UC浏览器， QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改...
2019-11-11 03:03:45
367
原创 3D转换（重点）和浏览器私有前缀（附加...）
3D转换3D：我们生活的环境是3D的，照片就是3D物体在2D平面呈现的例子。3D的特点：（1）、近大远小；（2）、物体后面遮挡不可见。3D转换我们主要学习工作中最常用的3D位移和3D旋转我们先大致了解一下主要知识点然后下面在详细的说一下，我们主要的知识点分4个分别是：.（1）、3D位移：translate3d(x，y，z)（2）、3D旋转：rotate3d(x，y，z)（3）、透...
2019-11-10 02:31:01
293
原创 动画
动画介绍：动画( animation )是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，多控制，连续自动播放等效果。一、动画的基本使用1、我们先说一下制作动画的两个步骤：（1）、先定义动画；（2）、先使用（调用）动画。2、用keyframes定义动画（类似定义类选择器）写一下挺麻烦的扒个图吧...
2019-11-08 14:23:52
462
3
原创 动画
动画介绍：动画( animation )是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，多控制，连续自动播放等效果。一、动画的基本使用1、我们先说一下制作动画的两个步骤：（1）、先定义动画；（2）、先使用（调用）动画。2、用keyframes定义动画（类似定义类选择器）写一下挺麻烦的扒个图吧...
2019-11-08 02:48:06
114
原创 属性选择器、结构伪类选择器、伪元素选择器
选择器一、属性选择器1、E[att]作用为：选择具有att属性的E元素。2、E[att= “val”]作用为：选择具有att属性，且属性值等于val的E元素；属性等于值。3、E[att^=“val”]作用为：匹配具有att属性，且值以val开头的E元素；以某个值开头的属性值。4、E[att$= “val”]作用为：匹配具有att属性，且值以val结尾的E元素；以某个值结尾5、E...
2019-11-08 01:49:43
397
原创 css复合选择器
选择器我们先说一下常见的几种选择器的分类，我们可以分为六种来记他们分别是：1、后代选择器2、子代选择器3、交集选择器4、并集选择器5、链接伪类选择器下面我们就一个一个来详细的说一下这几种选择器的作用和用法。一、后代选择器后代选择器又称为包含选择器它的作用为：用来选择原素火元素组的"子孙后代"它的写法就是把外层标签写在前面，注意中间要用空格隔开，先写"父亲"，再写"子孙后代"：...
2019-11-06 23:11:32
359
原创 2D转换
2D转换 transform转换(transform)是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。转换也可以简单理解为变形。可分为三种：移动：translate旋转：rotate缩放：scale下面我们就来详细的讲一下他们分别有什么作用1、二维坐标系2D转换是改变标签在二维平面上的位置和形状的一种技术，我们先来学习一下二维坐标系。坐标和我们认为的是...
2019-11-06 02:19:56
468
原创 显示效果、列表、定位方式
显示显示方式一、作用：显示方式决定了元素在页面中如何摆放定位。二、语法它的属性为： display取值为：1、none让生成的元素不显示 “隐藏”特点：脱离文档流即不占据页面空间。2、block让元素变得和块级元素一样3、inl ine让元素变得和行内元素一样4、inline-block让元素变得和行内块元素一样多个元素在一行显示，允许修改尺寸显示效果1、vis...
2019-11-05 02:16:25
374
原创 浮动
浮动一、浮动定位概述所谓的定位，实际上就是定义元素框相对于其正常位置，应该出现的位置在哪。简单的说，定位就是改变元素在页面上的默认位置。可以分为五类分别为：1、普通流定位(元素默认的定位方式)2、浮动定位3、相对定位4、绝对定位5、固定定位下面我们就来详细的说一下二、普通流定位普通流定位，又称为" 文档流定位"，是页面元素的默认定位方式；页面中的块级元素按照从上到下的方式排...
2019-11-04 21:02:44
224
原创 web表格
表格一、表格的常用属性（1）、边距属性：padding（2）、尺寸属性：width，height（3）、文本格式化属性：font-*text-align，color，text-indent，… …（4）、背景属性背景色，背景图，渐变（5）、border属性（6）、vertical-align它的作用为：在单元格中，设置文本的垂直对齐方式它的取值为：top / middle ...
2019-11-02 22:55:30
2194
原创 文本格式化
文本格式化一、字体属性1、指定字体系列它的属为： font-family取值为：value1，value2，… …注意：字体取值包含中文或特殊符号，使用""引起来；还有就是取多个值是因为不知道浏览器会接受那种字体，做双重保险。ex ：font-family：“宋体”，“微软雅黑” ，Arial；2、字体大小它的属性为： font-size取值为：px或pt或emex ：...
2019-11-02 11:25:51
487
原创 css渐变
一、渐变1、什么渐变两种或多种颜色间平滑过渡的效果分类：（1）、线性渐变（2）、径向渐变（3）、重复渐变2、渐变的组成（元素）色标：决定了渐变的每种颜色及其出现的位置每一种渐变效果都是由多个色标组成的(两个及两个以上）3、渐变的语法1、先说一下它的语法：它的属性为： background- image取值为：linear-gradient() ：线性渐变radial-gr...
2019-11-01 01:14:53
547
原创 背景属性
背景属性1、背景分为两种：背景颜色，背景图片。2、背景颜色我们来说一下它的属性：background-color取值为：任意的合法颜色（ …）或者transparent（透明）注意：背景颜色会填充到元素的内容区域、内容边框区域以及边框区域举个例子：3、背景图像它的作用是：以图像作为元素的背景它的属性为：background-image取值：url（输入背景图像的路径...
2019-10-31 02:21:11
484
原创 框模型
框模型一、框模型首先我们先说一下框模型的定义框：页面一切的元素皆为框框模型：Box-model，定义了元素框处理元素内容，内边距以及外边框的方式。所以可以这么理解：对象实际高度=上下外边距+上下边框+上下内边距+ height；对象实际宽度=左右外边距+左右边框+左右内边距+ width；二、外边距1、先说一下什么是外边距：围绕在元素边框周围的空白区域就是外边距，正常情况下，外...
2019-10-30 00:44:06
407
原创 边框属性
我们先说一下边框属性：1、边框（1）、它的简写方式：通过一个属性控制四个方向边框的效果它的属性是：border：width、style、color;它们三个分别为：width：边框的宽度，边框的粗细，是以px为单位的；style：边框的样式，实线，虚线；它的取值是这样的：solid：实线、dotted：虚线、dashed：虚线注意：dotted和dashed是两种不同的表现形式...
2019-10-29 00:00:26
3208
5
原创 css样式表
使用css样式表css样式表一共分为三种每种都有不同的使用方式下面我们就来说一下他们不同的使用方式：css样式表的使用方式（共三种）1、内联方式首先我们要了解的是它要写在哪里：我们要将样式声明定义在元素的 style 属性中然后就是他的语法使用：<ANY style=“样式声明；样式声明；样式声明”></ANY>样式声明：表示一个具体的显示效果。每个样式声...
2019-10-28 00:58:25
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人