xiyan_yuan-CSDN博客

原创 CSS3 圆形动画导航

因为圆一共分为六份，每两份被一个父元素包裹，设置父元素旋转，并且对没一份再次设置旋转，使文字始终保持是正文不会出现倾斜，不易观看。html<div class="box"> <div class="top"> <span>1</span><span>4</span> </div> <div class="top"> <span>2</span>

2017-09-12 10:08:14 1236

转载 JTable中嵌套JButton并加入JButton的事件处理

使用JTable还是挺麻烦的，特别是当需要嵌套其他的控件时，现在想在button上添加事件每次按钮一点击就会有获取到点击到的行和列，废话不多说，直接进入正题：原理要在JTable中嵌套其他的控件需要修改TableColumnModel的渲染器和编辑器，所以只要实现TableCellRenderer和TableCellEditor,然后通过表格获取TableColumnModel,再通过TableC...

2018-06-03 07:33:17 3144 1

转载过渡

一、transitionCSS3的过渡功能就像是一种黄油，可以让CSS的一些变化变得平滑。因为原生的CSS过渡在客户端需要处理的资源要比用JavaScript和Flash少的多，所以才会更平滑。transition的属性属性可以分开写，也可以放在一起写,比如下面的代码，图片的宽高本来都是15px，想要让它1秒的时间内过渡到宽高为450px，通过：hover来触发，那么代码就

2017-09-25 12:28:01 284

转载 Java开发中的23种设计模式详解

一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。行为型模式，共十一种：策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模式、解释器模式

2017-09-20 13:32:59 196

转载 js获取URL参数以及Struts2与ajax json的交互

json_demo.jsp页面（该页面引用了jquery文件，我用的版本是jquery-1.8.2.js，如果使用版本不同，请自行修改）：01<%@ page language="java" contentType="text/html; charset=UTF-8"02 pageEncoding="

2017-09-20 12:22:29 275

转载纯静态html页面，js 如何拦截请求url的后缀不是.html的访问地址

纯静态html页面，如何拦截请求url的后缀不是.html的访问地址你不要被标题给骗了，你如果想法是“如何拦截url”，那你就想错了，因为html页面是无法拦截那些后缀名不是.html的url的，我当时也总这么想，所以总找不到解决方法。换了种方法，就解决了背景：从总监那里得知，说要给公司做一个官网，把旧官网换掉，做个新的，而且公司买了百度的流量，考虑到，这股流量，会不会有可

2017-09-20 11:28:18 1101

转载 JS 获取链接(url)参数以及锚链接（anchor）结合富ajax的应用（ajax前进/后退的问题）

1. JavaScript获取url链接的方法： Js代码 "javascript">document.write(window.location.href ); 格式为 http://127.0.0.1/index.php?c=index&name=top#mao Js代码 "javascript">doc

2017-09-20 02:31:17 1143

转载 JSON和JSONP （含jQuery实例）（share）

来源：http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被

2017-09-20 01:32:38 520

转载什么是跨域？

什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）http://www.123.com/i

2017-09-19 23:34:51 303

转载常见兼容问题

1. 默认的内外边距不同问题：各个浏览器默认的内外边距不同解决：*{margin:0;padding:0;}2. 水平居中的问题问题：设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中ff /opera /safari /ie8文本会居中，嵌套块不会居中解决：块元素设置1、margin-left:auto;marg

2017-09-19 10:38:39 328

转载解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下;百度一下，你就知道 var wpo={start:new Date*1,pid:109,page:'superpage'}可以打开百度，右键查看源码看下！我们可以看下文件头是否存在这样

2017-09-17 17:05:42 424

原创 css3 五角星圆形导航

html<div class="header"> <div class="starte">start</div> <ul> <li class="w">one</li> <li class="w">two</li> <li class="w">three</li> <li

2017-09-17 12:53:12 648

转载前端web开发的MVC模式 - 从一个简单实例讲起

前端web开发的MVC模式 - 从一个简单实例讲起MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性

2017-09-15 11:41:03 807

转载前端MVC框架之 Angular

一、什么是AngularjQuery，它属于一种类库(一系列函数的集合)，以DOM为驱动核心；而Angular是一种 MVC 的前端框架，则是前端框架，以数据和逻辑为驱动核心，它有着诸多特性，最重要的是：模块化，双向数据绑定，语义化标签，依赖注入等。MVC 开发模式：model（模型），view（视图），controller（控制器）。二、模块化最大程度实现代码复用定义应用

2017-09-15 11:26:07 510

转载谈谈你对MVC的理解

