爱代码也爱生活

工作中经常使用这个js自定义多级联动下拉菜单，实用方便尤其当需要把将数据库中的层级数据转换为树形结构时，还有就是根据条件动态添加减少菜单时test.htmljs自定义多级联动下拉菜单var gt = function (id) { return "string" == typeof id ? document.getElementById(id) : i

随着时代的变化，越来越感觉到js的重要性，js不仅可以做web页面(如Ext框架)，还可以做一些web的特效，这些特效不仅兼容PC，而且兼容手机端，毕竟是基于浏览器的，和平台没关系。现在微软的windows8 系统的App都可以用js开发了，大家有时间可以去尝试一下。       现在切入正题，说一下js 实现可拖动div.实现这个功能我们先说一下思路：     1.捕捉鼠标div

最近做项目在前端我使用了很多新技术，这些技术有bootstrap、angularjs，不过最让我兴奋的还是使用了HTML5的技术，今天我想总结一些HTML5的技术，好记性不如烂笔头，写写文章可以很好的整理思路，写到博客里还能做个备忘。　　1) 跨域通讯　　现在做企业项目，前端很不自然的会大量使用iframe标签，我以前在文章里提到iframe是一个效率极其低下的标签，但是如果项目没

（1）什么是事件起泡 首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的

来自：http://www.ruanyifeng.com/blog/2015/03/react.html现在最热门的前端框架，毫无疑问是 React 。上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC

