随笔分类 - javascript
摘要：摘要： 在大数据时代，很多时候我们需要在网页中显示数据统计报表，从而能很直观地了解数据的走向，开发人员很多时候需要使用图表来表现一些数据。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、...
阅读全文
摘要：摘要： 本文将分享我在github上常用的一些插件，可能在开发中你会用到它，希望能够帮助你！前端技术总结url ：https://github.com/JacksonTian/fks简述： 主要说了对于前端开发人员需要掌握的技术和一些学习资料URL参数获取url ： https://github....
阅读全文
摘要：摘要： 本文讲解如何使用js生成n到m间的随机数字，主要目的是为后期的js生成验证码做准备。 Math.random()函数返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1)生成n-m，包含n但不包含m的整数：第一步算出 m-n的值，假设等于w第二步Math.random()*w第三步...
阅读全文
摘要：摘要：我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式，方法有很多，比如：通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式，注意是获取不是设置在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是，如果没有给元素设置任何样式，也会把浏览器默认的...
阅读全文
摘要：摘要： 在讲完javascript设计模式之后，本文主要再讲前端开发框架的模式，再讲模式之前，首先介绍下库和框架的区别，两者都是产品开发时的产物，因此很多人并没有很细的区分开来。 库是将代码封装在文件中、允许继承和修改这些文件。面向对象的代码组织形式而成的库也叫类库。面向过程的代码组织形式而成的...
阅读全文
摘要：摘要： 前面介绍了一款非常不错的前端框架kendo-ui，如果你想阅读，请点这里。通过使用它一段时间，感觉是非常好用。下面就介绍一下如何使用它和开发自己的组件引入： 只需要引进下面三个文件即可 kendo.common.min.css 通用样式 kendo.default.min.css 皮肤...
阅读全文
摘要：摘要： 现在有一个需求如图所示，当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，刚开始想到的就是修改输入框的type来决定显示明文还是密文，使用jQuery的attr来做试验，测试结果是chrome，Firefox，ie9+都是好的，在ie8以下就会报错，查找了下原因...
阅读全文
摘要：摘要： 当点击某个按钮或者某个事件发生出发浏览器打开一个新的窗口，这种交互在我们开发的时候经常会见到，一般有两种方法：通过a标签，click，当点击click是就会跳转页面通过javascript的window.open() 下面我们来分析下第二种方法window.open示例：window.o...
阅读全文
摘要：看了下Arale 项目一些关于JavaScript的编码风格，文档书写规范和注释规范，感觉还不错分享给大家，其实规范并没有标准的答案，只要项目组成员认可就好。规范讨论编码风格文档书写规范注释规范
阅读全文
摘要：在文本框倒叙输入一文中提到了设置文本框焦点的javascript代码，今天就使用这段代码来做一个Demo。内容就是当删除单词时就一次性删除整个单词，如图所示：下面我把示例代码贴上： 1 2 3 4 5 6 9 10 11 12 13 14...
阅读全文
摘要：近期公司在做重构，准备换前端框架由Extjs换kendo-ui，问什么要换框架呢？主要有以下几个原因：Extjs太重，偏向后端语言，前端写起来费劲Extjs执行太慢（这是主要原因），因为Extjs的页面也是用js来生成，这必然会降低性能，影响页面的渲染速度kendo-ui是一款非常不错的前端框架，你...
阅读全文
摘要：所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，如图所示，当我输入123456789时，在输入框上显示的是987654321。为什么要做这个Demo？是因为在项目中遇到了，项目需求是两个输入框，一个正序输入，另一个倒叙输入。 下面我把实现的思路和代码写出来。文本倒叙输入：只要我们保证输入框的...
阅读全文
摘要：变量声明前置：所谓的变量声明前置就是在一个作用域块中，所有的变量都被放在块的开始出声明，下面举个例子你就能明白了1 var a = 1;2 function main() {3 console.log(a);//14 }5 main();//输出1上面代码输出的是外层变量a的值1 var a...
阅读全文
摘要：模式有三种：Architectural Pattern、Design Pattern、Coding Pattern，即：框架模式、设计模式、编程模式。本文主要讲解javascript中的设计模式，好的设计模式能够提高代码的重用性，可读性，使代码更容易的维护和扩展。本文适合有一点javascript基...
阅读全文