1.谈谈你对MVC的理解MVC是Model—View—Controler的简称。即模型—视图—控制器。MVC是一种设计模式，它强制性的把应用程序的输入、处理和输出分开。MVC中的模型、视图、控制器它们分别担负着不同的任务。视图: 视图是用户看到并与之交互的界面。视图向用户显示相关的数据，并接受用户的输入。视图不进行任何业务逻辑处理。模型: 模型表示业务数据和业务处理。相当于Java

2017-09-15 11:22:35 1365

转载前端 js 面试题

1.使用js在一个div中追加10个复选框，选中复选框的时候弹出选中个数。追加一个复选框var checkBox=document.createElement("input");checkBox.setAttribute("type","checkbox");checkBox.setAttribute("id",'123456')

2017-09-15 10:54:00 493

原创 JS简单判断字符在另一个字符串中出现次数的2种常用方法

通过分割获取长度原理 var s = 'www.jb51.net'; var n = (s.split('.')).length-1; alert(n); //弹出2通过正则实现function patch(re,s){ re=eval("/"+re+"/ig") return s.match(re).length;}var s = 'tools.jb51.net';aler

2017-09-15 10:40:35 899

转载 JAVA：模拟心电图

原文地址：JAVA：模拟心电图package koko;import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.util.List; import java.util.LinkedList;/** * Title: JAVA * * Description: P

2017-09-15 10:03:35 3451

转载常见的web性能优化方法

前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?　　1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。　　2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。

2017-09-14 13:21:46 231

原创节点拖拽

之前的事件绑定有个错误，如果在div 范围外抬起鼠标，布局会乱，up 里的操作没执行，经过研究学习，改了一下html//oncontextmenu 阻止鼠标右键弹出菜单<body oncontextmenu="return false" >1213213//onselectstart 阻止鼠标左键选中文本，<div id="box" onselectstart="return fal

2017-09-13 12:39:20 409

转载 json和jsonp

什么是JSON　　前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。　　JSON的优点：　　1、基于纯文本，跨平台传递极其简单；　　2、Javascript原生支持，后台语言几乎全部支持；　　3、轻量级数据格式，占用字符数量极少，特别适合互联网传递；　　4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容

2017-09-11 12:03:00 174

转载 js 日期时间格式化

var date=new Date(); date.getYear(); //获取当前年份（2位） date.getFullYear(); //获取完整的年份（4位，2017） date.getMonth(); //获取当前月份（0-11 0代表1月） date.getDate(); //获取当前日（1-31）

2017-09-07 12:36:05 5390

原创闭包 arguments 属性的使用（闭包）

写出一个text函数，并实现以下效果 text(1,2); 输出 3 text(1)(2); 输出 3 text(1,2)(3); 输出 6 text(1,2)(3,4);输出 10声明一个text函数，先对arguments参数的数量进行判断，然后再返回出一个函数，返回函数里再对arguments参数的数量进行判断进行返回输出调用text() 只支持单个参数function text(){

2017-09-06 14:51:39 878 1

转载 ajax 工作原理

使用Ajax的主要原因:1、通过适当的Ajax应用达到更好的用户体验；2、把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。 Ajax是Asynchronous JavaScript and XML的缩写。它包括使用XHTML和CSS标准化呈现;使用DOM实现动态显示和交互;使用XM

2017-09-05 10:48:13 223

原创跑马灯轮播

个人学习使用注解：html 用 li 进行横向布局，通过js 动态修改 ul 的left 值达到轮播效果，鼠标放在ul上，停止动画，鼠标离开，继续动画 html<html> <head> <meta charset="UTF-8"> <script src="jquery-1.11.3/jquery.min.js"></script> </head> <

2017-09-02 14:52:36 1262

原创计算鼠标至元素中心的距离

首先将一个元素定位在当前页面的中心位置（自适应），然后用mousemove 去监听鼠标，实时计算鼠标当前位置到元素中心的距离。 html<html><head></head><body><a id='text'></a><div id='center_box'></div></body></html>css#center_box{ width:100px; height

2017-09-02 11:51:20 760

原创画布做加载动画!

html<html> <head> <meta charset='UTF-8'> <script src="http://www.oxcoder.com/sys/js/libs/jquery-1.11.0.min.js"></script> </head> <body> <canvas id='canvas'></canvas> </b

2017-09-01 20:54:56 390

原创数组冒泡排序

2017-09-01 19:36:53 553

原创 js 数组去重

var arr = [1,2,3,2,1,4,5,2,66,7];将数组进行循环，第一个循环是拿出数组的一个数组做第一个比较的数据，第二个循环拿上个循环数据的后面一个数据。两个数据进行比较function deletedouble (array){ for(var i = 0; i

2017-09-01 19:21:47 223

xiyan_yuan的博客