- 博客(34)
- 收藏
- 关注
RSS订阅原创 js dom 总结
DOM 对象1：每个html 都是dom对象。2：dom对象中最大的对象是 document3：可以通过改变 dom对象下属性的值，完成元素样式等操作4：dom对象下属性的值，有的是函数，有的非函数。大部分非函数，数据类型为字符串类型5：属性查找不会报错，只会输出 undefined。所有的属性不能删除6：与删除属性效果相同的写法 属性赋值为空字符或者nulldom选择器选择器的...
2019-12-24 21:37:07
109
原创 简单getEl封装&setStyle方法
getEl封装 <div></div> <div></div> <div></div> <button id="btn"></button> <aside class="aside"></aside> var divs =...
2019-12-24 21:35:35
435
原创 js dom
dom选择器<div class="box">001</div> <div class="box">002</div> <div class="box" id="three">003</div> <input type="text" name='1'> <input typ...
2019-12-24 21:29:12
82
原创 判断数据类型
typeof()判断基本数据类型；不能区分null object弊端不能区分 数组 对象 和 null console.log(typeof('dddd')); console.log(typeof(12)); console.log(typeof(true)); console.log(typeof(undefined)); ...
2019-12-19 19:46:02
57
原创 js、变量、作用域、作用域链、闭包、this
变量 作用域 作用域链 闭包 this变量：作用往内存中存储数据为什么会有作用域？因为变量需要运行环境，这个环境我们叫做作用域1：全局作用域是在浏览器或者程序刚开始运行的时候产生的。2：全局作用域销毁，在关闭浏览器或者关闭程序是。所以：我们声明的全局变量，都是 window 对象下的属性。所以：js 中 最大的对象是 window，所有的数据都在 window 下活跃。所以：全...
2019-12-19 19:38:20
64
原创 变量提升&函数作用域
数组中内置 api用途：处理复杂的数据结构。对象数组 字符串组合难点：数据打乱重组1：对数据的基本操作，数组基本操作（增删改查） 对象的基本操作 字符串基本操作（拼接 替换 删除 切割 截取…）数组基本操作1：查 —> 获取数组中的数据 arr[index] for…获取所有获取第一个 arr[0]获取最后一个 arr[arr.length-1]获取倒数第二个 a...
2019-12-19 19:30:28
108
原创 函数，函数返回值和立即执行函数
函数<script> * 函数：是可以反复执行的一个代码片段 * 函数分类：有名函数和无名函数 * 函数编程：基本函数--->构造函数，---->工厂函数，---->函数柯理化---->设计模式 * 函数定义：function * 函数名字：fun ...
2019-12-10 23:10:02
311
原创 模拟数组方法
<!-- splice模拟push --> <script> var arr = [1, 2, 4]; arr.splice(arr.length, 0, 'dddd', 'asd'); // splice 模拟 unshift() var arr1 = [2, 3, 4, 5]; a...
2019-12-10 23:06:48
247
原创 字符串对象和数据类型显示转化
字符串对象// 所有的 Number() String() Boolean() Object() Array() 都是可以将其他类型进行转化 /* 字符串对象特点： 1：有序，有索引值，索引值从0开始到 长度-1 2：有长度， 对象.length 获取字符串长度 字符串对象与字符串区别 ...
2019-12-04 20:22:05
143
原创 布尔，日期，数值对象
布尔对象// 使用构造函数方式创建boolean对象 // Boolean 作用创建布尔对象,将其他类型数据转化为布尔类型 var bool = new Boolean(true); console.log(bool) // constructor 指向对象的构造函数 console.log(bool.constructor) // 将其他类型数据...
2019-12-04 20:19:30
86
原创 多维数组
多维数组 数组下嵌套数组遍历方式：for 的嵌套。最好 不要嵌套5层，如果超过5层，让服务端更改结构var arr = [ ['name', 1, 2, 3, 4, 5, 6, 2, 3, 3, 333], ['for', 'aa', 'dcc', 22], ['dd', 1, 2, 44, 55] ] ...
2019-12-04 20:16:44
54
原创 js运算符
1:运算符是指完成操作的一系列符号，也称为操作符。 符号分类：算数运算符 比较 逻辑 赋值 连接2:大运算符用于将一个或多个值进行运算井返回结果。3:使用运算符的值称为操作数。4:运算符和操作数的组合称为表达式。注意：范式表达式一定有返回结果自增<script> // 每行代码 赋值 只会赋值一次 // ++ 表示自增 每次增加...
2019-11-28 22:31:29
59
原创 js引用数据类型
<script> // [] 数组 // 数组里面可以存放任意的js 数据类型 // 数组是有序的 从0开始 索引值 var arr = []; // {} 对象 var obj = {}; // fun函数 var fun = function () {};</script>写代码;1: 声明变量...
2019-11-28 22:20:27
67
原创 js基本数据类型
将变量中所有存储的数据进行分类分为——————> js 数据类型基本类型string 字符串Number 数值型Boolean 布尔类型underfined 未定义null 空引用类型数组 []对象 {}函数 function// 1： 引号里面的内容一律为【字符串】 字符串是一个非常基础的数据类型// 2：页面中所看见的所有内容，都是字符串 除非数字，数...
2019-11-28 22:13:08
61
原创 js变量命名的方式
/*** 1:禁止出现关键字 if else break for return function。。。* 2：禁止使用中文* 3：禁止在变量名中出现空格* 4：可以使用数字字母，下划线，* 5：建议采用驼峰式命名 userName* 6：数字不能单独命名* 7：起名要符合场景***/...
2019-11-20 19:30:51
192
原创 js变量声明
<!-- 声明多个变量 --> <script> var a; var b; // 一个var 声明多个无赋值的变量 var c,d,e,f,g; // cdef 为只声明 g 即声明又赋值 var c,d,e,f,g = 0; // 声明一堆多个赋值变量 var a = 10, b = 20,...
2019-11-20 19:30:13
62
原创 js变量换值
// var x = 10; // var y = 20; // 因为 x 不是js 的数据类型，又因为变量作用，所有x 是使用变量，所以 z 的初始值为 10 // var z = x; // var b = y; // 变量换值 // 1:声明一个空的变量用来保存 其中一个变量的值 ...
2019-11-20 19:29:13
105
原创 js变量赋值
// 变量名：一经声明就不可以改变 值是可以改变的 var student = 'wangjiaru' // 给 student 重新赋值；以最后一次赋值为主 // = 的作用：赋值 student = 'yangyuchuan' student = '刘浩' // 变量作用：存数据 //...
2019-11-20 19:27:40
149
原创 js变量
// var 关键字 作用：声明变量// student 是变量名字// = 运算符// ‘wangjiaru’ 数据 ————> 数据代表页面中所有的信息// 变量的作用：存储数据// 变量可以存储 js 的任意数据// 变量是可以被改变的量————>变量名字不能改变，数据可以改变// 一个 var 声明一个变量， 几个var 几个变量 与变量名字是否相同没有关系/...
2019-11-20 19:21:12
67
原创 js入门
// 单行注释/***多行注释*1：js 语言 写在 script内部或者xx.js 文件中*2：js 完成 一个网站【交互】的语言*3：JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用这种语言的目的是：与Web客户交互作用，美化页面等* 对象 js 是面向对象语言----- js 内置对象 —>...
2019-11-20 19:19:20
45
原创 html总结
1、HTML行标签：img、span、strong 、i 、b、a这类元素会占据尽可能少的空间，并且一个紧贴一个从左到右，从上往下排列、他们不受width、height样式影响、在窗口变化时，他们大小不变，但会自动行块标签：div、p 、section 、h1 、header 、footer这些元素会独占一行，它们受width和height的控制、在窗口变化时，他们跟着变宽或边窄、除非设置...
2019-11-12 21:50:18
68
原创 css总结
CSS页面结构弹性布局 是H5出的布局方式，不需要清除浮动display：flexjustify-content：项目在主轴上的对齐方式space-around; 每个项目两侧的间隔相等。项目之间的间隔比项目与边框的间隔大一倍center; 居中flex-end; 右对齐flex-start; 默认值 左对齐space-evenly 完全等间距评分s...
2019-11-12 21:47:32
151
原创 动画
动画库动画分析过程：1：分析动画运动轨迹，运动现象2：想一下那些css 属性可以实现这样的效果。3：根据轨迹变化，进行百分比划分（不一定是等分），划分方式：找到几个特殊的【峰值】，在峰值与峰值之间进行划分4：在每个不同的百分比区间更改属性的值5：如果是渐进式的；值越来越小，直到小到回到最初的状态动画运动轨迹：常用的：平移 旋转 拉伸 显示 隐藏 透明度 <h2 ...
2019-10-28 20:01:07
79
原创 2D和3D
2D.box { width: 200px; height: 200px; background-color: red; /* transform: translate(50px,50px) rotate(45deg) scale(1,2) skew(20deg); */ /*...
2019-10-28 19:48:45
92
原创 过渡和动画
过渡：显示某个属性【值变化】的过程div{ width: 100px; height: 100px; background-color: red; /* 复合属性写法 */ /* transition: width 1s,background-color 1s; */ /* 查看哪个属性过渡过程 ...
2019-10-28 19:42:58
58
原创 破坏流式布局
.wrap{width: 300px;height: 300px;background-color: red;/*相对定位1:相对自身位置进行定位定位后：元素脱离文档流，原来的位置没有被其他元素所占据 元素特点没有发生变化top:移动后的位置距离起始位置 上面多远（往下移动）left：移动后的位置距离起始位置 左面多远（往右移动）right：移动后的位置距离起始位置 右面多远（...
2019-10-21 11:41:14
76
原创 布局类标签
布局类标签header{height: 150px;background-color: aqua;}main{height: 500px;background-color: yellow;}footer{height: 250px;background-color: yellowgreen;}aside{width: 30%;height: 500px;backgr...
2019-10-21 11:37:08
104
原创 表格和表单
表格tr,td,th { border: 1px solid black;}table { border-collapse: collapse;}tr { height: 100px;}td { /* width: 150px; */ /* 设置最大宽度 */ /* max-width: 150px; */ /* 设置...
2019-10-21 11:34:26
56
原创 盒子模型和盒子阴影
css样式实现阴影和盒子模型盒子阴影.box{width: 200px;height: 200px;border: 1 solid #ccc;/* 设置盒子阴影 // box-shadow: none; //内联阴影:盒子内部阴影样式box-shadow: 5px 5px 5px 5px #000 inset;外联阴影：盒子外部阴影样式 ***//值1：水平位移值2：...
2019-10-21 11:26:20
121
原创 css实现三角形
用css边框属性实现三角形.box{width: 0;height: 0;border: 0 solid transparent;border-left-width: 150px;border-right-width: 150px;border-bottom: 300px solid black;}/*如何用css 实现三角形1：设置元素宽度高度为 02：先清空所有边框样式...
2019-10-21 11:21:42
66
原创 命名规范
项目中文件名字1：符合应用场景2：一律使用小写英文字母，统一要求，英文，禁止中文拼音。3：命名规则：是团队成员可以看懂自己的代码，自己也方便查找并修改xxx.hml文件的命名1：主页面: index.html2: 子页面，首页: home.html 我的: mine.html关于我们: abutus.html 信息反馈 feedback产品：product 购物: s...
2019-10-11 17:10:39
314
原创 DIV+CSS规范命名
一、命名规则说明：1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class=“divcss5”,id=“divcss5”3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等6...
2019-10-10 18:46:23
91
原创 vscdoe工具使用
主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件? 列出当前可执行的动作! 显示 Errors或 Warnings，也可以 Ctrl+Shif...
2019-10-08 18:01:09
277
原创 typora
typora工具 快捷键使用Typora快捷键目录windows快捷键：给代码块设置快捷键:Mac中的快捷键：图片：表情数学公式HTML行内嵌数学符号下标高亮参考：windows快捷键：#无序列表：输入-之后输入空格有序列表：输入数字+“.”之后输入空格任务列表：-[空格]空格 文字标题：ctrl+数字表格：ctrl+t生成目录：[TOC]按回车选中一整行...
2019-10-08 17:56:48
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人