随笔分类 -  [10]JS

• Jquery EasyUI中treegrid
  摘要：Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件InChatter系统开源聊天模块前奏曲最近在研究WCF，又因为工作中的项目需要，要为现有的系统增加一个聊天模块以及系统消息提醒等，因此就使用WCF做服务器端开发了一个简单的系统。开发最初学习了东邪孤独大哥的《传说的WCF系列》，文章写的很好，有兴趣的朋友也可以参考写，文章深入浅出，非常不错，坚持看完，相信在WCF方面可以入个门了，而且听说孤独大哥也来到的博客园呢~上面绝非广告，完全是真心的感谢，没有孤独大哥的文章，开发之初可能真的不会像现在这么顺利，现在软件的聊天模块已经可以正常运行和交流了。所以呢，我 阅读全文
  posted @ 2013-11-03 23:06 HackerVirus 阅读(2760) 评论(0) 推荐(0) 编辑
• 组织机构管理源码分享
  摘要：组织机构管理源码分享使用Jquery+EasyUI 进行框架项目开发案例讲解之四组织机构管理源码分享 在上三篇文章 《使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享》 《使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享》 《使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享》 我们分享了使用Jquery EasyUI来进行ASP.NET项目的开发的相关方法，每一个模块都有其共用性，细细理解与掌握，我相信使用EasyUI进行开发还是相当方便的。 接下来我分享“组织机构管理”模块主要的核... 阅读全文
  posted @ 2013-11-03 15:45 HackerVirus 阅读(1619) 评论(0) 推荐(0) 编辑
• 解决跨域
  摘要：前端解决跨域问题的8种方案（最新最全）2013-10-31 19:25阅读(576) 评论(5)编辑收藏1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.jshttp://www.a.com/b.js同一域名，不同端口不允许http://www.a.com/a.jshttps://www.a.com/b.js同一域名，不同协议不允许 阅读全文
  posted @ 2013-11-01 14:07 HackerVirus 阅读(249) 评论(0) 推荐(0) 编辑
• Bootstrap3入门
  摘要：Bootstrap3学习第一轮(入门)前言在上一节中http://www.cnblogs.com/aehyok/p/3381651.html主要是简单的介绍了一下Bootstrap。从http://www.bootcss.com/中文网不难发现现在是针对两个版本进行文档说明，看来两个版本的差别还是蛮大的。不过从Visual Studio 2013前不久的更新中看，微软是将Bootstrap3的新版本加入到了VS当中，所以也没什么好说的了，学习Bootstrap3也没什么顾虑了。这里之前也有一篇关于VS2013更新内容的简单介绍http://www.cnblogs.com/aehyok/p/33 阅读全文
  posted @ 2013-10-31 10:56 HackerVirus 阅读(217) 评论(0) 推荐(0) 编辑
• JavaScript修改Canvas图片
  摘要：用JavaScript修改Canvas图片的分辨率(DPI)应用场景:仓库每次发货需要打印标签, Canvas根据从数据库读取的产品信息可以生成标签JPG, 但是这个JPG图片的默认分辨率(DPI)是72这个DPI太低, 导致打印出来的图片会很模糊.修改DPI的常规做法是把图片上传到服务器用C#修改DPI后再下载到服务端但是心里觉得很憋屈, 分明已经在客户端生成了图片, 仅仅为了修改一个很小的标记(DPI信息只是JPEG格式的一个头部META)要上传一张很大的图片到服务端折腾一遭.后来使用了下面的方法用JavaScript直接修改了DPI这里不贴源码, 仅提供解决思路, 希望需要的朋友自己亲手 阅读全文
  posted @ 2013-10-28 23:48 HackerVirus 阅读(3033) 评论(0) 推荐(0) 编辑
