weixin_46579258的博客

原创 JavaScript正则

正则的概念和意义什么是正则正则是一种表达式，用来描述字符串的规则使用正则的意义快速的对字符串进行验证，替换，查询操作除非极端情况，正则既可以节省操作，又可以节省性能创建正则字面量创建var reg = /…/ //内填写正则表达式构造函数创建var reg = new RegExp(参数1，参数2)参数1是变量，可以是正则表达式，需要使用转义字符参数2可以不写，是正则修饰符字面量创建的正则不可以使用变量，构造函数可以正则的写法修饰

原创 JavaScript的事件

事件的组成示例代码 obox.onclick = function(){ console.log("123") }组成事件源 绑定事件的元素 obox绑定事件的方式 赋值式事件类型 click赋值 = 赋值式绑定的标志数件处理函数 function(){…},触发指定行为时要做的事情事件目标 触发事件的元素隐藏信息 事件对象记录事件发生时产生的信息默认隐藏，需要手动获取获取事件对象通过形参获取

原创 DOM的操作

属性操作样式操作元素操作补充

原创 DOM介绍和选择器

DOM的介绍DOM选择器元素节点选择器节点选择器变量的命名规则：最好加数据类型的首字母为前缀

原创 BOM

概念window对象window的具体功能和作用window的方法window的浏览器事件window子对象补充

原创 对象（三）Math和Date

Math 数学对象进制的转换Date 日期对象

原创 对象（二）

对象的分类关键字deleteMath对象进制转换

原创 ES5新增的数组API

原创 ES5的严格模式

什么是ES5严格模式

原创 对象

什么是对象创建对象的方式操作对象对象的遍历（for-in语句）window和this

原创 字符串

字符创建字符字符的索引字符的API

原创 数组

什么是数组创建数组操作数组数组的索引数组的方法一些API数组的分类

原创 JS的编译与执行规则（var与function的覆盖规则）

