zxz32384-CSDN博客

原创 Java 日期处理方法

import java.text.DateFormatSymbols;import java.text.ParseException;import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.Calendar;import java.util.GregorianCalendar;

2017-01-16 18:49:00 348

原创 js 实现自动更新倒计时效果

实现倒计时效果需要掌握js中的两个知识点： 1、setTimeout函数每隔1秒钟更新秒钟时间 2、Date对象计算时间差下面贴出元旦倒计时代码<!DOCTYPE html><html> <head> <title>example.html</title> <meta http-equiv="keywords" content="keyword1,keyword

2016-12-19 13:04:55 3100

原创圣杯布局

1、创建框架 <div id="header"></div> <div id="container"></div> <div id="footer"></div>给container设置padding-left和padding-right来放置左右两边侧边栏#container{padding-left:200px; //左侧宽度padding-right:150px

2016-11-21 02:03:25 508

原创两列布局方案

一、float+margin <div id="content"> <div id="aside">侧边栏固定宽度</div> <div id="main">主内容栏自适应宽度</div> </div>#content{width:100%;height:100%;overflow:hidden;}#main{width:100;float:left;

2016-11-20 17:00:26 342

原创三栏布局方案：左右宽度固定，自适应布局

一、absolute+margin<div id="content"> <div id="main">主内容栏自适应宽度</div><div id="left">左侧边栏固定宽度</div><div id="right">右侧边栏固定宽度</div></div>#main{height:100%; margin:0 210px;}#left,#right{width:

2016-11-20 16:50:03 1550

转载 Z-index问题探讨

z-index的重要性在我看来，z-index 给了我们日常工作中以极大的帮助，我们用它来定义元素的层叠级别（stack level）。受益于它，你能做Popup, DropDown, Tips, 图文替换等等。在开始本篇之前，或许我们要先了解一下关于z-index的基本信息。W3C这样描述每个元素都具有三维空间位置，除了水平和垂直位置外，还能在 "Z轴" 上层

2016-11-20 16:37:53 346

原创 cookie、sessionStorage、localStorage的区别

三者的共同点是：都是保存在浏览器端，且都是同源的。（同源：如果两个页面拥有相同的协议（protocol），端口（如果指定），和主机，那么这两个页面就属于同一个源（origin）。）区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发送个服务器，仅在本地保存，coo

2016-09-28 09:06:00 491

原创使用选择器在页面中插入内容

