涛痕-CSDN博客

原创线性表的链式存储结构

前言顺序存储结构的缺点：插入和删除时需要移动大量元素链式存储结构的特点：用一组任意的存储单元存储线性表的数据元素思路1、定义接口package com.stucture.list; /** * 线性表顺序存储结构的接口 * 指的是用一段地址连续的存储单元一次存储线性表的数据元素 * @ClassName: ISqList */ public interface IList

2017-11-24 16:49:30 414

原创线性表的顺序存储结构

定义线性表：零个或多个数据元素的有限序列线性表的顺序存储结构：用一段地址连续的存储单元依次存储线性表的数据元素优缺点优点：（1）无须为表明表中元素的逻辑关系而增加额外的存储空间（2）可以快速地存取表中任一位置的元素缺点：（1）插入和删除需要移动大量元素（2）当线性表长度变化大时，难以确定存储空间的容量（3）造成存储空间的“碎片”代码实现1、定义接口package com.s

2017-11-24 11:30:19 335

原创引用类型总结——ECMAScript

简介对象在 JavaScript 中被称为引用类型的值，而且有一些内置的引用类型可以用来创建特定的对象，引用类型与传统面向对象程序设计中的类相似，但实现不同原生引用类型1、Object 是一个基础类型，其他所有类型都从 Object 继承了基本的行为； 2、 Array 类型是一组值的有序列表，同时还提供了操作和转换这些值的功能； 3、Date 类型提供了有关日期和时间的信息，

2017-09-12 23:07:02 397

简介内置对象：“由 ECMAScript 实现提供的、不依赖于宿主环境的对象，这些对象在 ECMAScript 程序执行之前就已经存在了，例如Object、Array 和 StringGlobal对象属性1、不属于任何其他对象的属性和方法，最终都是它的属性和方法2、所有在全局作用域中定义的属性和函数，都是 Global 对象的属性3、Global 对象还包含一些属性，例如特殊的值 undefined

2017-09-12 22:50:44 641

原创 Function类型——ECMAScript

简介1、每个函数都是 Function 类型的实例，而且都与其他引用类型一样具有属性和方法2、由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定3、函数是对象，函数名是指针例如：//1function sum (num1, num2) { return num1 + num2; } //这与下面使用函数表达式定义函数的方式几乎相差无几。 var sum

2017-09-08 00:16:44 533

原创 RegExp类型——ECMAScript

简介ECMAScript 通过 RegExp 类型来支持正则表达式。语法使用下面类似 Perl 的语法，就可以创建一个正则表达式var expression = / pattern / flags ; 模式（pattern）：可以是任何简单或复杂的正则表达式，可以包含字符类、限定符、分组、向前查找以及反向引用标志（flags）：用以标明正则表达式的行为，每个正则表达式都可带有一或多个正则表达式的匹

2017-09-07 18:29:16 539

原创如何改善网站品质

web标准严格根据web标准编写页面有助于改善网站品质例如：（1）根据HTML 编写页面可使站点尽可能地接近 XHTML 标准（2）使用层叠样式表（CSS）将内容与样式分离，可提高可读性，同时极大地减少网站开发成本（3）发布页面前使用web 验证工具根据 web 标准对网站进行检查（4）根据 WAI （无障碍网页倡议）的指导方针编写页面，可以改善网站品质，并使得站点可服务于更多人群HTML1、<

2017-09-06 10:03:24 964

原创 HTTP详解

简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）工作原理HTTP协议工作于客户端-服务端架构为上，浏览器作为HTTP客户端通过URL向HTTP服务端发送所有请求，W

2017-09-06 09:22:56 526

原创 SQL语句基础

简介SQL 是用于访问和处理数据库的标准的计算机语言SQL 指结构化查询语言，全称是 Structured Query LanguageSQL 可以访问和处理数据库SQL 是一种 ANSI（American National Standards Institute 美国国家标准化组织）标准的计算机语言作用（1）面向数据库执行查询（2）可从数据库取回数据（3）可在数据库中插入新的记录（4）

2017-09-06 00:02:34 667

原创 Navicat for MySQL的使用

