自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

sunnylinner的博客

自从习惯了云笔记,写博客的动力都没了呢_(:з」∠)_,希望我继续更新的请留言~

  • 博客(150)
  • 资源 (3)
  • 问答 (2)
  • 收藏
  • 关注

原创 jquery web插件实现(二)

jquery web插件实现https://blog.csdn.net/sunnylinner/article/details/79041333没有内容上的联系,但是实现的都是同一个小demo,其中的写法有比较大的不同这是html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

2018-05-14 15:02:19 607

原创 在WebStorm中开始使用Electron

https://blog.jetbrains.com/webstorm/2016/05/getting-started-with-electron-in-webstorm/

2018-02-28 10:24:25 5336

原创 jquery web插件实现

首先这是一个小demo,尝试性的去实现了几个功能。这是html页面 widget .custom-colorize { font-size: 20px; position: relative; width: 75px; height: 75px; } .c

2018-01-12 10:42:11 445

转载 集合Bootstrap自定义confirm

效果js端var Common = { confirm:function(params){ var model = $("#common_confirm_model"); model.find(".title").html(params.title) model.find(".message").html(params.message)

2017-09-19 16:03:07 2712

原创 jquery resize于某个指定容器,而非浏览器窗口

jquery resize于某个指定容器,而非浏览器窗口(废话少说)jquery resize默认的是只关联到浏览器窗口的大小。 这时候你需要引入一个jquery小插件就行了<script src="https://cdn.bootcss.com/jquery-resize/1.1/jquery.ba-resize.min.js"></script>这貌似是目前的最新版,之后可自行寻找最新版♂~

2017-09-18 09:28:42 2764 2

转载 前端框架:Angular React 和 Vue的比较

前端这几年的技术发展很快,细分下来,主要可以分成四个方面:1.开发语言技术,主要是ES6&7,coffeescript,typescript等; 2.开发框架,如Angular,React,Vue.js,Angular2等; 3.开发工具的丰富和前端工程化,像Grunt,Gulp,Webpack,npm,eslint,mocha这些技术; 4.前端开发范围的扩展,如服务端的no

2017-09-09 10:53:36 6059

转载 用jquery分页

jQuery前端分页 $(function() { //每页显示的数目 var show_per_page = 5; //获取content对象里面,数据的数量 var number_of_items = $('#content').children().size(); //计算页面显示的数量

2017-04-29 23:20:40 739 1

转载 点击浏览器回退,不从缓存中读取页面 (jsp)

在jsp中添加以下信息,当 点击浏览器回退按钮时,不从缓存中读取页面 <% response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","No-cache"); response.setDateHeader("Expires", -1); response.setHe

2017-02-20 16:45:44 2371

原创 BrowserShots:浏览器兼容性测试工具

作为网站管理者,我们有必要了解自己的网站在各种不同的操作系统不同的浏览器下的兼容性。Browsershots提供了多种客户端测试环境测试你的网站浏览效果。现在,不用搭建各种测试环境,就可以测试你的网站在不同操作系统以及不同浏览器下的浏览效果。首先输入需要测试的网址,选择需要测试的不同操作系统的各种浏览器。共有Linux/Windows/Mac OS/freeBSD四种操作系统以及各种浏览器

2017-01-04 14:42:18 8615

转载 Http 状态码详解

1xx 消息相关的代表请求已经收到,继续处理。这个状态码的分类意味着一个临时的响应,仅有状态行和可选的头部信息组成,并且有一个空行结尾。因为HTTP/1.0并没有定义任何1xx相关的状态码,所以服务器应该发出一个1xx的响应给一个HTTP/1.0的客户端除非在实验条件下。100 继续这意味着服务器已经收到请求的头部信息了,客户端应该继续发送请求的主体部分。如果请求的主体部分很大

2016-12-26 11:27:57 9950

转载 Swagger UI教程 API 文档神器 搭配Node使用

在团队开发中,一个好的 API 文档可以减少很多 交流成本 ,也可以使一个新人快速上手业务。 前言swagger ui 是一个API在线文档生成和测试的利器,目前发现最好用的。为什么好用? Demo 传送门支持API自动生成同步的在线文档这些文档可用于项目内部API审核方便测试人员了解API这些文档可作为客户产品文档的一部分进行发布支持API规范

2016-12-21 00:55:00 774

转载 HTML5 audio元素如何使用js与jquery控制其事件

定义和用法 标签定义声音,比如音乐或其他音频流。示例代码:audio src="someaudio.wav">您的浏览器不支持 audio 标签。audio>提示和注释提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。 属性属性值描述autoplayautoplay如果出现该属性,则音

2016-12-01 23:24:53 3916

转载 -webkit-animation的使用

-webkit-animation:仍旧是一个复合属性,-webkit-animation: name duration timing-function delay iteration_count direction;包括以下几个属性(1)  -webkit-animation-name    这个属性的使用必须结合@-webkit-keyframes一起使用eg:  @-webk

2016-11-30 17:20:34 10509 2

转载 spring 七大框架模块

1. Spring Core: Core封装包是框架的最基础部分,提供IOC和依赖注入特性。这里的基础概念是BeanFactory,它提供对Factory模式的经典实现来消除对程序性单例模式的需要,并真正地允许你从程序逻辑中分离出依赖关系和配置。2.Spring Context: 构建于Core封装包基础上的 Context封装包,提供了一种框架式的对象访问方法,有些象JNDI

2016-11-24 23:38:28 938

转载 MySQL实现了四种通信协议

TCP/IP协议,通常我们通过来连接MySQL,各种主要编程语言都是根据这个协议实现了连接模块 Unix Socket协议,这个通常我们登入MySQL服务器中使用这个协议,因为要使用这个协议连接MySQL需要一个物理文件,文件的存放位置在配置文件中有定义,值得一提的是,这是所有协议中最高效的一个。Share Memory协议,这个协议一般人不知道,肯定也没用过,因为这个只有windows可以使

2016-11-21 15:24:35 920

转载 基于nodejs的一个实时markdown转html工具小程序

1.版本一- 1.1`npm install marked --save` 安装markdwon转html的包.- 1.2 使用watchFile监视 markdown文件const fs = require('fs')const marked = require('marked')// 1.实时监视note.md文件的变化fs.watchFile('./note.md', (cu

2016-11-21 15:02:51 3404

转载 intellij IDEA里各图标对应的文件类型

本篇内容为大家提供的是IntelliJ IDEA 使用教程中的常见文件类型的图标介绍,IntelliJ IDEA是Java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。 。感兴趣的同学可以参考学习下,具体内容如下:1、

2016-11-15 13:34:23 7716 1

转载 HTML5+CSS3+jQuery制作视频播放器完全指南

播放器最终效果预览图1.下载MediaElement.js首先下载MediaElement.js脚本文件,这是一个开源的HTML5音、视频插件,解压后你会得到3个文件—— "flashmediaelement.swf"、 "mediaelement-and-player.min.js"和 "silverlightmediaelement.xap" ,分别是使用Flash、

2016-11-11 11:41:57 3730 1

转载 jQuery选择器

一、jQuery选择器在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用。选择器语法有三层结构。你肯定已经见过选择器中最简单的形式。”#te st”选取id属性为”test”的元素。”blockquote”选取文档中的所有元素,而”d

2016-11-08 19:28:47 380 1

原创 node.js promise 入门小实例

Promise animation .ball { width: 40px; height: 40px; border-radius: 20px } .ball1 { background: red } .ball

2016-10-29 23:52:51 1951

原创 node.js 小爬虫抓取网页数据(2)

node.js 小爬虫抓取网页数据http://blog.csdn.net/sunnylinner/article/details/52942096在原来的基础上,采用了promise的模块,使其可以一次性多页面的爬取网页数据。var http = require('http')var Promise = require('promise')var cheerio = re

2016-10-29 23:40:43 1674

转载 js == 与 === 的区别

1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型,==和===是有区别的1)对于==,将高级

2016-10-28 16:05:22 321

原创 node.js 小爬虫抓取网页数据

慕课网的nodejs教程:http://www.imooc.com/learn/348首先,npm install cheerio,可以认为cheerio这货就是nodejs版本的jQuery,用法应该完全一致。var http = require('http')var http = require('http')var cheerio = require('cheerio')

2016-10-27 06:39:30 5685

转载 Spring事务属性

事务属性的种类:   传播行为、隔离级别、只读和事务超时  a)  传播行为定义了被调用方法的事务边界。   传播行为 意义PROPERGATION_MANDATORY表示方法必须运行在一个事务中,如果当前事务不存在,就抛出异常PROPAGATION_NESTED

2016-10-04 08:17:51 695 1

转载 小米笔记本备份、SSD分区、U盘Ghost详解及对产品的建议

一、Windows10备份:创建系统映像    备份的目的不用多说,有备无患,就怕万一,开始花点时间,随然麻烦一些,但是过后无忧。小米Air13.3自带的Windows10操作系统自身就有备份恢复功能,此备份适合Windows还能正常启动,至少能启动到WinRE(Windows的恢复环境)的情况下就行恢复。具体操作如下:    先准备一个移动硬盘,插入usb接口待系统认出移动盘。   

2016-10-02 16:56:19 17416

原创 程序员的职场进阶图

2016-10-02 11:13:22 879

转载 结构型模式

结构型模式是描述如何将类对象结合在一起,形成一个更大的结构,结构模式描述两种不同的东西:类与类的实例。故可以分为类结构模式和对象结构模式。在GoF设计模式中,结构型模式有:1.适配器模式 Adapter   适配器模式是将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。  两个成熟的类需要通信,但是接口不同,由于开闭原则

2016-09-28 14:44:15 311

转载 Intellij Idea的编译和调试快捷键

shift+F10:编译shift+F9:调试 按下调试后,在Intellij下方出现如下的界面F9:调试窗口的小三角,执行到下一个断点shift+F8:逐过程step over(如果当前行有方法调用,这个方法将被执行完毕返回,然后到下一行)shift+F7:逐语句step into向下执行一行。如果该行有自定义方法,则运行进入自定义方法(不进入官方类库的方法)alt+

2016-09-23 14:12:36 19440

转载 Java程序员应该知道的10个调试技巧

调试可以帮助识别和解决应用程序缺陷,在本文中,作者将使用大家常用的的开发工具Eclipse来调试Java应用程序。但这里介绍的调试方法基本都是通用的,也适用于NetBeans IDE,我们会把重点放在运行时上面。在开始之前,推荐大家去看看Eclipse shortcuts这篇文章,它将会给你带来很多方便。在本文中使用的是Eclipse Juno版(Eclipse 4.2),在开始前给大家提3点

2016-09-22 10:58:22 322

转载 使用Eclipse开发Java Web过程中Debug调试的使用方法

这里介绍的是在Eclipse中的Debug调试。首先右击项目选择Debug As -- Debug on Server 或者点击Server面板的小昆虫图标,启动Debug模式。运行web项目,进行到需要调试的地方,在执行页面操作之前,在即将要运行的代码中添加断点,然后继续执行页面操作,当代运行到断点处时,Eclipse自动弹出,进入Debug模式,这时就可以使用Debug模式进行观察了。

2016-09-22 10:56:32 5339

原创 常见算法时间复杂度和空间复杂度

2016-09-20 20:45:12 693

转载 最长递增子序列问题的求解

最长递增子序列问题是一个很基本、较常见的小问题,但这个问题的求解方法却并不那么显而易见,需要较深入的思考和较好的算法素养才能得出良好的算法。由于这个问题能运用学过的基本的算法分析和设计的方法与思想,能够锻炼设计较复杂算法的思维,我对这个问题进行了较深入的分析思考,得出了几种复杂度不同算法,并给出了分析和证明。一,    最长递增子序列问题的描述设L=a1,a2,…,an>是n个不同

2016-09-20 12:06:53 357

转载 java内存空间详解

Java内存分配与管理是Java的核心技术之一,之前我们曾介绍过Java的内存管理与内存泄露以及Java垃圾回收方面的知识,今天我们再次深入Java核心,详细介绍一下Java在内存分配方面的知识。一般Java在内存分配时会涉及到以下区域:◆寄存器:我们在程序中无法控制◆栈:存放基本类型的数据和对象的引用,但对象本身不存放在栈中,而是存放在堆中◆堆:存放用new产生的数据

2016-09-20 08:59:55 320

转载 KaraTsuba乘法——高效的大数乘法

今天看Coursera课程时,看到一个牛逼的算法,叫KaraTsuba乘法。普通乘法复杂度一般都是O(n^2),而这个算法,仅有O(nlog3)。下面,我就来介绍一下这个算法。        首先来看看这个算法是怎么进行计算的,见下图:图中显示了计算5678*1234的过程,首先是拆分成abcd四个部分,然后分别计算ac, bd, (a + b)*(c+d),最后再用第三个算式的结果减去前

2016-09-20 08:26:01 10955 4

转载 堆的应用——优先级队列

接上文:堆排序Heap Sort——浅显易懂+Java实现        堆分最小堆最大堆,优先级队列也分最小优先级队列和最大优先级队列。先来介绍一下优先级队列:        优先级队列是用来维护由一组元素构成的集合S的数据结构,这一组元素中的每一个都有一个关键字key,一个最大优先级队列支持以下操作:        Insert(S, x):把元素x插入S中        Ma

2016-09-19 21:22:22 375

转载 堆排序Heap Sort——浅显易懂+Java实现

最近在恶补一些计算机基础内容,看到了堆排序,想想以前常说堆栈堆栈,但我竟然连堆有哪些应用都记不得了,所以,重温了堆排序后,我来给大家分享一下,希望能对大家有所帮助。(代码实现不采用伪代码,使用java实现,毕竟来看博客的都不想和看书一样把)       首先,堆是一种数据结构,你可以把他看成一颗完全二叉树,如下图所示:圆圈上方的数字代表下标:他的特性就是:父结点的值要大于两个儿子结点的值。

2016-09-19 14:47:25 10226 4

转载 排序算法之——合并排序/归并排序(Java实现)

今天,来讲一讲合并排序,其实我已经写了 堆排序 和 快速排序,本来都不想写这个,但是,当我发现我身边很多人竟然都不知道这个排序的时候,我震惊了,毕竟,这是一个经典的入门算法(反正外国貌似是这样的,根据我看的书和视频),历史也十分悠久。下面就来讲讲这历史悠久的算法。        合并排序是一种典型的分治法算法。先把数组拆成两个数组,对两个数组进行继续拆分,直到能够对拆分后的两个结果分别进行排序

2016-09-18 20:37:44 751 1

转载 Java System.arraycopy方法的使用

import java.util.Arrays; /** * System.arraycopy方法的使用。 * * 从指定源数组中复制一个数组,复制从指定的位置开始, * 到目标数组的指定位置结束 * * @author (java2000.net,laozizhu.com) * */ public class LessionSystemArraycopy {

2016-09-18 20:35:31 631

转载 排序算法之——快速排序(Java实现)

排序算法有很多,今天我来讲一讲其中实用性最强的一种算法——快速排序。        为什么说它实用性最强呢?因为快速排序的平均性能非常好,虽然它的最坏运行时间为O(n^2),但是平均运行时间是O(nlgn),而且里面隐含的常数因子很小。而且它是原地排序的,所谓原地排序,就是不需要开辟新的数组空间,就可以进行排序。        快速排序基于分治模式,所谓分治模式,就是把问题拆成一个个小问题

2016-09-18 19:47:49 629

转载 排序算法之——基数排序(Java实现)

今天,我来讲一讲基数排序。基数排序是一种用在老式穿卡机上的算法。一张卡片有80列,每一列可以在12个位置中的任一处穿孔。排序器可以被机械地“程序化”,以便对一叠卡片中的每一列进行检查,再根据穿孔的位置将它们放入12个盒子里。这样,操作员就可以逐个地将它们收集起来,其中第一个位置穿孔的放在最上面,第二个其次,等等。对于十进制数字来说,每列中只用到10个位置(另两个位置用于编码非数值字符)。一个d位数

2016-09-18 15:37:53 453

阿里巴巴Java开发手册(正式版)

阿里巴巴Java开发手册(正式版)

2017-02-12

多方面涉及的翻牌小游戏

一个简单的java窗口程序。内容为翻牌小游戏,涉及到数据库,邮件,正则表达式,txt,音乐,图片等

2016-03-21

二叉树相关

适合二叉树初学者,详细的代码能实现多种功能

2015-01-15

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

TA关注的人

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