这里主要介绍利用before选择器和after选择器在页面中插入内容的方法。 1、插入文字<style>h2:before{content:"这里是文字";//可以在这里为加入的文字设置大小、颜色等属性}</style>如果要对页面中个别的h2 标签前面不添加内容，只需给不需要添加内容的标签设置样式，然后设置content:none; 代码如下：<style>h2.sample:befo

2016-09-24 12:29:36 335

原创 css3 实现网页的淡入效果

用css3的animation动画属性实现网页的淡入，主要点在于改变页面的opacity属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>@keyframes fadein{ 0%{opacity: 0;

2016-09-24 11:36:39 10697

原创 CSS3 实现动画功能

1、transition功能：通过将元素的某个属性在指定的时间内通过平滑过渡到另外属性值来实现动画功能。 transition：property duration timing-function 其中property表示对某个属性进行平滑移动，duration表示在多长时间内完成属性的平滑过渡，timing-function表示通过什么方法过渡。 2、animations功能：与tr

2016-09-24 11:14:58 393

原创 {}和null的区别

b为空指针对象，不能像普通对象一样直接添加属性。 /* * 检测对象是否是空对象(不包含任何可读属性)。 * 方法只既检测对象本身的属性，不检测从原型继承的属性。 */function isOwnEmpty(obj) { for(var name in obj) { return false; } } return true; };var a = {}; var b = nul

2016-09-23 17:55:09 663

原创浏览器渲染的流程

以Webkit为例：渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。首先，解析HTML ，将标签转化为内容树中的DOM节点。接着，解析外部CSS 和

2016-09-22 15:17:00 418

原创 JavaScript 中的typeof 和 instanceof

typeof 判断js中的变量的数据类型，它的值有以下几种： “undefined”值未定义 “number”值是数值类型 “string” 值是字符串类型 “boolean”值是布尔类型 “object” 值是对象或者“null” “function” 值是函数 instanceof用于判断一个变量是否某个对象的实例

2016-09-21 10:25:55 311

原创烽火通信2017 校招软件工程师 CT扫描

CT扫描题 (js版本）var lineAdd=0;//输入行计数 var inputArr=['2','6', "99 99 99 99 99 99", "99 99 99 50 99 99", "99 99 49 49 50 51", "99 50 20 25 52 99", "40 50 99 99 9

2016-09-17 18:28:56 1637 2

原创前端面试题

闭包，简单点说就是函数里面包含函数，闭包可以实现子函数调用父函数的中声明的变量，而父函数则不能调用子函数中的变量。for（var i=0;i (function (a){ setTimeout(function(){ console.log(a)},a*1000)})(i)}

2016-09-15 10:15:15 247

原创 js对象的属性

当代码读取某各对象的某个属性时，都会执行一次搜索，搜索首先从对象实例本身开始，如果在实例中找到了具有给定名字的属性，则返回该属性的值，如果没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具有给定名字的属性。如果在原型对象中找到了这个属性，则返回该属性的值。在实例中添加的属性与实例原型的属性同名，该属性会屏蔽原型中的那个属性。使用delete操作符可以完全删除实例属性，从而让我们能够重

2016-09-07 12:07:26 248

Given an array S of n integers, find three integers in S such that the sum is closest to a given number, target. Return the sum of the three integers. You may assume that each input would have exactly

2016-07-26 11:34:23 477

原创 JS 实现选项卡切换

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* CSS样式制作 */ *{padding: 0;margin:0;} ul{list-style:

2016-07-17 20:57:15 436

原创 jquery 实现淡入淡出图片轮播效果

1.HTML 框架搭建（css代码里宽高的大小与图片的大小一致）<body> <div class="out "> <ul class="img "> <li> <a href="# "> <img src="image/1.jpg " alt=" ">

2016-07-13 15:23:47 10933 1

原创前端面试题集锦

前端面试题集锦

2016-07-07 10:35:19 4506 1

原创行内元素与块级元素区别及转换

块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题定义副标题

2016-06-03 11:17:27 1206

转载 HTML 注意规范

DOCTYPE 头部开始Bad: ...Good: ...不要用旧的 DOCTYPEBad:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Good:不要用 XML 声明Ba

2016-05-20 11:05:55 601

原创 Javascript的AMD规范

AMD规范的全称是Asynchronous Module Definition，即异步模块加载机制。从它的规范描述页面看，AMD很短也很简单，但它却完整描述了模块的定义，依赖关系，引用关系以及加载机制。从它被requireJS，NodeJs，Dojo，JQuery使用也可以看出它具有很大的价值，没错，JQuery近期也采用了AMD规范。1.简介作为一个规范，只需定义其语法API，而不关心其实现。A

2016-05-04 10:20:02 487

原创 Chart.js 使用示例

从MySql 数据库中获取数据，利用chart.js 绘制柱形图。文件结构：![这里写图片描述](http://img.blog.csdn.net/20160426120319043)1.index.php文件。从数据库获取数据。先连接数据库exercisedata，然后从数据库的users表中查询学生名字userName和学生的成绩score，并给userName和score取别名la

2016-04-26 13:03:19 17076 6

原创 Java 输出蛇形矩阵

package Exercises;import java.util.Scanner;public class snake {public static void main(String[] args) {// TODO Auto-generated method stub /**2、计算并输出nXn的蛇形矩阵。(n>0) * 例如4X4的蛇形矩阵如下： 1 2 3 4 5 16 17 18 19

2016-04-17 17:50:23 1376

转载 Java 实现求最长回文子串

下面以字符串12212321为例，经过上一步，变成了 S[] = "$#1#2#2#1#2#3#2#1#";然后用一个数组 P[i] 来记录以字符S[i]为中心的最长回文子串向左/右扩张的长度（包括S[i]，也就是把该回文串“对折”以后的长度），比如S和P的对应关系：S # 1 # 2 # 2 # 1 # 2 # 3 # 2 # 1 #P 1

2016-04-17 16:44:51 720

转载 TCP 三次握手、四次挥手

2016-04-17 13:24:07 277

u013993319的博客