简介Navicat for MySQL是一套管理和开发MySQL或MariaDB的理想解决方案，支持单一程序，可同时连接到MySQL和MariaDB。这个功能齐备的前端软件为数据库管理、开发和维护提供了直观而强大的图形界面，给MySQL或MariaDB新手以及专业人士提供了一组全面的工具。步骤1、打开连接，输入root用户名的密码 2、与本地MySQL连接成功 3、新建了数据库people，此时

2017-08-27 00:24:13 4498 1

原创 MySQL数据库安装、配置和运行

概述MySQL版本：5.7.17下载地址：https://dev.mysql.com/downloads/mysql/MySQL安装1、安装开始界面，勾选 I accept the license terms 2、选择next，弹出如下窗口，选择第二项：Server only，如图 3、接着下一步 4、再下一步 5、继续 6、选择第一个选项 7、配置服务器类型及端口号，默认即可 8、填

2017-08-26 23:28:11 486

原创 java配置环境变量

前言由于最近重装系统，导致很多东西需要重新配置，也算是温习了一遍各个开发工具的环境配置。其中，就有必不可少的java区别首先要分清楚什么是jdk和jre？jdk(java development kit)java的开发工具集，顾名思义就是你做开发用的，其中包括javac，也就是java compiler等jre(java runtime environment)java程序的运行环境。你所写的jav

2017-08-23 10:49:10 483

原创前端之路的自我修养

已经半个月没有写博客了，突然敲起字来竟感到有些兴奋，在这夜深人静的时候，不妨与自己的内心对对话。这段时间我在忙什么呢？忙着准备省赛的文档资料，忙着到处投简历求职，然后乘着这一个月的时间，学学车，健健身，看看书，敲敲代码。作为应届毕业生，对求职的艰辛早已有了心理准备。目前也处于求职的高峰期，接下来的几个月注定是要各地奔波。我相信这一切都是我必将走过的路，因此积极乐观的面对这一切倒也不坏。前端之路，

2017-07-15 22:58:02 274

原创基本包装类型——ECMAScript

简介（1）为了便于操作基本类型值，ECMAScript 还提供了 3 个特殊的引用类型：Boolean、Number 和 String（2）这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为（3）每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据原理实例一var s1 = "some text"; var s2 =

2017-06-26 11:55:25 915 1

原创 Date类型——ECMAScript

简介（1）ECMAScript 中的 Date 类型是在早期 Java 中的 java.util.Date 类基础上构建的（2）Date 类型使用自 UTC（Coordinated Universal Time，国际协调时间）1970 年 1 月 1 日午夜（零时）开始经过的毫秒数来保存日期（3）Date 类型保存的日期能够精确到 1970 年 1 月 1 日之前或之后的 285616 年创建对象自

2017-06-26 11:22:43 1269

原创 Array类型——ECMAScript

特点（1）ECMAScript 数组的每一项可以保存任何类型的数据。（2）ECMAScript 数组的大小是可以动态调整的，即可以随着数据的添加自动增长以容纳新增数据创建方式（1）使用 Array 构造函数//基本方式var colors = new Array(); //传递数量，而该数量会自动变成 length 属性的值var colors = new Array(20); //传递数组中应

2017-06-14 18:35:29 575

原创在云服务器用Node.js搭建个人网站

心得忙了一上午，总算搭建成功我的第一个个人网站。因为之前做移动开发的时候用Tomcat实现过登录注册和一些基本功能，由于目前将学习重心放在了前端，主要使用的是JavaScript，刚好Node.js（对Chrome V8引擎进行了封装，V8引擎执行Javascript的速度非常快，性能非常好）是一个Javascript运行环境，所以用Node.js成为了顺藤摸瓜的事思路云服务器1、首先肯定要先注册个

2017-06-13 12:01:08 6593

原创本地电脑关联云服务器

简介由于腾讯云对学生有优惠，因此我用的是腾讯云服务器云+校园腾讯云 https://www.qcloud.com/act/campus思路1、进入腾讯云官网 https://www.qcloud.com/?fromSource=gwzcw.5677.5677.56772、登录账户后，进入管理中心3、点击云服务器4、找到要连接的云服务器的公网ip地址5、运行cmd6、输入刚刚找到的

