- 博客(38)
- 收藏
- 关注
RSS订阅原创 Vue.js案例（一）
跑马灯<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跑马灯</title> <script src="vue-2.4.0.js"></script></head><body>...
2019-11-14 15:49:24
211
原创 Vue.js(二)
解构赋值 var a=1; var b=2; var c=3; var a=1,b=2,c=3; //数组的解构赋值 //基础语法 let[a,b,c]=[1,2,3]; //当一个值没有初始化时 let[a,b,c]=[,2,3]; //重新赋值的情况 let[a=1,b,c]=[22,2,3]; console.lo...
2019-11-14 15:44:44
133
原创 Vue.js(一)
VUE到底是什么 viewVue最火的前端框架 React最流行的前端框架(React 除了开发网站之外 还可以开发app Vue也可以进行app 借助其他工具)Vue.js React.js Angular.js 作为前端的三大主流框架Vue就是构建用户界面(UI)的框架 ，只关注视图层(MVC),容易上手， 便于整合前端主要工作 ...
2019-11-14 15:35:03
139
原创 ajax封装
概念AJAX（Asynchronous JavaScript and XML,即异步JavaScript和XML）是一种运用JavaScript和可扩展标记语言（XML）在浏览器和服务器之间进行异步传输数据的技术。使用Ajax不会重新加载网页，就可以与服务器交换数据。步骤1.创建一个异步对象2.设置请求方式和请求地址3.发送请求4.监听状态的变化5.处理返回的结果案例<!D...
2019-11-06 14:24:10
101
原创 核心对象
概念核心对象是XMLHttpRequest，它可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端接受数据，在后台向客户端发送数据。XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应，并...
2019-11-06 14:19:28
255
原创 隐藏帧实现局部刷新
概念iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。优点缺点优点：1、支持任何浏览器2、原封不动的把嵌入的网页展现出来3、重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度缺点：1、页面复杂度高，不容易管理2、页面加载速度相对frame较慢3、代码复杂，无法被一些搜索引擎索引到例题<iframe src=...
2019-11-06 14:06:36
188
原创 PHP
php 是一种后台编程语言 使用php可以开发动态网站和后台接口 (所谓接口就是url地址，用于给前端提供数据) 前后端分离 全栈php基本语法变量字符串拼接单引号双引号内容输出数据类型运算符循环语句函数变量在php 中 变量必须以$开头 字母/数字/下划线 不能以数字开头 区分大小写内容输出echo 输出简单数据类型 ...
2019-10-30 16:45:45
93
原创 apache安装配置
配置根路径1.找到配置文件 wamp\bin\apache\Apache 2.4.4 \conh\httd.conf2.在文件中搜索(ctrl + F)documentroot3.修改根路径 两个DocumentRoot 都要进行修改配置虚拟主机配置虚拟主机可以配置多个网站 步骤如下1.开启虚拟主机辅配置 在httpd.conf 中找到 Virt...
2019-10-30 16:36:29
136
原创 AJax(一)
初始ajaxAjax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。局部刷新通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。...
2019-10-28 16:43:21
118
原创 数据库 练习（五）
创建student表CREATE TABLE Student(S VARCHAR(10),Sname VARCHAR(10),Sage DATETIME,Ssex NVARCHAR(10)) ;创建数据INSERT INTO Student VALUES(‘01’ , ‘赵雷’ , ‘1990-01-01’ , ‘男’);INSERT INTO Student VALUES(‘0...
2019-10-27 15:23:09
715
原创 数据库 练习（四）
如果有test1就删除DROP DATABASE IF EXISTS test1;创建test1CREATE DATABASE test1;调用test1USE test1;创建部门表DROP IF EXISTS TABLE DEPT;CREATE TABLE DEPT(DEPTNO INT PRIMARY KEY,##部门编号DNAME VARCHAR(14) , ##部门名...
2019-10-27 15:20:10
3078
原创 数据库 练习（三）
一、数据库的创建：– 1、创建一个名称为mydb1的数据库CREATE DATABASE mydb1– 2、创建一个使用utf8字符集的mydb2数据库。CREATE DATABASE mydb2 CHARACTER SET utf8– 3、创建一个使用utf8字符集，并带比较规则的mydb3数据库。CREATE DATABASE mydb3 CHARACTER SET utf8 CO...
2019-10-27 15:13:55
708
原创 数据库 练习（二）
创建员工表CREATE TABLE emp(empno INT,ename VARCHAR(50),job VARCHAR(50),mgr INT,hiredate DATE,sal DECIMAL(7,2),comm DECIMAL(7,2),deptno INT) ;插入数据INSERT INTO emp VALUES(7369,'SMITH','CLERK',7902...
2019-10-27 15:11:39
272
1
原创 数据库 练习（一）
创建表create table exam(id int primary key auto_increment,name varchar(20) not null,chinese double,math double,english double);插入数据insert into exam values(null,‘关羽’,85,76,70);insert into exam v...
2019-10-27 15:08:20
840
原创 数据库（二）
多表查询* 查询语法： select 列名列表 from 表名列表 where.... where 和 having 的区别 1. where 是分组之前，不满足不参与分组 having 是分组之后，不满足没有结果 2. having 聚合函数 where 不跟聚合函数 聚合函数 sum() count() avg() ...
2019-10-23 14:41:05
112
原创 数据库
数据库的基本概念1. 数据库的英文单词： DataBase 简称 ： DB DBA --> 数据库管理员 2. 什么数据库？ * 用于存储和管理数据的仓库。3. 数据库的特点： 1. 持久化存储数据的。其实数据库就是一个文件系统 2. 方便存储和管理数据 3. 使用了统一的方式操作数据库 -- SQL 常见的数据库 Oracle sqlserver mys...
2019-10-21 16:47:13
129
原创 飞机大战的实现
飞机大战相信很多人之前都玩过吧，所以到底是怎么实现的呢？下面我们一起来看看吧定义块<div id="view"> </div>添加样式 *{ margin: 0; padding: 0; } #view{ width: 320px; height: 528px; background: url(img/bg.p...
2019-10-21 16:35:51
255
原创 jQuery正则
基础正则正则表达式的创建var checkNum = /^[A-Za-z0-9]+$/;var re=new RegExp(“["+s1+"]“,”g”);常用规则 用户密码：/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/ 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/ 手机:/^[\d]{5,20}$/方式：test...
2019-10-17 14:42:02
132
原创 Flappy Bird的实现
Flappy Bird之前一直在玩的小游戏，到底是怎么实现的呢？下面我们一起来看看吧添加样式*{ margin: 0; padding: 0; } #game{ width: 800px; height: 600px; background: url(images/sky.png); -ms-background-position-x: -50p...
2019-10-17 14:27:08
579
原创 瀑布流布局
瀑布流布局优势首先，是图片的宽度固定，图片的长度不一样。其次，是当页面滚动时 ，会再次加载数据，动态的渲染在页面上。<div id="itembox"> <div class="item"> <img src="images/P_000.jpg"> </div> <div class="item"> <...
2019-10-17 14:21:22
198
原创 全屏滚动效果Fullpage（案例）
步骤 1.引入相关文件 <!-- css --> <!-- 1.1 fullpage 相关css文件 --> <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"> <!-- 1.1 自定义相关css文件 --> <!-- js -->...
2019-10-11 15:03:57
638
原创 jQuery插件
fullpage插件基本使用1.引入相关文件2.写html骨架3.写自定义js内容，调用fullpage方法fullpage 详细参数选项类型默认值说明verticalCentered字符串true内容是否垂直居中resize布尔值false字体是否随着窗口缩放而缩放sectionColor函数无设置背景颜色anc...
2019-10-11 14:36:48
109
原创 JQuery入门基础（二）
入门动画三种方式显示和隐藏元素默认显示和隐藏方式show([speed,[easing],[fn]])speed:动画的速度，三个预定义(‘slow’,‘normal’,‘fast’),或表示动画时长毫秒值easing:切换效果，默认值’swing’,可选参数’linear’*swing 先慢，再快，最后慢fn,function，回调函数，在动画执行完之后调用一次hide...
2019-10-09 13:57:24
65
原创 JQuery入门基础（一）
入门JQ中根据ID查找元素全都是根据选择器去找的#ID{}.类名{}$("#ID的名称")JQuery中的选择器基本选择器ID选择器 : #ID的名称类选择器: 以 . 开头 .类名元素选择器: 标签的名称通配符选择器: *选择器,选择器: 选择器1,选择器2JQ中的层级选择器子元素选择器: 选择器1 > 选择器2后...
2019-09-30 14:27:40
132
原创 JS入门基础（五）
JavaScript基础常用的鼠标和键盘事件onmouseup 鼠标按键放开时触发onmousedown 鼠标按键按下触发onmousemove 鼠标移动触发onkeyup 键盘按键按下触发onkeydown 键盘按键抬起触发BOM的顶级对象windowwindow是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window注意：window下一个特殊的属性 ...
2019-09-30 14:23:24
160
原创 JS入门基础（四）
2019.09.25JavaScript基础自定义属性操作getAttribute() 获取标签行内属性setAttribute() 设置标签行内属性removeAttribute() 移除标签行内属性与element.属性的区别: 上述三个方法用于获取任意的行内（自定义）属性。样式(css)操作样式显示在标签行内var div1 = document.get...
2019-09-25 14:18:12
110
原创 JS入门基础（三）
2019.09.24JavaScript的组成ECMAScript - JavaScript的核心 es5 es6定义了JavaScript 的语法规范JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关BOM - 浏览器对象模型 brower Object Model一套操作浏览器功能的API通...
2019-09-24 15:53:05
82
原创 JS入门基础（二）
2019.9.23JavaScript基础数组获取数组元素var arr = ['red', 'blue', 'yellow'];arr[0];arr[3]; undefined格式 数组名[下标(索引)] 遍历数组数组遍历的基本语法：for(var i = 0; i < arr.length; i++) { // 数组遍历的固定结构}for (var i ...
2019-09-23 15:40:56
106
原创 JS入门基础（一）
2019.09.20JavaScript基础JavaScript的组成1.ECMAscript2.DOM3.BOMJavaScript初步学习CSS：行内样式、嵌入样式、外部样式JavaScript的书写位置写在行内<input type="button" value="按钮" onclick="alert('Hello World')" />写在scri...
2019-09-21 21:32:35
76
原创 html入门基础（八）
2019.09.19入门基础before和after伪元素之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式，表面上看上去貌似是页面的某些元素来展现，实际上是css样式展现的行为，因此被称为伪元素。注意： 一定要有content，否则伪元素不起作用过渡语法格式:tra...
2019-09-19 14:06:57
557
原创 html入门基础（七）
2019.09.18入门基础定位元素的定位属性边偏移定位要和这边偏移搭配使用了， 比如 top: 100px; left: 30px; 等等边偏移属性描述top顶端偏移量，定义元素相对于其父元素上边线的距离bottom底部偏移量，定义元素相对于其父元素下边线的距离left左侧偏移量，定义元素相对于其父元素左边线的距离right右侧偏移...
2019-09-19 13:53:49
231
原创 html入门基础（六）
2019.09.17入门基础content宽度和高度使用宽度属性width和高度属性height可以对盒子的大小进行控制，符合CSS规范的盒子模型的总宽度和总高度的计算原则是： /*外盒尺寸计算（元素空间尺寸）*/ Element空间高度 = content height + padding + border + margin Element 空间宽度 = content wi...
2019-09-17 14:01:23
129
原创 html入门基础（五）
2019.09.16CSS三大特性层叠性是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠<!DOCTYPE html><h...
2019-09-16 15:48:24
286
原创 html入门基础（四）
2019.09.12入门基础引入css样式表内部样式表<head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style></head>外部样式表<head> <link href="CSS文件的路径" type="text...
2019-09-12 16:56:46
185
原创 html基础入门（三）
2019.09.11入门基础CSS样式CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。selector {declaration1; declaration2; ... declar...
2019-09-11 14:40:23
253
原创 html基础入门（二）
2019.09.10入门基础表格<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>表格由table标签来定义。tr标签为行，td标签为单元格th标签为一般位于表格的第一行或第一列，其文本加粗居中，即为设置了表头的表格<ta...
2019-09-10 16:04:45
270
原创 html基础入门（一）
2019.09.09入门基础把前面安装完环境以后，我们就正式开始上手啦！！！打开sublime新建一个html文件，按住ctrl+！ tab一下，我们首先看到的是下面这样一串代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docum...
2019-09-10 15:16:50
1540
原创 安装环境
Day 1 (2019.09.06)开课新学期新气象，已经大三的我们要开始步入社会，在学校里所学到的知识远比不上以后在工作中会遇到的各种问题以及刁钻的甲方爸爸们，所以需要在接下来的四个月的日子里学习新的知识的同时也要巩固基础。在这四个月里会在多个项目中提升自己，希望四个月以后的自己再回过头来看这篇博客的时候会觉得当初选择这个专业并且一步一步走来是值得的。在大一大二期间所学了C语言、MySq...
2019-09-10 11:15:10
574
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人