jQuery实现Twitter的自动文字补齐特效

2017年02月06日 12 阅读

上图效果可以使用jQuery插件Typeahead.js来实现，这款jQuery插件来自于Twitter的一个新的项目，支持远程和本地的数据集。比较有特色的地方在于你可以将数据集使用本地存储（local storage）来保存在本地，有效的提高用户体验。同时也拥有很多远程数据集的处理选项，例如（请求频率，最大的并发请求数，等等）。主要特性支持数据本地保存，客户端加载，优化加载速度支持多语言，并且支持阿拉伯文支持Hogan.js模板引擎整合支持多数据集拼装支...

关于javascript模块加载技术的一些思考

2017年02月06日 12 阅读

前不久有个网友问我在前端使用requireJs和seajs的问题，我当时问他你们公司以前有没有自己编写的javascript库，或者javascript框架，他的回答是什么都没有，他只是听说像requirejs和seajs是新东西新技术，很有价值所以想用它。 这位网友的问题引起了我对javascript模块加载技术的思考，上篇文章我给出了自己写的一个javascript库的基本结构，其实写这篇文章的一个起因就是因为我想使用requirejs或者seajs...

使用JS+plupload直接批量上传图片到又拍云

2017年02月06日 12 阅读

论坛或者贴吧经常会需要分享很多图片，上传图片比较差的做法是上传到中央服务器上，中央服务器再转发给静态图片服务器。而这篇文章讲介绍如何使用plupload对上传过程进行优化，并绕过服务器直接批量上传图片到又拍云上的方法。本文集中会讲到以下几个重点：复制代码 代码如下:plupload库图片的本地压缩多选图片绕过服务器直接批量上传图片到又拍云使用又拍的HTTP FORM APIplupload的配置plupload库plupload是一个支持非常丰富的图片上传...

浅谈Javascript中深复制

2017年02月06日 12 阅读

在javascript中，所有的object变量之间的赋值都是传地址的，可能有同学会问哪些是object对象。举例子来说明可能会比较好：复制代码 代码如下:typeof（true） //"boolean"typeof（1） //"number"typeof（"1"） //"string"typeof（{}） //"object"typeof（[]） //"object"typeof（null） //"object"typeof（function（）{}） ...

Javascript模块化编程详解

2017年02月06日 12 阅读

模块化编程是一种非常常见Javascript编程模式。它一般来说可以使得代码更易于理解，但是有许多优秀的实践还没有广为人知。基础我们首先简单地概述一下，自从三年前Eric Miraglia（YUI的开发者）第一次发表博客描述模块化模式以来的一些模块化模式。如果你已经对于这些模块化模式非常熟悉了，大可以直接跳过本节，从“进阶模式”开始阅读。匿名闭包这是一种让一切变为可能的基本结构，同时它也是Javascript最棒的特性。我们将简单地创建一个匿名函数并立即执...

Javascript学习指南

2017年02月06日 12 阅读

javascript入门太容易了，导致几乎人人随便看看就能上手，零基础的人学个三五天都能对外宣称自己掌握了js。可是真正掌握js是一件很难的事情。如果在初学一门语言的时候第一想到的是问别人，是很难取得进步的。因为得到答案太容易，而不会去想为什么。而且说实话，js并不适合作为第一门编程语言，它兼容并包，容错性高，但这也意味着一但出错你就很难找到错误的原因。另一方面js有一些优秀的特性对于没有编程经历的人来说也很难发现。如果你真想学好js，我有个大概的自学轨迹...

为什么Node.js会这么火呢？Node.js流行的原因

2017年02月06日 13 阅读

Node.js是一项服务器技术，它用来构建和运行Web应用，这和ASP.NET，Ruby on Rails或Spring框架做的工作是类似 的。它使用JavaScript作为主要的开发语言，有一个自带的轻量级Web服务器，还有Node包管理（NPM）的大量插件，你就可以按照你自己的需 求来塑造Web应用，像添加MVC特性，加入Restful服务，OAuth或SSL安全性等等。语言的重复使用像ASP.NET或Spring这样的技术需要开发人员学习一门新的服务...

Javascript字符串浏览器兼容问题分析

2017年02月06日 12 阅读

本文实例分析了Javascript字符串浏览器兼容问题。分享给大家供大家参考。具体分析如下：先看下不兼容的写法，若我想获取某个字符串的第几位复制代码 代码如下:var str="aavvvcc";console.info（str[0]）;这种写法 在IE 7以下的浏览器都不兼容，以下提供浏览器全兼容的方式复制代码 代码如下:var str="aavvvcc";console.info（str.charAt（1））;使用charAt（） 就可以获取字符串中某...

使用ajax+jqtransform实现动态加载select

2017年02月06日 12 阅读

今天在工作的时候遇到一个问题，页面中公司名称是在项目名称选择后用ajax读取出来的。但是jqtransform是在页面加载完成后调用的，所以导致了公司名称下拉框无法展示最新的数据。<link rel="stylesheet" href="${ctx}/jqtransformplugin/jqtransform.css" type="text/css"></link> <script type="text/javascript"...

bootstrap改变按钮加载状态

2017年02月06日 15 阅读

bootstrap里面有个激活按钮的时候，按钮变成不可用的；按照官网里面的方法介绍是在button按钮加个 data-loading-text="Loading..." 属性，然后js总体代码是这样：复制代码 代码如下:<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off"> Loa...

