自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

转载 Canvas-绘图(贝赛尔曲线)

1、二次贝塞尔曲线介绍 quadraticCurveTo(cpx,cpy,x,y) cpx,cpy表示控制点的坐标; x,y表示终点坐标; 数学公式表示如下: 二次方贝兹曲线的路径由给定点P0、P1、P2的函数B(t)追踪:   2、二次贝赛尔曲线实例  Js代码  "-//W3C//DTD XHT

2014-05-29 09:34:36 1358

转载 raphael.js矢量绘图

官方介绍:Raphael是由Dmitry Baranovskiy开发的小型Javascript类库,它可以让你在web上很容易地使用矢量图形。如果你需要制作自定义图表或图像裁剪旋转控件,它也可以让你更方便、简单地进行实现。Raphael使用W3C推荐的SVG以及VML两种矢量标记语言来实现绘图,这意味着,你创建的图形对象都是DOM元素,你可以给它们绑定、移除javascript事件。Rapha

2014-05-26 15:45:28 3237

转载 SVG矢量绘图 path路径详解(基本画法)

SVG的形状标签里,path是最强大的一个,掌握了path就足够处理常见的绘图问题了。先看一下path标签的基本用法:path标签通过属性d来定义路径,定义信息由一段字符串构成,另外path也可以通过fill和stroke属性来定义填充和边框。d属性的信息其实并不复杂,由字母和数字构成,数字表示坐标点,字母负责表示如何连接这些坐标点。比如上面的示例中,M表示起点,L表示直线连接,所

2014-05-26 14:08:08 8763 1

转载 Raphael.js简易教程