JS的预编译编译的提升案例 ;(function(){ console.log(a); // 4 function a(){ 1 } console.log(a); // 4 function a(){ 2 } console.log(a); // 4...

原创 函数（二）

函数的返回值函数的嵌套 function fn(){ console.log(1); return function(){ console.log(2); }; } console.log( fn() ); fn()();//输出console.log(2)的方式...

原创 函数（一）

什么是函数由用户或自身控制，可以实现某个功能的代码块函数的特点函数的创建执行函数函数的一种分类函数的参数

原创 JS循环结构

循环三要素while循环do-while循环while循环与do-while循环的区别应用例子10的阶乘 var n = 1; var m = 1; while (n <= 10) { m = m * n; n++; } console.log(m); var n = ...

原创 JS分支结构语句

分支结构需要配合一些专用代码才能实现单分支if语句双分支if-else语句多分支双分支嵌套形成多分支多分支语句switchif-else与switch两种多分支的区别...

原创 数据类型转换与运算符

数据类型转换为什么要转换如果用户给了一个数据，或者计算机给了一个数据，或者程序给了一个程序，这不是我们需要的数据类型那么我们需要把它转成当前程序所需的数据类型才能进行运算转换方法强制转换字符型数据转数值型数据数值转换为字符型数据隐式转换运算符算术运算符关系运算符逻辑运算符赋值运算符一元运算符...

原创 JavaScript基础

JS代码的书写位置JS的组成ECMAScript规定的信息打印方式数据变量

原创 兼容

主流浏览器谷歌 苹果 火狐 欧朋 IE浏览器大战代码出现兼容性问题的原因常见bug与解决方案

原创 移动端页面的准备工作与媒体查询

meta标签的设置<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 视口1∶1比例 禁止用户缩放<meta name="format-detection" content="...

原创 怪异盒模型、多列属性、响应式布局

怪异盒模型属性：box-sizing多列属性利用多列属性，可以在页面中实现瀑布流布局响应式布局

原创 弹性盒子

弹性盒子的性质弹性盒子是一种布局方案弹性盒子的作用作用：控制距离它最近的一层子元素的布局方式弹性盒子的特点触发弹性盒子display:flex;改变主轴方向改变主轴和侧轴的对齐方式控制子元素的换行与行的对齐方式简写方法flex-flow弹性盒子子元素的属性...

原创 CSS3与CSS3选择器总结

CSS3CSS3和CSS的关系CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3的优点css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继...

原创 HTML5基础

HTML发展史HTML5的兼容性HTML5的语法HTML5的语义化标签HTML5视频标签HTML5音频HTML5新增表单标签1.新增的type属性2新增的html属性3新增的表单标签...

原创 3D空间

CSS的3D坐标系形成3D空间3D的平移3D的旋转3D的缩放景深背面不可见

原创 CSS动画

CSS动画的两个步骤1.制作动画关键帧2.调用动画制作关键帧调用关键帧animation和transition的区别

原创 2D平面

2D平面的概念和用处2D的坐标系X轴向右为正Y轴向下为正(这与数学坐标系不同)属性：transform2D的位移2D的缩放2D的旋转2D的倾斜2D的变化原点transform的复合写法...

原创 HTML表单属性补充

单选按钮多选框（复选框）下拉列表多行文本域上传文件框提示信息表单的结构块

原创 BFC

BFC（block formatting context）直译为块状格式化上下文它是一个独立的渲染区域，只有bolck-level box参与，它规定了这个区域内的block-level box如何布局。并且与外部毫不相干。是一种布局逻辑BFC布局规定BFC触发条件BFC应用...

原创 浮动导致高度坍塌的处理

高度坍塌出现的场景解决方法一：为父元素添加overflow：hidden解决方法二：clear：both解决方法三：万能清除法万能清除法：.类名::after{content:""clear:both;display:blockheight:0overflow:hiddenvisibility:hidden}使用方法：在公共css样式表中建立解决高度坍塌的类名，在需要...

原创 定位的应用

包含块的设置方法把一个元素固定在浏览器窗口中间二级导航的写法把子元素定位在父元素中间吸顶导航条banner图超出版心区域的写法

原创 定位：position

定位的意义和用处固定元素位置，使元素位置发生改变定位的逻辑步骤1.让元素知道自己位置有变动2.寻找定位参考物3.确定相对参考物的坐标定位的属性与常用属性值坐标属性当多个定位重合时，他们之间层次关系的控制绝对定位和相对定位的区别定位应用：包含块设置...

原创 CSS元素类型的转换

转换元素类型的属性：display作用：检索或设置元素生成模型的类型常用属性值：block常用属性值：inline常用属性值：none常用属性值：inline-block

原创 元素类型

元素类型css的元素类型可以分为三类：块状元素内联元素（行内元素）可变元素块状元素内联元素可变元素CSS的元素分类还有一些争议点其他分类...

原创 溢出、文本换行、省略号显示和新闻列表的应用

控制溢出的属性overflow元素内的空格处理white-space的属性值文本隐藏省略号显示text-overflow的属性值应用：实现单行文本溢出时出现省略号的方法应用：新闻列表的书写方法...

原创 页面布局规范

布局思路版心PC端页面需要考虑版心宽度盒模型的布局代码的书写规范书写代码要整洁和语义化

原创 CSS边框属性

边框border边框的位置在容器的外部添加边框，但是容器的背景颜色会延伸到边框的所在位置border的各个属性和border复合写法border的方位border的应用 （用css实现一个彩色三角形）...

原创 CSS权重

CSS权重的概念当同一个标签CSS属性冲突，浏览器将会选择权重大的去执行只有相同属性的样式会覆盖不同属性的样式不会覆盖CSS的权重体现了CSS的层叠性权重的比较以数字来表示权重关系拓展...

原创 CSS文本属性

文本大小font-size文本颜色color字体font-family加粗和倾斜font-weight和font-style行高line-height水平对齐text-align下划线text-decoration首行缩进text-ident字间距与词间距letter-spacing和word-spacing文本大小写text-tranform...