2017-06-11 17:47:38 2329

原创 less语法详解

心得在没接触less之前，CSS可能是我最头疼的部分了，因为它往往需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于重用。而且我还要思考怎样写出组织良好且易于维护的CSS代码。与JavaScript，java等语言不同的是，CSS是一门非程序设计语言，没有变量、函数、作用域等概念。所以这对习惯了OOP思想的我来说，看似没有逻辑的代码意味着繁重的体力劳动。直到我遇到了less，它在CSS的语法

2017-06-11 15:06:06 11586 1

原创 Object类型——ECMAScript

简介（1）在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法（2）大多数引用类型值都是Object类型的实例（3）Object对于在应用程序中存储和传输数据而言，是非常理想的选择创建方法使用new操作符后跟Object构造函数例如：var person = new Object(); person

2017-06-11 11:51:31 376

原创垃圾收集机制——JavaScript

简介（1）JavaScript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存（2）编写JavaScript程序时，所需内存的分配以及无用内存的回收完全实现了自动管理（3）垃圾回收器会按照固定的时间间隔，周期性地执行这一操作原理找出那些不再继续使用的变量，然后释放其占有的内存垃圾收集策略标记清除JavaScript最常用的垃圾收集方式就是标记清除原理（1）当变量进入环境时，就将这个变

2017-06-10 20:46:54 672

原创 less简单应用

简介（1）less是一种动态样式语言（2）less将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数.（3）less既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行（4）less是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作

2017-06-10 20:24:09 1807

原创黑客帝国 demo