做过web前端人都知道，经常会有ajax跨域问题，下面列举我经常使用的解决办法第一种：使用jsonp，jquery的ajax方法支持jsonp，但是最大的缺点就是只支持get方式，而且服务端也要修改客户端 test.html代码 工作端 $(document).ready(function() { var cache = {};

12年9月份帮朋友做的一个仿google+的分享新鲜事的web应用今天用了点时间，抽出一部分共享之 前端：html5+css3+js后端：php+mysql兼容：Google Chrome、Mozilla Firefox、ie7+浏览器功能有：可编辑div上传图片、摄像头拍照及人性化裁剪和缩略添加视频、抓取优酷、酷6视频及截取封面图上传附件抓取网

varnish和squid是专业的cache服务，而apache，nginx这些都是第三方模块完成squid功能最全面的，但是架构太老，性能不咋的varnish采用了"Visual Page Cache"技术，是内存缓存，速度一流，但是内存缓存也限制了其容量，缓存页面和图片一般是挺好的nginx是用第三方模块ncache做的缓冲，其性能基本达到varnish

node.js是运行在服务端的javascript，可以像php、java一样直接操作数据库其特点为：1. 它是一个Javascript运行环境2. 依赖于Chrome V8引擎进行代码解释3. 事件驱动4. 非阻塞I/O5. 轻量、可伸缩，适于实时数据交互应用6. 单进程，单线程注意事项：1、必须先开启相应端口8421，当然端口可修改2、如何彻底删

bootstrap是个很不错的前端css框架，把很多按钮、表单、表格、图片css通用样式都写好了，而且浏览器兼容不需我们考虑尤其是它的栅格系统很强大，在做响应式布局时候很有用，但是默认支持12列，一般也足够了，如果要自定义列，就要它的less我没用过，网站性能优化里面有提尽量少用css表达式

一、Varnish简介Varnish是一款高性能、开源的反向代理服务器和缓存服务器，其开发者Poul-Henning Kamp是FreeBSD核心的开发人员之一。Varnish主要运行两个进程：Management进程和Child进程(也叫Cache进程)。Management进程主要实现应用新的配置、编译VCL、监控varnish、初始化varnish以及提供一个命令行接口等

函数声明：function fnName () {…};函数表达式 var fnName = function () {…};匿名函数：function () {}; fnName();function fnName(){ alert(12);}//正常，函数声明调用前就已存在，所以函数调用可在函数声明之前 fnName();var fnName=function

vue.js的一大功能便是实现数据的双向绑定，本文就表单处理时运用v-model指令实现双向绑定做一个介绍：v-model这个指令只能用在, ,这些表单元素上，所谓双向绑定，指的就是我们在js中的vue实例中的data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，另一方也会相应的更新为相同的数据。这是通过设置属性访问器实现的。例如：app.html

app.html vuejs 过滤器、ajax数据、嵌套循环、if判断、事件监听 [v-cloak] { display: none } ajax获取数据 id 姓名 手机号 城市 性别 通过审核 我的学生 操作

js闭包涉及到作用域，js的作用域有两种，全局变量和局部变量，全家变量就是在函数外声明的，局部变量是在函数内声明的，函数内部可以直接读取全局变量 ，但是函数外部自然无法读取函数内的局部变量（函数内部声明变量的时候，要用var不然就是个全局变量）有时候需要得到函数内的局部变量滥用闭包会可能导致内存泄漏（由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，）所以在退出函数之前，将不使用的局部

由于jquery的click事件 进行了累加绑定，每当调用一次时，便增加一次绑定解决方法：$('#sub').unbind('click').click(function () {    ...});或者$('#sub').off().click(function () {    ...});

最近几年随着web开发前后端分工越来越细，同时mvc、mvp模式大行其道，js模板引擎也越来越流行了，js模板引擎很多，我经常用的是artTemplate、jsviews这两个模板引擎,12306用的就是jsviewsartTemplate 特性性能卓越，执行速度通常是 Mustache 与 tmpl 的 20 多倍（性能测试）支持运行时调试，可精确定位异常模板所在语句（演

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascr

这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。　　function Animal(){　　　　this.species = "动物";　　}还有一个"猫"对象的构造函数。　　function Cat(n

这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。　　var Chinese = {　　　　nation:'中国'　　};还有一个对象，叫做"医生"。　　var Doctor ={　

工作中经常使用的，其实也可以把get和save改成其他方式如cookie、sessionStorage等//缓存类function cacheHandler() { this.data = {}; this.lifeTime = 3600*24; //默认缓存一天 this.setLifeTime = function(lifeTime) { this.lifeTime = lif

做web前端开发时，需要ajax提交大量表单数据，如果一个个form字段拼接很费劲也容易出错，下面方法可解决这个问题 jquery form序列化转换为json对象 姓名： 性别：男女 爱好：篮球足球 籍贯： 上海 北京 深圳 发

个人感觉网上的在线模拟http请求工具相比火狐的HttpRequester没那么实用方便首先安装HttpRequester打开菜单——附加组件——搜索框输入 HttpRequester 就会搜出来，然后点击安装成功后在工具这里就会显示有HttpRequester，点击即可开始测试

var arr=new Array("a","ab");//使用jquery方法if($.inArray("a",arr)>-1){alert("在")}//自己写function contains(arr, val) {      var i = arr.length;      while (i--) {          if (arr[i

bootstrap栅格系统默认是12列，有时候需自定义列数，比如显示5列简单做法：原理就是找到控制列的样式覆盖它，这里以中等屏幕示例：/*一行5列*/.col-md-5ths{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}.col-md-5ths{float: left;}

ajax传送json格式数据，关键是指定contentType，data要是json格式var post_data={"name":"test001","pass":"xxxx"};$.ajax({ url: "http://192.168.10.111:8080/uc/login", type: 'post', contentType: "application/json;

网站中防止表单重复提交是一个比较普遍的需求，解决办法很多种有利用session和cookie即生成个一次性token放在表单隐藏域防重复提交有利用js设置变量锁定这里以设置表单失效来实现 注册 .submit-btn{ color: #fff;background-color: #7d61dd;} .disabled{ background-

jQuery中已经存在很多常用的工具函数，使用这些函数能够在开发中帮助我们解决很多常见的问题，从而提高开发效率，比如常用的有：$.ajax使用ajax调用，$.each用于遍历对象和数组，$.grep用于过滤数组，$.map对于一个数组进行一定程度转换后返回转换后的数组，等等一系列的方法；但是有时候由于业务的需要，我们可能需要在项目中多次使用一些函数，在这种情况下，可以把这些函数封装成jQuery

Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的APIapp.html vuejs 嵌套循环、if判断 [v-cloak] { display: none } id 姓名