随笔分类 -  Javascript

1 2 3 下一页
原生态JavaScript知识。
JavaScript事件概览
摘要：JavaScript事件 JavaScript是 单线程 ，在同一个时间点，不可能同时运行两个“控制线程”。 事件句柄和事件对象 1.注册事件句柄 标准和非标准 早期兼容性代码，查看浏览器支持哪种事件模型： 2.获得事件对象 标准 非标准: 兼容性代码: 3.从事件对象中获取数据 鼠标事件， 对象中 阅读全文
posted @ 2016-08-05 14:32 快乐八哥 阅读(296) 评论(0) 推荐(0) 编辑
Angular中ngCookies模块介绍
摘要：1.Cookie介绍 Cookie总是保存在客户端中，按在客户端中的存储位置，可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。硬盘Cookie保存在硬盘里，有一个过期时间，除非用户手工清理或到了过期时间，硬盘Cookie 阅读全文
posted @ 2016-07-18 12:50 快乐八哥 阅读(959) 评论(0) 推荐(1) 编辑
数据可视化-EChart2.0.0使用中遇到的2个问题
摘要：之前项目中都是使用FusionChart和HighChart，基本都是没有购买商业许可。然后现在开发的系统需要交付给客户使用。所以现在图表控件不能直接使用FusionChart和HighChart，通过对比EChart和D3.js，EChart由百度开发，相关的中文文档和问题应该会更好。而且D3.j... 阅读全文
posted @ 2015-01-22 14:00 快乐八哥 阅读(3353) 评论(4) 推荐(1) 编辑
修复bootstrap daterangepicker中的3个问题
摘要：最近项目中使用了一个基于Bootstrap的daterangepicker控件。 1.点击页面其他空白的地方，会把之前在日历上选中的日期选择上。 具体描述： 1.点击打开日期选择框 2.选择一个日期范围，用户没有点击“Apply”按钮，然后点击页面其他空白区域，控件会把选择的日期赋值到文本框中去。 这个需求估计在国外属于正常的情况。但是国内的用户习惯是：点击其他空白地方，应该是和点... 阅读全文
posted @ 2014-11-24 21:53 快乐八哥 阅读(8654) 评论(2) 推荐(3) 编辑
使用jQuery封装实用函数
摘要：一、引言 项目开发中，前端会有一个辅助工具类的js文件，比如cookie的操作，团队成员自己封装的方法。大多数时候，我们开发人员自己都是写一个全局函数，不考虑后期维护人员也会写相同的代码，然后造成代码之间的冲突。之前维护的一段代码如下： var g=function(id){ return document.getElementById(id);};var $$=functi... 阅读全文
posted @ 2014-08-24 18:46 快乐八哥 阅读(7409) 评论(0) 推荐(0) 编辑
jQuery UI Datepicker使用介绍
摘要：## 本博客使用Markdown编辑器编写在企业级web开发过程中，日历控件和图表控件是使用最多的2中第三方组件。jQuery UI带的Datepicker，日历控件能满足大多数场景开发需要。本文就主要讨论jQuery UI Datepicker的使用，和中文本地化配置。### 1.jQuery U... 阅读全文
posted @ 2014-05-29 17:36 快乐八哥 阅读(677) 评论(0) 推荐(0) 编辑
解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
摘要：# 本文使用博客园Markdown编辑器进行编辑 #---## 1.问题呈现 ##项目中使用了jQuery UI的Dialog控件，一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。效果截图如下： ![](http://images.cnitblog.com/blog/... 阅读全文
posted @ 2014-04-29 21:03 快乐八哥 阅读(3540) 评论(1) 推荐(1) 编辑
DIV元素水平和垂直居中
摘要：在前端开发过程中，经常要对元素进行居中设置。一般有水平居中，和垂直居中。一般设置水平居中简单。基本是margin:0 auto，就可以了。但是垂直居中，我们有时会觉得使用vertical-align,但是这个属性对div元素不起作用。 目前通用的解决办法是，使用绝对定位，然后设置left和top为50%。然后通过margin来设置。下面具体代码演示了一个简单的登录页面，然后使登录界面水平居中和垂... 阅读全文
posted @ 2014-04-23 18:57 快乐八哥 阅读(3839) 评论(0) 推荐(0) 编辑
jQuery.unique引发一个血案
摘要：项目开发过程中，PM说系统只要在一个特定的浏览器中运行就好，但是在其他的浏览器中不能出现逻辑的错误，所以在开发过程中，前端和后台选择是Chrome浏览器，没有仔细测试Firefox和IE。但是昨天PM反映了一个bug，是浏览器兼容性bug，在Chrome浏览器下工作正常，但是在IE浏览器不报错，但是... 阅读全文
posted @ 2014-04-18 12:41 快乐八哥 阅读(4173) 评论(4) 推荐(2) 编辑
JavaScript中的日期处理注意事项
摘要：在业务逻辑比较多的系统里面，一般都会涉及到日期的处理。包括选择起始日期和结束日期，结束日期要大于起始日期，日期的显示和输入等。 输入这一块基本都是使用jQuery datetimepicker，后来系统使用Bootstrap，就开始使用bootstrap datetimepicker。不过功能都差不多。 1.日期录入控件 日期输入 ... 阅读全文
posted @ 2014-04-11 18:14 快乐八哥 阅读(416) 评论(0) 推荐(0) 编辑
JSON入门指南--服务端处理JSON
摘要：平时公司使用的ASP.NET MVC3来开发Web项目，其实在ASP.NET中已经原生的支持JSON。所以基本不需要引进Newtonsoft.Json.dll。下面看在MVC4中，后台生成JSON数据，前端使用Ajax调用。然后就是前端使用POST请求，发送JSON格式，后台程序来处理。1.后台生成JSON格式数据，前端使用Ajax调用后台代码:public JsonResult GetList() { ArrayList eventlist = new ArrayList(); for (int i = 0; i $("#btn_se... 阅读全文
posted @ 2014-04-03 14:45 快乐八哥 阅读(1836) 评论(0) 推荐(1) 编辑
JSON入门指南--客户端处理JSON
摘要：在传统的Web开发过程中，前端工程师或者后台工程师会在页面上写后台的相关代码，比如在ASP.NET MVC4里面写如下代码： @Html.TextBoxFor(m => m.UserName, new { @class = "form-control" })这样的代码有优点，当然也有缺点。缺点就是前后端分离的不彻底，前端工程师需要了解一些后台的代码，而已在不能把前端和后台都分开开发和部署。采... 阅读全文
posted @ 2014-04-02 17:17 快乐八哥 阅读(1661) 评论(0) 推荐(0) 编辑
JavaScript操作Cookie
摘要：在Web开发中，我们经常使用Cookie保存一些不是非常敏高的数据。比如“下次自动登录”，“广告显示”等功能。定义是：某些网站为了辨别用户身份而存储在用户本地终端(主要是浏览器)上的数据。定义域RFC2109。Cookie总是保存在客户端中，可分为Cookie和硬盘Cookie。内存Cookie保存在内存中，浏览器关闭之后就消失了。硬盘Cookie保存在硬盘里面，有过期时间，除非用户手动清理或者其他网页脚本处理，或者到了Cookie的过期时间。Cookie的发明目的，因为HTTP协议是无状态的，服务器不知道用户上一次做了什么，这样浏览器和服务器交互时，服务器不知道浏览器的任何状态。服务器借助浏 阅读全文
posted @ 2014-01-15 22:52 快乐八哥 阅读(329) 评论(0) 推荐(0) 编辑
使用jQuery的animate方法制作滑动菜单
摘要：周末看Ziv小威的博客《制作滑动条菜单，如何延时处理滑动效果，避免动画卡顿》，参见地址：http://www.cnblogs.com/zivxiaowei/p/3462964.html。是通过jQury的animate方法来写的一个交互效果，当然他 觉得动画有一些卡，所以他用延时处理的方法，避免动画卡，方法可以值得借鉴。我自己用hover方法，然后动画时间设置的更短，为100毫秒，动画运行起来，速... 阅读全文
posted @ 2013-12-09 23:12 快乐八哥 阅读(2365) 评论(5) 推荐(2) 编辑
基于Bootstrap里面的Button dropdown打造自定义select
摘要：最近工作非常的忙，在对一个系统进行改版。项目后台是MVC1.0开发的，但是前端部分已经改过几个版本，而已之前的设计师很强大，又做设计又做前端开发。而已很时尚和前沿，使用了一直都很热门的Bootstrap工具包，有很多把它定义为Web前端CSS框架。说实话，之前只知道它是Twitter公司出品，界面做的比较好看。但是没有在实际项目中使用，之前公司新来的同事会这个，准备在公司官网项目中使用，因为我不会... 阅读全文
posted @ 2013-11-08 00:12 快乐八哥 阅读(9894) 评论(13) 推荐(1) 编辑
手动实现jQuery Tools里面tab功能
摘要：平时开发中用的Javascript类库都是jQuery，用到插件或者第三方类库能从jQuery Tools里面找到，基本不用其他的。当然有时同事喜欢使用jQuery UI里面的插件。并且jQuery Tools里面的插件和jQuery UI里面的插件还会出现冲突。这个事情就不舒服了。不过基本开发之前就确定好用哪个类库，免得后期开发中因为冲突的增加，增加项目的开发周期和开发成本。当然如果你掌握好jQ... 阅读全文
posted @ 2013-10-29 19:16 快乐八哥 阅读(1808) 评论(1) 推荐(1) 编辑
JavaScript变量声明提前
摘要：上周四吃完午饭，leader发了一道JavaScript的题目给我们做，我们Team里面有做前端的，有做后台的，也有做mobile web的，所以大家对题目的理解各自都不一样，然后在QQ讨论组里面进行讨论。发现虽然很基础，但是通过讨论收获不少。当然在有开发经验的开发者看来，这些都是学习JavaScr... 阅读全文
posted @ 2013-10-27 22:14 快乐八哥 阅读(1647) 评论(18) 推荐(3) 编辑
Javascript对象的方法赋值
摘要：Javascript对象编程学习中，一直不能很好的掌握对象的属性(property)和方法(method)。今天在写代码过程中，又犯了一个低级错误。 Javascript对象的方法 通过自定义一个球的对象。在页面加载完成时，在canvas上绘制一个球。 您的浏览器不支持HTML5 Canvas标签。 ... 阅读全文
posted @ 2013-07-07 22:54 快乐八哥 阅读(1625) 评论(0) 推荐(0) 编辑
使用jQuery Draggable和Droppable实现拖拽功能
摘要：上篇博客中已经介绍了web开发中基本拖放原理，现在给出需要完成的功能。最后运行的效果如下图所示： 主要功能需求说明： 1.左侧的元素结构最后会通过Ajax call服务器的数据来生成，能支持多级元素。父节点可以折叠起来 2.用户可以通过拖放的操作，将元素从左侧拖放到右侧。如果是拖的父节点元素，那么需要把它子节点的元素一并拖到右边 3.元素放到右侧，右侧可以接受元素的区域有2种可能。一种... 阅读全文
posted @ 2013-06-24 22:45 快乐八哥 阅读(5323) 评论(0) 推荐(1) 编辑
使用jQuery UI的draggable和droppable完成拖拽功能--介绍
摘要：第一部分--拖拽介绍 在https://code.csdn.net/2013ossurvey中最后一个开源项目就是zTree，一方面是因为自己看到有项目中使用了zTree，而已大家表示还不错。另外一方面，自己需要实现一个zTree不支持的复杂逻辑的拖拽功能。总体来说，我要实现的是一个可以拖拽的树形列表。当然最新版zTree也支持多课树之间的数据交互。当然一般的企业开发或者web开发中，... 阅读全文
posted @ 2013-06-13 23:35 快乐八哥 阅读(3706) 评论(0) 推荐(1) 编辑

1 2 3 下一页