21个JavaScript事件（Events）属性汇总

2017年02月06日 13 阅读

1、js事件通常和函数结合来使用，这样可以通过发生的事件来驱动函数的执行，从而引起html出现不同的效果。2、属性（当这些事件的属性发生时，会触发function{}的函数）：1）onabort:当图像加载被中断时，会引发function内的函数。2）onbur:当元素失去焦点；3）onfocus:当元素获得焦点4）onclick:鼠标点击某个对象5）ondbclick:鼠标双击某个对象6）onerror:当加载文档或图像时发生某个错误7）onchange...

Js 正则表达式知识汇总

2017年02月06日 11 阅读

正则表达式：1、什么是RegExp?RegExp是正则表达式的缩写。RegExp 对象用于规定在文本中检索的内容。2、定义RegExp：var +变量名=new RegExp（）;3、RegExp 对象有 3 个方法：1）test（）检索字符串中的指定值，返回值是true或false.复制代码 代码如下:var p1=new Reg（"e"）;document.write（Reg.test（"welcome to China！"））;2）exec（...

JavaScript基础知识学习笔记

2017年02月06日 12 阅读

JavaScript简介一、定义：JavaScript是脚本语言，需要宿主文件，它的宿主文件是html文件。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。二、用法：在html中的位置有三块：1）head里面；2）body里面；3）</html>之后，为了保险起见一般写在</html>之后。<scri...

JavaScript基础语法、dom操作树及document对象

2017年02月06日 12 阅读

第一部分 基本语法：1、数据类型（字符串、小数、整数、布尔、时间日期）复制代码 代码如下:var s="3.14" var n=parsefloat（s） s+=5;var s="abc3.14" var n=parsefloat（s） //NaN s+=5;//解析转换成小数型var d=parseInt（s）//解析转换成整数型isNaN（字符串），判断是不是数字模样的字符串，是-false；否-true2、变量3、运算符：四大类4、表达式（为了组成语...

js时间日期格式化封装函数

2017年02月06日 11 阅读

js虽然提供了各种获取时间Date对象的不同属性方法，如：getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 ... ... 等等，但是却没有像java那样提供一个方法来供用户来根据自身提供的模板（pattern），来格式化指定时间对象，所以自己就封装了一个小方法，只供大家闲来调侃-.-，有好的建议还望慷慨指荐哦。用到知识点： arguments：该对象代表正在执行的函数和调用它的函数的参数。不可显式...

javascript常用方法汇总

2017年02月06日 12 阅读

本章没有深奥的讲解js一些底层原理，比如this指针、作用域、原型啦，涉及的都是一些有利于平时开发时简化代码，提高执行效率，或者说可以当做一种经验方法来使用，篇幅都不长，小步快跑的让你阅读完整篇文章，体验编程的快乐。获取两个区间之内随机数复制代码 代码如下:function getRandomNum（Min, Max）{ // 获取两个区间之内随机数 // @逆火狂飙 提出有可能第一个参数大于第二个参数，所以增加一下判断更可靠 if （Min > M...

javascript函数声明和函数表达式区别分析

2017年02月06日 12 阅读

平时再用js写函数的时候，一般都是以惯例 function fn （） {} 的方式来声明一个函数，在阅读一些优秀插件的时候又不免见到 var fn = function （） {} 这种函数的创建，究竟他们用起来有什么区别呢，今天就本着打破砂锅问到底的精神，好好来说说这个让人神魂颠倒的--函数声明。函数声明 函数声明示例代码复制代码 代码如下:function fn （） { console.log（"fn 函数执行.."）; // code..} ...

HTML，CSS，JavaScript速查表推荐

2017年02月06日 14 阅读

事实上， 速查表 就是来帮助我们把日常中最常用到的信息聚集起来，方便使用，使我们做工作时更有效率。有了它们，免去了你的大脑花额外时间去记忆它们的烦恼——你只需要打开简表，马上能查到你想要的信息。这篇文章里，你可以看到 最实用的HTML，CSS，JavaScript速查表 ，它们可以当作参考资料，备忘录，能帮助你以最快的速度找到想要的信息。看看这些简表是不是你想要的，请在文章下面留下你的建议，谢谢！HTMLHTML帮助手册 HTML速查手册HTML特殊字符速...

JavaScript和CSS交互的方法汇总

2017年02月06日 12 阅读

用JavaScript获取伪元素（pseudo-element）属性大家都知道如何通过一个元素的style属性获取它的CSS样式值，但能获取伪元素（pseudo-element）的属性值吗？可以的，使用JavaScript也可以访问页面中的伪元素。复制代码 代码如下:// Get the color value of .element:beforevar color = window.getComputedStyle（document.querySelec...

CSS3,HTML5和jQuery搜索框集锦

2017年02月06日 12 阅读

添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找到自己需要的信息。因此，在网站中添加一个搜索框已经成为网页设计的主流元素之一。添加一个搜索框到网站会使得用户界面更加友好，也能帮助用户轻松愉快地浏览。脉动的CSS3输入搜索框 输入搜索框带有边框和类似脉冲的阴影跳动。纯CSS的建议搜索框 这是一个使用纯CSS构建扩展建议搜索框的简单教程。CSS的扩大搜索框 扩大搜索框是一个点击或输入东西时会变宽的一个简单搜索框。使用CSS转换扩大搜索栏 我们将利用CS...