YANGMENGZHENG的博客

原创 MySQL数据库基本操作---DDL

目录一、对数据库的常规操作1.查看所有的数据库​2.创建数据库3.切换数据库4.删除数据库5.修改数据库编码二、对表数据结构的常用操作1.数据类型2.创建表3.查看当前数据库的所有表明名称4.查看指定某个表的创建语句5.查看表结构6.删除表三、修改表的结构1.修改表添加列​2.修改列名和类型3.修改表删除列4.修改表名一、对数据库的常规操作1.查看所有的数据库打开Navcat软件，当我们和mysql建立好连接后，就可...

原创 Ajax技术简述

目录一、Ajax技术1.为什么要使用Ajax技术2Ajax的工作原理：二、Ajax的基本实现步骤1、创建服务器2.配置Ajax对象3、获取服务器的响应三、get请求一、二者写法上的区别let chicken = ['we','web','hello']let chicken_normal = chicken.map(function(item){ return item+='sd';});let chicken_arrow = chicken.map((i..

原创 JavaScript箭头函数与普通函数

目录一、二者写法上的区别二、this指向问题三、总结及扩展一、二者写法上的区别let chicken = ['we','web','hello']let chicken_normal = chicken.map(function(item){ return item+='sd';});let chicken_arrow = chicken.map((item=>{ return item+='sd'}));console.log(chicken_norm...

原创 MVC/MVP/MVVM架构

目录一、MVC二、MVP三、MVVM一、MVCMVC：Medol－View-ControllerModel 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View层 主要功能有获得数据，显示数据。决定界面技术（HTML，XML，Flash等）。界面排版；向Controller返回数据，决定数据传送方式，数据验证。 层是视图层。代表UI 组件，它负责将数据模型转化成UI 展现出来，Controller层。集控制层。接受用户输入的数据。调用模型和视图完毕用户

原创 Vue的内置指令：v-if和v-show的区别

目录v-showv-if二者的区别：实现方式：性能比较：v-show根据表达式的真假值，来显示和隐藏元素 <div id="app"> <p>三眼五显仙人</p> <pv-show="temp">魈kun牙白卡酷一</p> <pv-show="ok">不敬仙师</p> </d...

原创 DOM(Document Object Model)初识

一、初识Web API1、概念Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。JavaScript语言由3部分组成，分别是ECMAScript、BOM和DOM，其中ECMAScript是JavaScript语言的核心，ECMAScript：是JavaScript的核心，定义一套语法规范，JavaScript实现了这些语法规范。而Web API包括BOM和DOM两部分。 2、API与WebAPIAPI：应用...

原创 Javascript中的错误处理

目录1、try{}catch(e){}2、错误对象的传递3、抛出错误对象1、try{}catch(e){}语法：try{可能出现的错误代码}catch(e){错误处理代码}//catch用来捕获错误，参数e代表错误对象举例：错误代码：var o = {};o.func();//这行代码会出错，因为调用了不存在的方法console.log(o.func());//前面代码出错，这行代码不会运行错误处理：var o = {};...

原创 Javascript中this的指向

1、函数中的this (1)构造方法中的this,指向新创建的对象 function Person(name) { this.name = name; } var p1 = new Person("张三") (2)直接通过函数名调用函数时,this指向全局对象window (3)函数作为对象的方法调用...

原创 ES5中如何实现继承

原创 javascript原型

目录一、原型对象1、构造方法的原型对象2、对象的原型对象3、原型对象的原型对象二、实例对象和原型对象三、访问对象的构造方法1、构造方法的作用2、访问方式3、举例四、原型链结构的特点五、成员查找机制一、原型对象每个构造函数(类)都有一个原型对象(默认存在),该原型对象可以通过prototype属性进行访问。1、构造方法的原型对象(1)、构造方法的原型对象是object类型(2)、prototype属性是默认存在的(3)、原型对象...

原创 JavaScript面向对象&JavaScript类

一、面向过程核心是解决问题的过程。编程时

原创 JavaScript中的内置对象

内置

原创 JavaScript中的对象

对象

原创 javascript的预解析

解析

原创 Javascript的垃圾回收机制

目录前言一、基本思路二、标记策略(1)标记清理举例说明：过程：优点：缺点：解决方法(2)引用计数举例说明过程：优点：缺点：循环引用问题前言Javascript是使用垃圾回收的语言，即是不需要开发者操心内存分配和回收，运行环境会在代码执行时管理内存。一、基本思路周期性的找出哪个变量不会再使用，然后释放它所占用的内存。二、标记策略垃圾回收程序必须跟踪记录哪个变量还会使用，哪个变量不会使用，以便回收内存。举例：f..

原创 javascript之函数2(闭包)

目录前言一、"闭包"函数1、概念2、作用3、特性4、创建5、常用闭包6、闭包的缺点前言了解闭包函数之前，我们需要复习一下作用域链。在js中，内层函数在执行过程中，若需要引入某个变量，则需要由当前作用域逐层寻找，直到全局作用域。那也就是说，在外层作用域下无法获取内层作用域下的变量。同样，不同函数作用域也是不能相互访问彼此变量的。为了解决这个问题，我们就需要用到闭包。一、"闭包"函数1、概念闭包指的是那些引用了另一个函数作用域中变量的函数，通常是在嵌套..

原创 javascript之函数1

一、初识函数1、定义函数是一个独立的功能模块，可以重复使用的代码块，维护方便。2、使用函数在使用时分为两步（1）声明函数：（2）调用函数：

原创 比较for、for...in、for...of、forEach的区别

1、for循环for语句是一种先测试循环语句，（即先检测退出条件，再执行循环体内的代码.)语法： for(初始化变量;条件表达式;操作表达式){ 循环体语句; }2、for...in循环3、for..of循环4、forEach循环...

原创 javascript基础之(数组)

目录一、初识数组1、创建数组2、访问数组元素3、数组的遍历4、举例(1.)获取数组元素中的最大值(2.) 数组转为字符串5、数组元素的操作二、数组排序算法1、冒泡排序算法2、插入排序算法​三、二维数组1、创建二维数组2、元素的访问3、二维数组求和4、二维数组的转置一、初识数组类型相同的数据的集合。1、创建数组(1.)使用'[]'字面量创建var 变量名 = [1,2,3,4];(2.)使用'new Arr...

原创 Javascript基础之(基本结构)

一、基本结构1、顺序结构2、选择结构(分支结构)3、循环结构(重复结构)

原创 Javascript基础之(运算符)

目录一、Javascript运算符1、算术运算符(1)、单目运算符(2)、双目运算符(3)、自增(++)和自减(--)运算符2、比较运算符(关系运算符)3、逻辑运算符4、赋值运算符5、位运算符一、Javascript运算符Javascript运算符用于赋值，比较值，执行算数运算等。1、算术运算符算符 描述 + 加法 - 减法 * 乘法 / 除法 % 取模（余数） ++ 自增 --.

原创 Javascript基础之(数据类型)

一、数据类型值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。 引用数据类型：对象(Object)、数组(Array)、函数(Function)。注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。1、数字型(Number)var a = 10; //不需要引号数字型的取值范围： 最大值：Number.MAX_VALUE ...

原创 Javascript基础之(变量)

目录一、变量概述1、什么是变量2、变量的命名规则二、变量的使用1、声明变量2、赋值三、变量提升四、let 和 const 关键字一、变量概述1、什么是变量在js中，变量是存储数据值的容器。通过变量名获取数据，且数据可以修改。本质：变量是程序在内存中申请的一块用来存放数据的空间。2、变量的命名规则在 JavaScript 中，变量名称并不能随便定义，需要遵循标识符的命名规则，如下所示：变量名中可以包含数字、字母、下划线_、美元符号$；...

原创 JavaScript入门(一)

目录一、认识JavaScript二、网页组成三、浏览器的引擎四、特点五、JavaScript的组成六、JavaScript的引用方式七、JavaScript中的几个重要概念1、标识符2、关键字3. 保留字4、严格区分大小写5、对空格、换行、缩进不敏感；一条语句结束后末尾可以带分号，也可以不带分号八、注释九、输入输出一、认识JavaScriptJavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加.

原创 CSS高度塌陷问题（float塌陷&margin塌陷）

一、什么是盒子高度塌陷？1、解释当父元素没设置足够大小的时候，而子元素设置了浮动的属性，子元素就会跳出父元素的边界（脱离文档流），尤其是当父元素的高度为auto时，而父元素中又没有其它非浮动的可见元素时，父盒子的高度就会直接塌陷为零， 我们称这是CSS高度塌陷。2、代码示例...

原创 CSS3精灵（Sprites）技术

目录一、什么是精灵技术二、产生的原因三、作用四、使用方法1、方法解释2、举例（1）、简单例子（2）、导航列表例子（3）、悬停效果举例（4）、缺点一、什么是精灵技术css精灵图技术（sprite）直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”、“CSS贴图定位”或“CSS图片精灵”、“CSS雪碧图”，是一种网页图片应用处理方式。其实就是把一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅.

原创 CSS——滤镜（filter ）

前言滤镜这个词我们不陌生，最常见的就是相机中的滤镜或者说PhotoShop 之类的制图软件。我们用滤镜来美化图片。而在 CSS 中，我们无需借助任何软件也可以实现很多种滤镜效果，例如模糊效果、透明效果、色彩反差调整、色彩反相等等。另外，通过 CSS 中的滤镜还能对网页中的元素或者视频进行处理。一、什么是滤镜对图像、图像进行的视觉处理(模糊、饱和度、对比度等)。二、滤镜的实现---filter属性1、CSS语法filter: none | blur() | brightness(.

原创 CSS——变形、过渡、动画

目录前言一、变形（transform）1、2D变换（1）、translate() 方法（2）、rotate() 方法（3）、scale() 方法（4）、skew() 方法（5）、matrix() 方法2、3D变换（1）、translate3d()位移（2）、translateZ()（3）、rotate3d()旋转（4）、scale3d()缩放（5）、matrix3d()矩阵3、CSS3中实现变形的优点二、过渡（transition）1、..

原创 HTML5中的多媒体标签的使用

目录一、什么是多媒体二、视频标签1、视频文件的格式2、视频标签的用法（1)video标签三、音频标签1、音频文件的格式2、音频标签的用法（1)audio标签四、滚动标签(1)、文字的滚动(2)、图片的滚动(3)、示例​一、什么是多媒体多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。 在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。 浏览器支持...

原创 CSS中的长度单位

目录 一、长度单位 CSS 单位二、绝对长度 三、相对长度 1、单位描述 2、vw、vh和%的区别 3、vmin、vmax的用处一、长度单位CSS 单位CSS 有几种表示长度的不同单位。许多 CSS 属性接受“长度”值，诸如width、margin、padding、font-size等。长度是一个后面跟着长度单位的数字，诸如10px、2em...

原创 CSS弹性盒子

目录前言一、弹性盒子的三大核心元素二、flex容器的属性1、flex-direction：布局方向​2、flex-wrap：环绕效果3、flex-flow 属性​4、justify-content：用于水平对齐flex 项目​5、align-items：用于垂直对齐 flex 项目6、align-content ：用于对齐弹性线7、完美居中三、flex的项目属性1、order2、flex-grow3、flex-shrink...

原创 CSS三大模块（二&三）：浮动和定位

前言：CSS页面布局除了上次说到的盒子模型，浮动和定位也是重中之重。我们首先了解一下网站页面最常见的布局，并且认识块级元素和行内元素，再了解浮动和定位在页面布局中如何使用。一、页面布局这是最常见的页面布局方式，通常分为页眉、菜单、内容和页脚。二、CSS中的块元素和行内元素因为在CSS中，我们把元素放在盒子中，让它成为一块一块的，方便我们布局，并且在此基础上实现盒子的定位和浮动，所以我们非常有必要认识块元素和行内元素。1、块元素（block）容器类标签div , h系列 , .

原创 CSS三大模块(一)：盒子模型

前言：CSS作为网页布局的好帮手，最基本也是最重要的一个模块就是盒子模型。也就是说我们可以通过把HTML元素视为一个一个的方框，然后通过改变这些方框的位置来布局网页，这样方便又高效。一、盒子模型1、盒子模型的内容下图就展示了一个盒子，它具有以下内容：(1)外边距(margin)：盒子与其他元素之间的额距离 (2)内边距(padding)：也称为填充距离,内容和边框之间的距离 (3)边框(border)：围绕内边距和内容的边框(4)内容(c...

原创 CSS选择器（二）

目录前言：一、div标签二、CSS的属性选择器1、标签名[属性名]：选择含有给定属性的标签2、标签名[属性名=值]：选择含有给定属性值的标签3、标签名[属性名^=值]：选择给定属性值是以某个字符开头的4、标签名[属性名|=值]：选择给定属性值是以某个字符开头的5、标签名[属性名$=值]：选择给定属性值是以某个字符结尾的6、标签名[属性名*=值]：选取属性值包含指定词的元素7、应用三、CSS的关系选择器（CSS组合器）1、后代选择器:匹配属于指定...

原创 CSS中颜色、样式规则（字体样式、列表样式、表格样式）

吗

原创 CSS(层叠样式表cascading style sheet）

一、CSS简介1、CSS(1)CSS 是一种描述 HTML 文档样式的语言。(2)什么是 CSS？CSS指的是层叠样式表*(CascadingStyleSheets) CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 CSS节省了大量工作，它可以同时控制多张网页的布局 外部样式表存储在CSS 文件中*：也称级联样式表。2、CSS主要作用 (1)对页面的外观进行美化 (2)统一网站页面的风格 ...

原创 HTML超链接、音频标签、视频标签

一、什么是超链接1、超链接就是通过点击文字、图像、视频等页面元素完成页面的跳转，其中被点击的文字、图像、视频等页面元素就是超链接。2、我们用<a></a>标签作为html的链接语法。二、超链接标签及其属性1、超链接标签：<a herf="url地址“ target="页面的打开方式"> 页面元素（文字/图像/音频/视频）</a>...

原创 html中的列表、表格、表单

目录一、列表（有序列表和无序列表）1、无序列表2、有序列表3、列表的嵌套二、表格1、表格所需的主要标签2、详细介绍表格的制作3、单元格的合并（跨行和跨列） ​三、表单1、表单标签2、表单控件A、input控件B、select控件：下拉列表控件C、textarea控件：文本区,可以输入多行、多列数据D、button控件：按钮控件 E、label控件：用于显示文本 3、...

原创 HTML的初识

一.HTML是什么HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。是网页制作所必备的。二.网页的基本结构 1、网页的基本结构： <html> <head></head> <body>...