Raphael.js 的教程非常简单,仅首页一段代码,然后就是 Reference。但作者在 Reference 部分也惜墨如金,不肯多费几句。所以有这一篇中文,对如何使用 Raphael.js 做个简单介绍。调用 Raphael.js首先在 HTML 页面调用 raphael.js:用法用 Raphael 方法创建一块画布,var paper = Raphael(10, 5

2014-05-26 11:09:16 8846

转载 CSS选择器的优化

CSS选择器的优化 前面花了几个篇幅着重介绍了CSS的选择器的使用,我将其分成三个部分:CSS基本选择器、CSS属性选择器以及CSS伪类选择器。那么今天我主要想和大家一起来学习——CSS选择器方面的性能优化。因为对性能这一块一直都是很弱的,所以今天先从选择器开始入手,加强自己。如果你也感兴趣那就跟我一起来吧。浏览器如何识别你的选择器首先我们需要清楚,浏览器是如何

2014-05-24 16:43:43 670

原创 JS DOM编程艺术-笔记

对数据类型声明的语言称为强类型语言,相反为弱类型,JS就是ke

2014-05-24 11:15:40 696

原创 Jquery AJAX

$(selector).load(url,data,callback);url:文件路径data:可选参数,选择加载内容.

2014-05-24 10:51:55 409

原创 jQuery 遍历 (笔记)

遍历意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。遍历方法中最大的种类是树遍历。祖先parent(); 直接父元素parents(); 所有的父元素parentsUntil(); 所有()间的父元素$("span").ParentsUntil("div"); span到div

2014-05-24 10:24:30 432

原创 在同一窗口浏览图片

Insert title hereh1{position:absolute;margin-left:150px;}ul{position:absolute;margin-top:50px;margin-left:80px;}li{float:left;list-style:none;padding:1em;}img{position:absolute;margin-top:100px;

2014-05-23 17:24:11 512

原创 仿搜索自动联想功能

Insert title here    body{margin:0px;padding:0px;}    ul{margin:px;padding:0px;list-style-type:none;}$(function(){    a();    onclick();     $("#txt").bind("keyup",function(){  

2014-05-22 10:17:16 1124

转载 字典树入门及实现(JAVA)

Trie树,又称单词查找树或键树,是一种树形结构,是一种哈希树的变种。 典型应用是用于统计和排序大量的字符串(但不仅限于字符串), 所以经常被搜索引擎系统用于文本词频统计。它的优点是:  利用字符串的公共前缀来节约存储空间,最大限度的减少无谓的字符串比较,查询效率比哈希表高。  比如说我们想储存3个单词,sky、skyline、skymoon。如果只是单纯的按照以前的字符数组存

2014-05-21 08:19:19 944

转载 正则表达式

正则表达式(一) -- 元字符正则表达式括号的作用1、限制多选项的范围 (Fri|1)st 这样写会匹配Frist或1st 如果去掉,则 Fri|1st就是匹配 Fri或1st2、将若干个字符进行组合,受量词的同时作用。例如 th+ 表示匹配 th thh thhh(h无数次),如果是(th)+,则匹配的是th thth ththth(th无数次)3、反向引用,即前面括号匹配到的东

2014-05-20 13:51:37 507

转载 firefox 快捷键

1 加入收藏夹:ctrl-D2 书签:ctrl-B3 保存:ctrl-S4 定位到搜索框(百度):ctrl-K5 关闭tab:ctrl-W6 浏览历史:ctrl-H7 清除上网记录:ctrl-shift-Del8 查看网页源代码:ctrl-U9 刷新:F510 打开最近关闭的一个tab:ctrl-shift-T11 退出firefox:ctrl-Q12

2014-05-20 13:46:59 971

转载 一段代码详解JavaScript面向对象

(function(){ //私有静态成员 var user = ""; //私有静态方法 function privateStaticMethod(){ } Box = function(value){ //私有成员 privateStaticUser = value;

2014-05-19 08:59:35 530

转载 jQuery代码优化:基本事件篇

jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手,简要分析一下jQuery为什么提供mouseenter和mouseleave事件,它们与标准的mouseover、mouseout事件有什么区别。事件模型说到事件,就要追溯到网景与微软的“浏览器大战”了。当时,事件模型还没有标准,两家公司的实现就是事实标准。网景在Navigator中实现了“事件捕获”的事件系统,而微

2014-05-19 08:56:29 469

转载 jQuery代码优化:事件委托篇

随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。事件委托事件委托的事例在现实当中比比皆是。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为

2014-05-19 08:53:50 431

转载 jQuery代码优化:选择符篇

毫无疑问,jQuery的独到之处就是它以集合为中心的操作。为了取得DOM对象集合,jQuery利用JavaScript不仅实现了(它诞生时)很多浏览器不支持的CSS选择符,还实现了不少独到的自定义选择符,为在文档中查找元素提供了极大的便利。本文就从选择符的角度简单探讨一下优化jQuery代码的问题。Sizzle的运行机制jQuery从1.3开始把根据选择符表达式查找元素的代码独立出来,也就

2014-05-19 08:40:37 419

转载 在JavaScript中什么时候使用==是正确的?

在JavaScript中什么情况下使用==是正确的?简而言之:没有。这篇文章来看五种情况下总是使用===,并且解释为什么不用==。JavaScript有两种操作符用来比较两个值是否相等 [1]:严格相等 === 仅考虑相同类型的值是否相等。“正常”(或非严格)相等操作符 == 在比较之前,尝试为不同类型的值进行转换,然后类似严格相等。给JavaScript初学者的建议是完全忘掉 =

2014-05-19 08:35:05 546

转载 高效jQuery的奥秘

jQuery是最好的JavaScript库之一,用于简化动画,事件处理,支持Ajax和HTML 的客户端脚本。网络中有大量的 jQuery 插件,有助于在短时间内通过简单容易的方法创建网站。今天,我们来分享一些很有用的技巧和窍门给jQuery的技术开发人员。所以我们选取了几个对jQuery 开发人员非常有用的代码片段。希望你的下一个项目中能用得上这些代码。1) 禁止右键  在开发 Web 应用

2014-05-19 08:26:10 420

转载 JS 贪吃蛇代码学习

var snake={           st:500,//速度初始为0.5秒移动一次,数值越小速度越快!           num:0,      start:function(){//初始化,建立外围DIV框架,键盘事件,食物或蛇的初始数量和位置           div=document.createElement('div');      div.style.cs

2014-05-16 10:09:51 790

转载 JQuery代码优化:遍历篇

与使用选择符查找页面中的元素相对应,jQuery遍历操作背后的工作机制也很有特色。了解了jQuery对DOM进行遍历背后的工作机制,可以在编写代码时有意识地避免一些不必要的重复操作,从而提升代码的性能。本文就从jQuery的遍历机制入手简单探讨一下优化jQuery代码的问题。jQuery对象栈jQuery内部维护着一个jQuery对象栈。每个遍历方法都会找到一组新元素(一个jQuery对象

2014-05-16 09:30:36 585 1

转载 jQuery 遍历

1.列表jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始,逐级向上

2014-05-16 09:25:09 759 1

原创 浮动式标签练习

Insert title hereform{margin:5em;backface-visibility:hidden;}.input{float:left;position:relative;margin:10px;}input{border:1px solid #eee;padding:1em 5em;outline:none;}lable{position:absolut

2014-05-15 15:48:08 583

转载 Git的深入理解与GitHub托管服务的使用

Git的深入理解与GitHub托管服务的使用源代码管理系统(SCM)与版本控制版本控制是一种记录若干文件内容变化,以便将来查阅特定版本修订情况的系统。本地版本控制系统许多人习惯用复制整个项目目录的方式来保存不同的版本,或许还会改名加上备份时间进行区别。这么做的唯一好处就是简单,坏处也不少:有时候会混淆所在的工作目录,一旦弄错了文件数据就没办法撤销恢复。为了解

2014-05-15 14:08:51 501

转载 JavaScript 秘密花园

JavaScript 秘密花园:http://bonsaiden.github.io/JavaScript-Garden/zh/#function.scopes

2014-05-14 16:20:15 2969

原创 JQuery实现可编辑表格

lianxip{text-align:center;}$(document).ready(function(){    var data=[{nub:"1",name:"Tim",apartment:"人事部",worknub:"1401"},               {nub:"2",name:"TompSon",apartment:"咨询部",worknub

2014-05-13 17:07:56 788

转载 jquery实现点击表格修改信息!

JQuery示例:可以编辑的表格 编辑个性签名 12345645 JS文件内容:/

2014-05-12 16:29:29 2157

转载 jQuery实现可编辑表格

在很多的网页中,这个可编辑表格在许多地方都是非常有用,配合上AJAX技术能够实现很好的用户体验,下面我们就jQuery来说明一下可编辑表格的实现步骤首先是HTML代码,非常简单[html] view plaincopyprint?>  html>    head>      title>可以编辑的表格title>      script type="text

2014-05-12 16:24:14 695

转载 Vim简明教程【CoolShell】

vim的学习曲线相当的大(参看各种文本编辑器的学习曲线),所以,如果你一开始看到的是一大堆VIM的命令分类,你一定会对这个编辑器失去兴趣的。下面的文章翻译自《Learn Vim Progressively》,我觉得这是给新手最好的VIM的升级教程了,没有列举所有的命令,只是列举了那些最有用的命令。非常不错。——————————正文开始——————————你想以最快的速度学习人类

2014-05-12 13:39:23 475

转载 js 取出json数组中的值

var arr=[{"adv_pic":"img2.jpg"},{"adv_pic":"img3.jpg"}];    alert(arr.length);上面是有关联数组的书写方法,下面是索引数组的书写方法。 供大家参照方便使用~_~[["4c7725f76d681.jpg","4c77264120907.jpg","4c7726a6c5f97.jpg"],["2010-09

2014-05-12 09:34:33 15860

原创 linux命令

linux命令ctrl alt t 打开终端rm -rf 强制删除mv filename /路径Vim命令:cd 改变当前路径及保存路径:w 直接保存:pwd 查看当前路径:set filetype 设置文件类型:TlistOpen 打开Taglistx 删除当前光标所在字符:q! 不保存强制退出dd 删行p 粘贴

2014-05-11 17:33:54 475

原创 基础笔记siblings() 返回所有被选元素的同胞 next() 返回被选元素下一个同胞

基础笔记CSScursor: 光标类型position: 元素定位类型overflow: 超出部分JQuery 引用JQuery库$(selector).action(); 选择符查找元素 action执行操作$(document).ready(function{}); 在文档完全加载完后运行$("[]")属性选择器$("对象").css("属性",

2014-05-11 17:31:20 960

转载 35个Jquery应用实例

2. 改变结果集如果选中多个元素,jQuery提供过滤器,可以缩小结果集:$('div').has('p'); //选择包含p元素的div元素  $('div').not('.myClass'); //选择class不等于myClass的div元素  $('div').filter('.myClass'); //选择class等于myClass的div元素  $('div').firs

2014-05-11 14:17:04 843

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除