效果思路<html lang="en"><head> <meta charset="UTF-8"> <title>黑客帝国</title> <style type="text/css"> * { margin: 0 auto; padding: 0 auto; } body {

2017-06-10 13:47:24 867

原创关于JavaScript没有块级作用域的分析

问题在其他类C语言中，由花括号封闭的代码块都有自己的作用域（ECMAScript叫做自己的执行环境），但是JavaScript没有块级作用域例如： if(true){ var color = "blue"; } alert(color);结果分析1、JavaScript执行环境的类型只有两种——全局和局部在Web浏览器中，全局执行环境被认为是window对象，因此所

2017-06-10 12:49:15 1170

原创执行环境及作用域——JavaScript

执行环境定义定义变量或函数有权访问的其他数据，决定了它们各自的行为变量对象每个执行环境都有一个与之相关的变量对象，环境中定义的所有变量和函数都保存在这个对象中。作用每个函数都有自己的执行环境。当执行流进入一个函数时，函数的环境会被推入一个环境栈中。而在函数执行之后，栈会将其环境弹出，把控制权返回给之前的执行环境作用域链定义当代码在一个环境中执行时，会创建变量对象的一个作用域链，保证对执行环境有权访问

2017-06-10 10:34:38 469

原创变量——JavaScript

简介（1）JavaScript变量松散，只是在特定时间用于保存特定值的一个名字（2）JavaScript变量的数据类型由定义时的数据类型值决定（3）JavaScript变量的值和数据类型可以在脚本的生命周期内改变ECMAScript变量数据类型的值定义数据类型访问方式基本类型值简单的数据段Undefined、Null、Boolean、Number和String按值访问，因为可以操作在变量中实际的

2017-06-06 21:15:22 346

原创 jQuery AJAX简单应用

简介通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。发送数据到服务器默认情况下，Ajax请求使用GET方法。如果要使用POST方法，可以设定type参数值。这个选项也会影响da

2017-06-06 19:15:06 389

原创简单放大镜 demo

效果思路有两张图片，小图片用于预览，大图片在鼠标进入小图片时候出现源码html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <script src="js/index.js"></script> <link href="css/index.css" t

2017-06-06 12:53:14 363

原创简单幻灯片 demo

效果思路通过小图片决定显示的大图片，通过改变display属性实现大图片的变化源码html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>幻灯片</title> <link type="text/css" href="css/index.css" rel="stylesheet">

2017-06-06 12:43:43 584

原创简单导航栏 demo

效果思路红条是绝对定位，根据鼠标移动改变自己的位置源码html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航栏</title> <link href="css/index.css" type="text/css" rel="stylesheet"> <script src

2017-06-06 12:39:30 1037

原创 directors——toolofna

效果分析这是toolofna中我最喜欢的页面，简单却又不失酷感。同时我也觉得越简洁精致的东西其实越不好想，越不好做。我试着摸索了一下大神的思路，然后通过自己的思考完成了这个页面思路1、页面应该有5个div模块，左一个，中间的线是一个，右一个，然后左右的内容模块各一个 2、一开始的闪电应该是有两个div，一个固定了高度，另一个高度是变化的3、背景色为黑色，左右两个div一开始宽度为0，然后闪电结束后

2017-06-05 21:09:56 715

原创 contact——toolofna

效果

2017-06-05 20:31:44 1096

原创 awards——toolofna

效果思路只要计算好transition的动画延迟时间，就能达到多个元素过渡动画的自然顺滑。本页面主要是数字滚轮比较有特色可以参考我的另一篇博客——数字滚轮 demo http://blog.csdn.net/iamcgt/article/details/72831874源码html <div class="frame"> <div class="box1 box">

2017-06-05 20:18:37 460

原创 vr/360——toolofna

效果文字排版按钮特效图片排版图片标亮文字排版思路1、主要是header，h1，h2和p <section class="about"> <div class="content"> <header> <h1>virtual reality / 360</h1> <h2>HUMAN-CENTER

2017-06-05 19:59:55 600

原创 work——toolofna

效果图片翻转图片标亮滚动面板图片翻转分析将图片先沿着Y轴旋转60度，然后加载页面后用JavaScript改变角度，实现翻转效果思路1、图片作为div的背景图片即可<div id="work"> <div class="thumb mouse"></div> <div class="thumb mouse"></div> <div class="thumb mouse"></d

2017-06-05 11:44:03 1349

原创 tool——toolofna

效果全页视频按钮特效全页视频分析找到原网站的视频源，然后放一个与页面一样大的video即可思路1、video<div class="media"> <video autoplay src="http://s3-us-west-2.amazonaws.com/tool.home/2016trim.webm"></video></div>2、video样式.media{ ove

2017-06-05 10:44:48 513

原创导航栏——toolofna

效果分析要实现这种方块翻转效果，需要一个父元素里有两个平面（div），将其中一个沿着X轴旋转90度后隐藏，当鼠标移到父元素上时，将父元素旋转90度，即可显示出隐藏的那一面思路1、a中有两个div，分别代表方块的两面nav> div> a href="tool.html"> div> h1>TOOLh1>

2017-06-05 00:44:17 1410

原创如何借鉴一个优秀的网站

心得如果想成为一个好的前端开发者，我觉得浏览大量优秀的网站是必不可少的。除了提高自己的审美以外，还可以欣赏到许多特别优秀的交互效果，这样不仅可以迅速提高自己的技能，还可以丰富自己的想象力。当然这一切都需要具有一定的基础才行。我觉得借鉴相比于模仿，最大的区别是可以融入自己的思考，学习前端大神们构建网站的思路，分析他们如何实现优秀的交互效果，揣摩他们如何思考用户体验等等。什么是优秀的网站我个人觉得一个优

2017-06-05 00:11:55 2807

原创 AJAX

简介（1）AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。（2）AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。（3）AJAX 是一种用于创建快速动态网页的技术。原理动态页面&静态页面静态页面：页面固定，页面内数据内容固定写入，每一个具体功能需要一个独立的page来

2017-06-04 12:11:59 432

原创 IntelliJ IDEA部署Servlet

简介Servlet（Server Applet），全称Java Servlet。是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。Servlet运行于支持Java的应用服务器中。从实现上讲，Servlet可以响应任何类型的请求，但绝大多数情况下Servlet只用来扩展基于HTTP协议的Web服务器。思路1、WEB-INF中创建lib文件夹，并将servlet

2017-06-03 14:07:37 9506 3

空空如也

空空如也