• Javascript与当前项目的思考
  摘要：Javascript与当前项目的思考2013-10-25 23:20 by 不屈小强,454阅读,4评论,收藏,编辑主体 分为以下三部分,能力、经验有限,欢迎拍砖。1.低效的代码2.面向对象的重构重复利用代码3.调试的经验总结第一部分 日常中低效的代码加载和运行Script Example 当浏览器遇到一个 数据访问数据存储在哪里, 关系到代码运行期间数据被检索到的速度。在JavaScript中,此问题相对简单,因为数据存储只有少量方 式可供选择。正如其他语言那样,数据存储位置关系到访问速度。在JavaScript中有四种基本的数据访问 位置:直接量(Literal values)直接... 阅读全文
  posted @ 2013-10-26 22:20 HackerVirus 阅读(179) 评论(0) 推荐(0) 编辑
• soket.io.js + angular.js + express.js(node.js)
  摘要：soket.io.js + angular.js + express.js(node.js)今天搭建个soket.io.js + angular.js + express.js的环境， 采坑无数，特整理出来避免大家少走弯路。采坑问题原因主要是因为各各.js不同的版本及调用方式引起的，上述几个流行的框架版本更新都很快，而网上google到的资料经常没有标注哪个版本，所以照着写不一定能解决你的问题，因此再搭建环境时要特别注意版本的兼容性及调用方式。我的环境：angularjs v1.0.6express.js v3.4 (这里要注意soket.io 对于express2.x 和 3.x的调用方式有 阅读全文
  posted @ 2013-10-24 22:31 HackerVirus 阅读(201) 评论(0) 推荐(0) 编辑
• jquery数据验证插件
  摘要：jquery数据验证插件（自制，简单，练手） 一：最近项目中js数据验证比较多，为了统一风格，移植复用，于是顺手封装了Jquery的插件。(function($) { var defaults = { bugColor: '#FFCCCC', //数据有误的时候文本框颜色 color: 'white', //数据正确时候文本框颜色 type: "alert", //数据错误时候提示方式 alert 弹出框方式 text 赋值span html msg: "Msg", //数据有误的时候提示内容 ResOjId: ' 阅读全文
  posted @ 2013-10-22 23:13 HackerVirus 阅读(397) 评论(0) 推荐(0) 编辑
• 头像设置
  摘要：jQuery插件综合应用(四)头像设置一、操作流程会员点击头像设置，弹出一个层，在层中，有上传图片的按钮，用户点击按钮上传图片，图片在服务器端按大小压缩保存(方便剪切)。保存后，在前端显示，然后用户可修剪图片。选择图片区域，点击提交，保存修剪后的图片，图片保存后在当前页面头像区域显示图片。使用的插件有：弹出层使用lightbox_me插件，上传文件使用blueimp插件，切割图片使用Jcrop插件。插件的使用方法可以看下面的博文：网站开发常用jQuery插件总结(16)图片修剪插件Jcrop网站开发常用jQuery插件总结(17)上传插件blueimp网站开发常用jQuery插件总结(二）弹出 阅读全文
  posted @ 2013-10-21 22:40 HackerVirus 阅读(546) 评论(0) 推荐(0) 编辑
• js中常见的问题
  摘要：js中常见的问题原文链接1.js获取select标签选中的值原生jsvarobj=document.getElementByIdx_x(”testSelect”);//定位idvarindex=obj.selectedIndex;//选中索引vartext=obj.options[index].text;//选中文本varvalue=obj.options[index].value;//选中值jQuery第一种方式$(‘#testSelectoption:selected’).text();//选中的文本$(‘#testSelectoption:selected’).val();//选中的值$ 阅读全文
  posted @ 2013-10-21 22:07 HackerVirus 阅读(227) 评论(0) 推荐(0) 编辑
• 使用 Bootstrap Typeahead 组件
  摘要：使用 Bootstrap Typeahead 组件Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete，功能很强大，但是，使用上并不太方便。这里我们将介绍一下这个组件的使用。第一，简单使用首先，最简单的使用方式，就是直接在标记中声明，通过data-provide="typeahead"　来声明这是一个 typeahead 组件，通过data-source=来提供数据。当然了，你还必须提供 bootstrap-typeahead.js 脚本。 Product Search: 第二，使用脚本填充数据通常，我们使用脚本来填充数据，那么 阅读全文
  posted @ 2013-10-21 12:46 HackerVirus 阅读(175) 评论(0) 推荐(0) 编辑
• 用户权限管理软件开源
  摘要：小菜的系统框架界面设计-小菜用户权限管理软件开源大放送阅读目录开始为什么要开源？软件整体架构项目结构软件模块介绍程序配置文件程序源码运行注意数据库文件源码致歉回到顶部为什么要开源？有句：“赠人玫瑰，手有余香。”，在园子里学习有些一时间了，得到了很多人的帮助，我自已练习做了一套基于Winform的管理类小软件《小菜用户权限管理软件》，只当学习用，今天汇总一下开源分享给大家。我这个框架集成了好几个有用的框架：WeifenLuo.WinFormsUI.Docking.dll布局组件，分页组件，皮肤套件等，我在整体色调等方面做了些优化，让整个系统看起来比较协调。当然，还有很多不足的，毕竟这是练习嘛~~ 阅读全文
  posted @ 2013-10-21 11:21 HackerVirus 阅读(1244) 评论(0) 推荐(0) 编辑
• 调用远程服务的几种实现方式
  摘要：谈一谈调用远程服务的几种实现方式也许在我们过往的项目开发过程当中，或多或少都会遇到过针对于现有系统信息进行整合,使用的需求，或是调用人家接口或是给人家提供服务，今天就简单的和大家一起分享一些可用的远程调用服务的方法：1.webservice方法Web Service 是一种新的web应用程序分支，他们是自包含、自描述、模块化的应用，可以发布、定位、通过web调用。Web Service可以执行从简单的请求到复杂商务处理的任何功能。一旦部署以后，其他Web Service应用程序可以发现并调用它部署的服务。 实际上，WebService的主要目标是跨平台的可互操作性。为了达到这一目标，WebS. 阅读全文
  posted @ 2013-10-21 11:19 HackerVirus 阅读(1204) 评论(0) 推荐(0) 编辑
• 图片无缝切换
  摘要：jquery 图片无缝切换想要和园友分享一下学习jquery的经验、总结，更希望园友提出点建议。第一次写，有不好的地方请多多见谅！文笔有限，很多时候不知道怎么来描述，唉、硬伤啊！！那只好多做了，贴代码。。。ok，废话少说，先上Demo，里面有5个Demo,从简单的jquery到重构为jquery小插件。包含两个效果，手风琴效果和点击图片放大。上菜：Demo无缝连接原理： 1、定义显示区域，比如你有十张图片每次只显示5张。假如一张图片宽150px，那么可以用一个750px的div来包含一个1500px的ul/div。css: .myul { width: 150... 阅读全文
  posted @ 2013-10-15 17:54 HackerVirus 阅读(435) 评论(0) 推荐(0) 编辑
• seajs代码
  摘要：打包并压缩seajs代码背景 seajs是一款优秀的模块开发插件，但是当我们使用它来进行模块化开发的时候，由于它的每个模块的加载都会进行一次http请求，那么当模块数量倍增的时候，会拖慢页面的加载速度。 通常我们为了能加快页面的加载速度，都会对js进行压缩并把关联的模块打包为一个独立的js文件，这样可以大大减少js的文件大小并且减少http请求的次数，这样可以提升到页面的加载速度。 我们可以是用spm来对js文件进行打包、压缩(使用spm-build)，但是当我们编写兼容多种环境的js的时候(既可以直接用script引用又可以使用seajs来引用)，那么我们就没办法使用前面的方法来对js... 阅读全文
  posted @ 2013-10-14 23:24 HackerVirus 阅读(264) 评论(0) 推荐(0) 编辑
• PureMVC(JS版）源码解析
  摘要：PureMVC(JS版）源码解析：总结 PureMVC源码中设计到的11个类已经全部解析完了，回首想想，花了一周的时间做的这点事情还是挺值得的，自己的文字组织表达能力和对pureMVC的理解也在写博客的过程中得到了些提升。我也是第一次写系列博客，有很多疏漏之处，希望各位批准指正，也希望大家多相互交流。 为了大家方便索引，对PureMVC系列文章按照理解先后顺序做了个索引：1、认识PureMVC:http://www.cnblogs.com/iRavior/p/3347956.html2、PureMVC(JS版）源码解析（一）：观察者模式解析：http://www.cnblogs.com... 阅读全文
  posted @ 2013-10-14 23:10 HackerVirus 阅读(625) 评论(0) 推荐(0) 编辑
• YPreLoad
  摘要：Javascript库发布我的控件系列：图片预加载控件YPreLoad v1.0摘要: 介绍大家好！很高兴向大家介绍我的图片预加载控件YPreLoad。它可以帮助您预加载图片，并且能显示加载的进度，在预加载完成后调用指定的方法。YPreLoad控件由一个名为PreLoadImg的类组成。该类的构造函数为：PreLoadImg(images, onstep, onload)依赖库YOOP用法new PreLoadImg( /** * 图片数据 * id为图片id号，url为图片地址 */ [ { id: "a1", url: "a1.png" }, { i 阅读全文
  posted @ 2013-10-14 23:09 HackerVirus 阅读(194) 评论(0) 推荐(0) 编辑
• backbonejs mvc框架
  摘要：backbonejs mvc框架的增删查改实例一：开发环境coffeescript和nodejs需要先安装,没装网上自己查安装步骤。代码编写环境及esp框架下载：esp框架下载地址：https://github.com/nonocast/esp.git在下载目录执行安装命令：npm install esp这样开发环境就已经安装好了。二：backbonejs 增删查改实例代码backbonejs的学习可以网上下载电子书“backbonejs的入门教程”，及http://backbonejs.org/官网上学习1：html部分结构是由一个编辑模版和一个table行模版组成。body -> d 阅读全文
  posted @ 2013-10-12 23:35 HackerVirus 阅读(386) 评论(0) 推荐(0) 编辑
• Block formatting context
  摘要：不会JS中的OOP，你也太菜了吧！(第一篇)一、你必须知道的1) 字面量2) 原型3)原型链4) 构造函数5)稳妥对象(没有公共属性，而且其方法也不引用this的对象。稳妥对象适合用在安全的环境中和防止数据被其它程序改变的时候)二、开始创建对象吧: 首先来看两种最基本的创建对象的方法1> 使用Object创建对象var o = new Object();o.sname = 'JChen___1';o.showName = function(){ return this.sname;}2> 使用对象字面量创建对象var o = { name: 'JChen__ 阅读全文
  posted @ 2013-10-12 23:33 HackerVirus 阅读(168) 评论(0) 推荐(0) 编辑
• JS核心概念
  摘要：Javascript本质第一篇：核心概念很多人在使用Javascript之前都至少使用过C++、C#或Java，面向对象的编程思想已经根深蒂固，恰好Javascript在语法上借鉴了Java，虽然方便了Javascript的入门，但要深入理解Javascript的时候，却带来了误导。作者在学习Javascript的时候曾陷入了这个误区，希望通过这篇文章让新学者避免走这个弯路，迅速正确地掌握Javascript。1. 要点在面对Javascript时，要牢记以下几点：1.1 Javascript不是面向对象的编程语言如果非要把Javascript归到面向什么的话，Javascript准确的说是面 阅读全文
  posted @ 2013-10-11 21:57 HackerVirus 阅读(1229) 评论(0) 推荐(0) 编辑