07 2018 档案
摘要：语法： 创建公司员工表，表的字段和数据类型 #创建表,设置字段的约束条件 create table employee( id int primary key auto_increment, name varchar(20) not null, sex enum('male','female') no
阅读全文
摘要：重点： 插入数据 INSERT 更新数据 UPDATE 删除数据 DELETE 再来回顾一下之前我们练过的一些操作，相信大家都对插入数据、更新数据、删除数据有了全面的认识。那么在mysql中其实最重要的不是这三大操作，而是 查数据最重要，下节课知晓
阅读全文
摘要：重点： 如何找出两张表之间的关系 表的三种关系 一、介绍 因为有foreign key的约束，使得两张表形成了三种了关系： 多对一 多对多 一对一 二、重点理解如果找出两张表之间的关系 分析步骤： 三、标的三种关系 （1）书和出版社 一对多（或多对一）：一个出版社可以出版多本书。看图说话。 关联方式
阅读全文
摘要：重点：not null 与 default unique primary auto_increment foreign key 一、介绍 约束条件与数据类型的宽度一样，都是可选参数 作用：用于保证数据的完整性和一致性 主要分为： 说明： 二、not null 与 default 是否可空，null表
阅读全文
摘要：本节重点 掌握 char 类型和 varchar 类型 掌握枚举类型 和 集合类型 字符类型 官网：https://dev.mysql.com/doc/refman/5.7/en/char.html 注意：char和varchar括号内的参数指的都是字符的长度 char 类型：定长，简单粗暴，浪费空
阅读全文
摘要：注意：--install前，必须用mysql启动命令的绝对路径 # 制作MySQL的Windows服务，在终端执行此命令： mysqld --install # 移除MySQL的Windows服务，在终端执行此命令： "c:\mysql-5.7.16-winx64\bin\mysqld" --remove 注册成服务之后，以后再启动和关闭MySQL服务时，仅需执行如下命令： # 启动MyS...
阅读全文
摘要：介绍 存储引擎决定了表的类型，而表内存放的数据也要有不同的类型，每种数据类型都有自己的宽度，但宽度是可选的 详细参考链接：http://www.runoob.com/mysql/mysql-data-types.html mysql常用数据类型概括： 1、数字 整型：tinyinit int big
阅读全文
摘要：在webpack-simple模板中，包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vu
阅读全文
摘要：vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和np
阅读全文
摘要：vue的核心基础就是组件的使用，玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧！ 这里有一个Vue组件的示例： 组件是可复用的Vue实例，并且带有一个名字：在这个例子中是 <Vhea
阅读全文
摘要：修饰符 .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： .number 如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符 效果：
阅读全文
摘要：vue的核心：声明式的指令和数据的双向绑定。 那么声明式的指令，已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外，大家一定要知道vue的设计模式：MVVM M是Model的简写，V是View的简写，VM就是ViewModel。 单向绑定和双向绑定的区别？ 单向绑定非常简单，就是把
阅读全文
摘要：所谓指令系统，大家可以联想咱们的cmd命令行工具，只要我输入一条正确的指令，系统就开始干活了。 在vue中，指令系统，设置一些命令之后，来操作我们的数据属性，并展示到我们的DOM上。 OK，接下来我们一一介绍我们的指令系统的用法。 一、条件渲染 1、v-if 表示条件渲染 在vue中，我们使用v-i
阅读全文
摘要：一、安装 对于新手来说，强烈建议大家使用<script>引入 二、引入vue.js文件 我们能发现，引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。 三、使用vue实例化对象 1.创建vue实例对象 <div id="app"> {{ msg }} </div> var a
阅读全文
摘要：vue的作者叫尤雨溪，中国人。自认为很牛逼的人物，也是我的崇拜之神。 关于他本人的认知，希望大家读一下这篇关于他的文章，或许你会对语言，技术，产生浓厚的兴趣。https://mp.weixin.qq.com/s__biz=MzA5NzkwNDk3MQ==&mid=2650585523&idx
阅读全文
摘要：这个是解析我们es6的代码的，为什么要用它呢，因为对于一些ie浏览器，甚至FF浏览器，低版本的还不能识别我们的es6代码，那么vue里面好多还让我们去写es6的代码，这个时候我们就可以用babel这个工具将我们的es6的代码转译成浏览器能识别的代码。 左边是我们写的es6代码，右边是通过babel这
阅读全文
摘要：在这里我仅仅的是对webpack做个讲解，webpack这个工具非常强大，解决了我们前端很繁琐的一些工具流程繁琐的事情。如果感兴趣的同学，简易还是看官网吧。 中文链接地址：https://www.webpackjs.com/ 为什么要使用webpack？ 现今的很多网页其实可以看做是功能丰富的应用，
阅读全文
摘要：npm是什么？ 简单的说，npm就是JavaScript的包管理工具。类似Java语法中的maven，gradle，python中的pip。 1. 安装配置 https://nodejs.org/en/ https://nodejs.org/dist/v17.9.1/ #下载具体地址 下载linux
阅读全文
摘要：打开Nodejs英文网：https://nodejs.org/en/ 中文网：http://nodejs.cn/ 我们会发现这样一句话： 翻译成中文如下： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O
阅读全文
摘要：JavaScript 语言中，生成实例对象的传统方法是通过构造函数。 上面这种写法跟传统的面向对象语言（比如 C++ 和 Java）差异很大，很容易让新学习这门语言的程序员感到困惑。 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义
阅读全文
摘要：为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式。
阅读全文
摘要：箭头函数 基本语法： ES6允许使用“箭头”（=>）定义函数 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 使用箭头函数注意点： 箭头函数有几个使用注意点。 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 我们发现，打印的结果为 此时this指向
阅读全文
摘要：模板字符串 传统的JavaScript语言，输出模板通常是这样的写的。 上面这种写法相当繁琐不方便，ES6 引入了模板字符串解决这个问题。 模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。
阅读全文
摘要：起步 1.扎实的HTML/CSS/Javascript基本功，这是前置条件。 2.不要用任何的构建项目工具，只用最简单的<script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 另外在这里大家补充点ES6的语法
阅读全文
摘要：1、下拉菜单 代码如下： aria-haspopup :true表示点击的时候会出现菜单或是浮动元素； false表示没有pop-up效果。 aria-expanded:表示展开状态。默认为undefined, 表示当前展开状态未知。其它可选值：true表示元素是展开的；false表示元素不是展开的
阅读全文
摘要：一、Bootstrap的介绍 凡是使用过Bootstrap的开发者，都不在乎做这么两件事情：复制and粘贴。哈哈~，是的使用Bootstrap非常简单，但是在复制粘贴之前，需要先对Bootstrap的用法一一熟悉之后我们才开始干活！ Bootstrap，来自 Twitter，是目前最受欢迎的前端框架
阅读全文
摘要：序言 在页面整体布局中，页面元素的尺寸大小（长度、宽度、内外边距等）和页面字体的大小也是重要的工作之一。一个合理设置，则会让页面看起来层次分明，重点鲜明，赏心悦目。反之，一个不友好的页面尺寸和字体大小设置，则会增加页面的复杂性，增加用户对页面理解的复杂性；甚至在当下访问终端（iPhone、iPad、
阅读全文
摘要：我们为什么要写自适应的页面（响应式页面） 众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设备是手机还是电脑，如果是手机就跳转到相
阅读全文
摘要：jquery除了咱们上面讲解的常用知识点之外，还有jquery 插件、jqueryUI知识点 jqueryUI 官网： https://jqueryui.com/ jqueryUI 中文网： http://www.jqueryui.org.cn/ jquery插件内容包含 官网demo： https
阅读全文
摘要：什么是ajax AJAX = 异步的javascript和XML（Asynchronous Javascript and XML） 简言之，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。 通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Pos
阅读全文
摘要：无缝轮播实现（比较考验逻辑思维） 模仿京东轮播图效果
阅读全文
摘要：1、绑定事件 语法： 描述：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 参数解释： type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( Function) : 绑定到每个匹配
阅读全文
摘要：上篇介绍完我们js的事件流的概念之后，相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前，我们先来看一下事件对象。 事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 1、什么时候会
阅读全文
摘要：在学习jQuery的事件之前，大家必须要对JS的事件有所了解。看下文 时间的概念 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一
阅读全文
摘要：jQuery的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便a odupi. 一、宽度和高度 1、宽度高度 获取宽度 描述：为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .width()之间的区别是后者返回
阅读全文
摘要：之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作。通过js的DOM的操作，大家也能发现，大量的繁琐代码实现我们想要的效果。那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档。 看一个之前我们js操作DOM的例子： 一、插入操作 知识点1： 语法： 解释：追加某
阅读全文
摘要：表单控件是我们的重中之重，因为一旦牵扯到数据交互，离不开form表单的使用，比如用户的注册登录功能等 那么通过上节知识点我们了解到，我们在使用jquery方法操作表单控件的方法： 看如下HTML结构： 页面展示效果： 操作表单控件代码如下：
阅读全文
摘要：jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removePr
阅读全文
摘要：jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 1、显示动画 方式一： 解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。 方式二： 解释：通过控制元素的宽高、透明度、disp
阅读全文
摘要：我们以前在CSS中学习的选择器有： 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。 1、jQuery的基本选择器 代码： 效果： 2、层级选择器 代码： 效果： 3、基本过滤选择器 解释： 代码： 效果： 4、
阅读全文
摘要：安装node.js cmd查看 node -v npm -v npm init --yes 初始化 npm install jquery --save 1、为什么要使用jQuery 在用js写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性
阅读全文
摘要：1、client 代码如下： 2、屏幕的可视区域 3.offset系列 代码如下，注释都挺清楚的 4.scroll系列
阅读全文
摘要：BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。
阅读全文
摘要：在js中的定时器分两种：1、setTimeout() 2、setInterval() 1、setTimeOut() 只在指定时间后执行一次 2、setInterval() 在指定时间为周期循环执行 刷盒子移动 清除定时器 两种方法根据不同的场景和业务需求择而取之， 对于这两个方法，需要注意的是如果要
阅读全文
摘要：创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.使用Object或对象字面量创建对象 JS中最基本创建对象的方式： 这样，一个student对象就创建完毕，拥有2个属性name以及age，分别赋值为"easy
阅读全文
摘要：1、模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： 2.简易留言板 需求： 当在textarea中输入内容，点击留言按钮，会添加到浏览器中 图如下： 代码如下： 3.使用js模拟选择器中hover 4.ta
阅读全文
摘要：什么是DOM DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是
阅读全文
摘要：一、JavaScript的组成 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器
阅读全文
摘要：arguments 代表的是实参。有个讲究的地方是：arguments 只在函数中使用。 （1）返回函数实参的个数：arguments.length 例子： 结果： （2）之所以说arguments是伪数组，是因为：arguments可以修改元素，但不能改变数组的长短。举例： 清空数组的几种方式：
阅读全文
摘要：函数：就是将一些语句进行封装，然后通过调用的形式，执行这些语句。 函数的作用： 将大量重复的语句写进函数里，以后需要这些语句的时候，可以直接调用，避免重复操作。 简化编程，让编程模块化。 第一步：函数的定义 函数定义的语法： 解释如下： function：是一个关键字。中文是“函数”、“功能”。 函
阅读全文
摘要：所谓内置对象就是ECMAScript提出来的一些对象，我们只到对象都是有相应的属性和方法 数组Array 1、数组的创建方式 字面量方式创建（推荐大家使用这种方式，简单粗暴） 使用构造函数（后面会讲）的方式创建new关键词对构造数进行创建对象 2、数组的赋值 3、数组的常用方法 3.1 数组的合并
阅读全文
摘要：1、if 、if-else、if-else if-else 注意：浏览器解析代码的顺序 是从上往下执行，从左往右 2、逻辑与&&、逻辑或|| 3、switch 4、while循环 循环三步走： 1.初始化循环变量 2.判断循环条件 3.更新循环变量 将1-100所有是2的倍数在控制台中打印。使用wh
阅读全文
摘要：语言中我们的数据类型有很多，在某个页面中展示的数据类型也不同，比如说电话号码我就要求number的类型，而输入姓名的时候就要求string类型的。那么在适当的情况下我们可以将数据类型进行转换。 1、将数值类型转换成字符串类型 隐式转换 强制类型转换 2、将字符串类型转换成数值类型 3、任何数据类型都
阅读全文
摘要：js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。 1、赋值运算 以var x=12，y=5 来演示例 2、算数运算符 var a = 5,b = 2 3、比较运算符 var x =5； 4、特殊情况 字符串拼接+字符串运
阅读全文
摘要：数据类型包括：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。 1、基本数据类型 number string boolean null undefined 2、
阅读全文
