编程笔记

  • 如何使用JAVA实现数字水印

    数字水印有可见不可见之分,可见的比如课件上印有学校校徽,微博发图片会水印上上传者的信息及微博logo等。 用java实现可见的数字水印,草人主要是用到了java.awt包中的AlphaComposite类,当然在实现之前先介绍一下AlphaComposite类: AlphaComposite类是关于两个目标重叠的混合处理类,此类实现的特定规则是 T. Porter 和 T. Duff

  • jquery插件hiAlert实现网页对话框美化

    厌烦了IE浏览器的警告窗,伴随着“咚”恐惧的一声,让人感觉好像有一种坏事情即将来临。而如今各浏览器对网页的弹出警告框alert、确认对话框confirm、输入框prompt显示效果不一,本文借助hiAlert插件来为您统一网页的对话框风格。 hiAlert插件是根据 jquery.alerts 改进得来,包括了常用的几种提示框,还提供了渐变提示条效果,弹出网页层效果,它目前兼容各主流浏览器。

  • AngularJS实现的select二级联动下拉菜单功能示例

    本文实例讲述了AngularJS实现的select二级联动下拉菜单功能。分享给大家供大家参考,具体如下: !DOCTYPE html html ng-app head lang="en" meta charset="UTF-8" titletitle head

  • 在ABP框架中使用BootstrapTable组件的方法

    一、关于ABP ABP是“ASP.NET Boilerplate Project ASP.NET样板项目”的简称,它是一个成熟的开源框架,基于DDD+Repository模式,自带Zero权限和认证模块,避免了从零开始搭建框架的烦恼。关于ABP的框架优势就此打住,因为这样说下去要说三天三夜,脱离文本主题。 关于ABP的入门,博主不想说太多,园子里面

  • JavaScript的React框架中的JSX语法学习入门教程

    什么是JSX? 在用React写组件的时候,通常会用到JSX语法,粗看上去,像是在Javascript代码里直接写起了XML标签,实质上这只是一个语法糖,每一个XML标签都会被JSX转换工具转换成纯Javascript代码,当然你想直接使用纯Javascript代码写也是可以的,只是利用JSX,组件的结构和组件之间的关系看上去更加清晰。 var

  • 实例讲解使用原生JavaScript处理AJAX请求的方法

    Ajax 是异步的JavaScript和XML的简称,是一种更新页面某部分的机制。它赋予了你从服务器获取数据后,更新页面某部分的权力,从而避免了刷新整个页面。另外,以此方式实现页面局部更新,不仅能有效地打造流畅的用户体验,而且减轻了服务器的负载。 下面是对一个基本的 Ajax 请求进行剖析: var xhr = new XMLHttpRequest; xhr.open'

  • JavaScript继承学习笔记【新手必看】

    JavaScript作为一个面向对象语言(JS是基于对象的),可以实现继承是必不可少的,但是由于本身并没有类的概念,所以不会像真正的面向对象编程语言通过类实现继承,但可以通过其他方法实现继承。实现继承的方法很多,下面就只是其中的几种。 一. 原型链继承 function Person { 被继承的函数叫做超类型(父类,基类)

  • javascript关于继承解析

    上一篇已介绍了组合继承,现在讲讲剩余的几种继承。 原型式继承 调用一个函数,接收这个函数返回来的对象,这个对象的原型就是传入函数的参数对象。 如: function personObjecto{ function F{} F.prototype = o; return

  • 使用jQuery处理AJAX请求的基础学习教程

    $.ajax快捷方法 $.geturl,[data],[callback],[type] $.posturl,[data],[callback],[type] 两种方法请求方式不同,其他方式相同. 参数:url[请求地址],data[请求的数据内容obj对象],callback[回调函数只能处理请求成功事件

  • JS上传组件FileUpload自定义模板的使用方法

    FileUpload 是国外一个纯javascript 写的大文件上传组件,该组件支持分片上传,断点续传,多文件等功能。 下面就为大家分享FileUpload上传组件自定义模板(FineUploaderBasic)的使用方法: 以下是配置代码: 前端配置: !--定义按钮-- div id="basic_uploa

  • 详解原生JavaScript实现jQuery中AJAX处理的方法

    在这篇文章,我使用 Node.js作为后端。没错,这就可以全栈(浏览器和服务器)JS了。Node.js 是很简洁的,我鼓励你能在 Github下载demo,并关注该项目。下面是服务器端的代码: app.js var app = http.createServerfunctionreq, res{ ifreq.url.indexOf"scripts" = 0

  • 配置Nginx+PHP的正确思路与过程

    对很多人而言,配置Nginx+PHP无外乎就是搜索一篇教程,然后拷贝粘贴。听上去似乎也没什么问题,可惜实际上网络上很多资料本身年久失修,漏洞百出,如果大家不求甚解,一味的拷贝粘贴,早晚有一天会为此付出代价。 如何正确配置 Nginx+PHP 假设我们用PHP实现了一个前端控制器,或者直白点说就是统一入口:把PHP请求都发送到同一个文件上,然后在此文件里

  • Web Uploader文件上传插件使用详解

    WebUploader文件上传组件在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。 采用大文件分片并发上传,极大的提高了文件上传效率。 img src="https:img.nhooo

  • 简单解析JavaScript中的__proto__属性

    JavaScript是一个面向对象语音,即一切皆对象。 那么怎么生成对象?在Java的世界里,对象是由类(Class)实例出来的,通俗地说,就是将事物抽象成一个模具,用这个模具(类)生产出一个个具体的实物(对象)。 可是JS中没有类这个概念,有的是“原型”,对象是由原型衍生出来的。通俗地说,在JS的世界里,“原型”并不是一个模具,而是一个具体的实物(对象)。所有对象都是由另一个对象衍生

  • php结合web uploader插件实现分片上传文件

    最近研究了下大文件上传的方法,找到了webuploader js 插件进行大文件上传,大家也可以参考这篇文章进行学习:《Web Uploader文件上传插件使用详解》 使用 使用webuploader分成简单直选要引入 !--引入CSS-- link rel="styleshee

  • JavaScript中的原型prototype完全解析

    要理解JS中的prototype, 首先必须弄清楚以下几个概念 1. JS中所有的东西都是对象 2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype ["constructor", "toString",

  • JavaScript根据CSS的Media Queries来判断浏览设备的方法

    CSS 部分 首先随便新建一个用来做判断的类,然后通过 Media Queries 来对这个类的 z-index 属性赋予不同的值。这个类仅作为 JavaScript 读取使用,所以需要将其移出屏幕窗口,让浏览者不可见以免引起意外情况。 作为演示,下面代码设置了四种设备状态:桌面普通版、小屏幕桌面版、平板电脑版和手机版。 *

  • 解析JavaScript面向对象概念中的Object类型与作用域

    引用类型 引用类型主要包括:Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型等等。 引用类型使用时,需要从它们身上生成一个对象(实例)。也就是说,引用类型相当于一个模版,当我们想要用某个引用类型的时候,就需要用这个模版来生成一个对象来使用,所以引用类型有时候也称作对象定义。 例如,我们需

  • nginx php-fpm 小VPS 优化

    小VPS受系统资源的限制,访问量过大,超过系统所能承受的极限时,有一部分请求就会502了。在系统资源够用的情况,优化nginx,php-fpm,以及系统本身,达到2个目的: 1,合理配置系统资源,将有限的资源,最大化利用。好钢用在刀刃上。 2,尽量减少磁盘的IO 一,系统主要资源 [root@xxxxxx

  • java中set接口使用方法详解

    java中的set接口有如下的特点: 不允许出现重复元素; 集合中的元素位置无顺序; 有且只有一个值为null的元素。 因为java中的set接口模仿了数学上的set抽象,所以,对应的数学上set的特性为: 互异性:一个集合中,任何两个元素都认为是不相同的,即每个元素只能出现

  • jQuery的deferred对象详解

    一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。 通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。 但是,在回调函数方面,jQuery的功能

  • kindeditor修复会替换script内容的问题

    kindeditor一些个人修改 1.替换script里面的内容的问题 2.颜色选择器扩展,复制的fck编辑器选颜色 3.swfupload.swf上传前图片预览功能 kindeditor.js function _formatHtmlhtml, htmlTags, urlType, wellFormatted, indentCha

  • nodejs 整合kindEditor实现图片上传

    kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应用,http:kindeditor.netdocsupload.html可以参照实现nodejs的整合,发现实用nodejs更简单 环境: unbuntu 14.10 nodejs 0.10.35 express 4.11.2 formidable 1.0.16 kindEdito

  • Angularjs编写KindEditor,UEidtor,jQuery指令

      目前angularJS非常火热,本人也在项目中逐渐使用该技术,在angularJS中,指令可以说是当中非常重要的一部分,这里分享一些自己编写的指令:   注:本人项目中用了oclazyload进行部分JS文件加载   1、KindEditor angular.module'AdminApp'.directive'uiKinded

  • php轻松实现中英文混排字符串截取

    先给大家介绍用到的函数: mb_strwidth$str, $encoding 返回字符串的宽度 $str 要计算的字符串 $encoding 要使用的编码,如 utf8、gbk mb_strimwidth$str, $start, $width, $tail, $encoding 按宽度截取字符

  • PHP 字符串运算符(。和。=)

    示例 只有两个字符串运算符: 两个字符串(点)的串联:$a = "a";$b = "b";$c = $a . $b; $c = "ab" 串联分配(dot =):$a = "a";$a .

  • PHP 字符串与正则表达式匹配

    示例 preg_match 检查字符串是否与正则表达式匹配。 $string='Thisisastringwhichcontainsnumbers:12345'; $isMatched=preg_match'%^[a-zA-Z

  • js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】

    本文实例讲述了js实现的页面加载完毕之前loading提示效果。分享给大家供大家参考,具体如下: 一、JS代码: 获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.

  • 基于域名、端口和IP搭建nginx虚拟主机

    nginx支持的虚拟主机有三种 1、基于域名的虚拟主机 2、基于IP的虚拟主机 3、基于端口的虚拟主机 一、基于域名构建 1、编译安装nginx服务 2、配置DNS域名解析服务 3、配置虚拟主机 a、创建自测网页

  • CentOS 7.3配置Nginx虚拟主机的方法步骤

    实验环境 一台最小化安装的CentOS 7.3虚拟机 配置基本环境 1. 安装nginx yum install -y epel-* yum isntall -y nginx vim 2. 建立虚机主机的站点根目录 mkd

  • Nginx 虚拟主机配置的三种方式(基于域名)

    Nginx配置虚拟主机支持3种方式:基于IP的虚拟主机配置,基于端口的虚拟主机配置,基于域名的虚拟主机配置。 详解Nginx 虚拟主机配置的三种方式基于IP https:www.nhooo.comarticle149774.htm 详解Nginx 虚拟主机配置的三种方式基于端口 https:www.nhooo.comarticle14978.htmb

  • 详解Nginx 虚拟主机配置的三种方式(基于端口)

    Nginx配置虚拟主机支持3种方式:基于IP的虚拟主机配置,基于端口的虚拟主机配置,基于域名的虚拟主机配置。 详解Nginx 虚拟主机配置的三种方式基于IP https:www.nhooo.comarticle14974.htm 详解Nginx 虚拟主机配置的三种方式基于域名 https:www.nhooo.comarticle14978.htmp

  • 详解Nginx 虚拟主机配置的三种方式(基于IP)

    Nginx配置虚拟主机支持3种方式:基于IP的虚拟主机配置,基于端口的虚拟主机配置,基于域名的虚拟主机配置。 详解Nginx 虚拟主机配置的三种方式基于端口 https:www.nhooo.comarticle14977.htm 详解Nginx 虚拟主机配置的三种方式基于域名 https:www.nhooo.comarticle14978.htmp

  • nginx配置多个虚拟主机vhost的方法示例

    在nginx下配置虚拟主机vhost非常方便。主要在nginx的配置文件nginx.conf中添加一个server即可 比如我想配置两个虚拟主机,通过域名linux.com和linux2.com访问,分别对应的目录是usrhtdocslinux 和usrhtdocslinux2 (这个目录下是放你开发项目文件哦) 因为我安装的本地虚拟机,所以我先在hosts文件中添加两个重

  • nginx配置虚拟主机vhost的方法详解

    前言 所谓虚拟主机,是说通过几个不同的url地址,都能到达nginx环境,只不过针对不同的url,处理的逻辑不同。 nginx支持虚拟主机,但是浏览器等客户端不知道,所以虚拟主机的几个地址,应该是都指向nginx所在的ip地址,虚拟主机功能才能正常。 环境 &

  • Linux下为Node.js程序配置MySQL或Oracle数据库的方法

    mysql使用 安装mysql 模块: 在安装根目录 cmd命令行执行命令 npm install mysql 安装成功后、 mysql数据库表 已存在的情况下。 在nodejs根目录 新建mysql.js: var sys = require'util'

  • CentOS系统上安装配置Oracle数据库的详细教程

    一.基本配置 1.硬盘剩余空间:10G以上 虽然Oracle 10g的安装文件只有800多MB,但安装后的oracle+oraInventory目录会用差不多4G空间,再加上安装时Oracle生成的临时文件(tmp目录需要至少400MB)。 2.内存1.5G以上 &nb

  • ThinkPHP使用Smarty第三方插件方法小结

    本文实例讲述了ThinkPHP使用Smarty第三方插件的方法。分享给大家供大家参考,具体如下: 如果你在使用ThinkPHP框架的时候不想采用TP自带的模版系统,而使用第三方的模版系统,你有很多其他的选择,在这里我仅介绍Smarty这种比较官方,而且比较强大的模版系统。 由于Smarty兼容PHP4,因此,它的效率会相对低一点点,这个低只是相对的,估计等Smarty啥时候正式放弃PH

  • 详解Linux系统中Oracle数据库程序的启动和关闭方式

    在单机环境下,要想启动或关闭ORACLE系统必须首先切换到ORACLE用户,如下 su - oracle Oracle数据库有以下几种启动方式: 1、 startup nomount 非安装启动,这种方式启动下可执行:重建控制文件、重建数据库 读取init.ora文件,启动instance,即

  • Zend Framework+smarty用法实例详解

    本文实例讲述了Zend Framework+smarty用法。分享给大家供大家参考,具体如下: 一、Zend Framework简介 Zend Framework使用模型-视图-控制器(Model-View-Controller(MVC))结构。这个用来把你的程序分离成不同部分使得开发和维护变得容易。 运行Zend Framework