
JS
little_color
多多交流啊!
展开
-
JS之BOM
JS语言是BS开发中负责页面动态效果的一种脚本语言,既然如此,自然少不了有关浏览器页面的知识,BOM:浏览器对象模型,涉及到有关JS中操作浏览器页面的一些基本知识。在这里最核心的对象就是window,它包含六大属性,其中这些属性本身也是对象。通过图中,可以看出来,在window中我们最常用的就是window中的document对象即DOM(后面单独总结)。这里仅简单的总结一下有关win原创 2014-10-24 20:49:15 · 1514 阅读 · 24 评论 -
利用Map做HighChart统计图数据源确定方案
最近在使用highChart做数据统计图时,忽然想到,在作图时,需要同时将X轴和Y轴的数据源同时传至页面,并且还得一一对应。于是,开始思索该用什么方案来解决此问题。上图就是我想要达到的效果。每次要根据我选择的月份来自动生成当月每一天所对应收单数的统计图。这就要求,我必须将每日的收单数一一对应的传至页面。一想到一一对应,很自然会想到Map的键值对形式。可是Map键值对的形式传至前台应该如何处理呢原创 2016-03-11 10:45:34 · 1471 阅读 · 5 评论 -
在JS中获取页面提交参数
JSP和JS 在看到这篇博客的题目时,首先你应该想到的不是题目中所描述的问题,而是应该在脑海中回忆一下,JSP和JS文件的区别,别的不用说,但从能支持的书写格式来说就好了。 来简单的区分一下这两种文件中代码的格式: 1、JSP:java语言和JS,HTML的结合,也就是说在JSP页面中我们既可以写Java代码,也可以写HTML和JS的代码。二者不会冲突。原创 2015-11-30 09:49:54 · 3336 阅读 · 8 评论 -
项目实践——利用标记避免表格行之间出现被重复赋值,同时避免去除自身
问题背景 点击表格中的多行,通过填写表单号,来进行后续的操作。。。 在我们填写表单号时,如何才能避免填入的表单号重复呢? 还有一个问题,在去除重复时,我们必须判断比较重复的行不是自身。其实在解决这个问题时,最开始,我以最普通的思维来解决:顺序思维我所指的是一条一条添加,也就是按顺序填写。这个时候,每次在判断时,只需要判断最后一条与前面的所有信息,只要没有重复即可认为不存在重复原创 2015-11-16 18:10:01 · 971 阅读 · 10 评论 -
项目实践——JS为当前行内节点赋值避免覆盖解决方案
知识背景在做cc系统填写表单时,在明细区需要填写多条信息,同时,每行信息都要根据填入的报销单号来加载不同的加分原因和加分值。如图:如果只是像平常那样通过JQuery获取节点后直接赋值,由于每个明细区对应的字段的各个属性都是一模一样的,所以,势必会造成值覆盖的问题,最后导致的结果就是所有行的‘加分原因’和'加分值'都是一样的。解决方案于是,便通过获取当前节点的父节点,然后从父节点中寻找所有的同级原创 2015-11-11 15:53:42 · 2207 阅读 · 8 评论 -
easyui------向datagrid中动态添加不重复的记录
前一段时间,在界面中遇到从datagrid已有数据中选择数据到另一个datagrid,这时,是需要考虑到添加不重复的记录的。如下图所示的效果: 在第一次添加的时候,其实是要将所有选中的学生进行添加,那么如果第二次进行添加,就要进行过滤操作,这时只需要添加那些之前,没有选中的学生,所以这里又一次用到了原来学习到的产生不重复的随机数里面的知识了,又回忆了一遍,印象深刻了原创 2015-02-23 09:42:55 · 5778 阅读 · 7 评论 -
CSS+DIV+JQuery实战视频总结
在牛腩中学习过CSS和DIV,在JS中学习过CSS+JS 封装,在这里又回顾了一遍,也作为查漏补缺,也算比较系统的复习了一遍吧。 css核心内容主要包括四个方面:标准流,盒子模型,浮动和定位,而在B/S前台页面的布局中,它们也起着决定性作用。盒子模型来确定每个元素的具体大小,边框和间距等,浮动定位与标准流结合来确定页面中元素之间的排列顺序和位置布局等,再加上一些基础的CSS样原创 2014-11-06 20:27:06 · 1996 阅读 · 21 评论 -
JS继承——原型的应用
前面我们知道JS是基于对象编程的一种脚本语言,在JS本着一切皆对象的原则,对象之间也涉及到了继承,不过这里的继承与我们以往学习过的继承有所不同,它运用的是对象的原型,来构造一个原型链来实现对超类对象的继承。1、如何实现对象继承 function Box() { //Box 构造,超类对象this.name = 'Lee';}Desk.prototype = new Box(); //原创 2014-10-19 21:13:19 · 1724 阅读 · 22 评论 -
JS基础——构造函数VS原型
JS是一种基于对象的语言,在使用过程中不免遇到复制对象的问题,但通常我们采用的直接赋值‘obj1=obj2’这种做法会出现数据覆盖问题。也就是对象引用过程中引用地址一致,导致对象数据被修改的问题。这时我们可以采用工厂模式来对对象进行实例化,从而实现对象的引用地址一致导致的数据覆盖问题。但此时,问题随之又来了,使用工厂模式,对于具体的实例所属的具体对象又搞不清楚,在JS中采用构造方法来解决对象实例的原创 2014-10-09 20:40:19 · 1576 阅读 · 13 评论 -
JS基础——事件绑定
上一篇博客JS事件对象中,老师问JS事件处理和VB中的事件处理有什么联系?先来解决一下这个问题。举个VB.net中事件处理的例子(JS敲久了,VB习惯的都不熟悉了,看来得经常回顾了):1、事件处理VB VS JSPrivate Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click原创 2014-11-02 11:07:05 · 2657 阅读 · 17 评论 -
JS之DOM
在HTML页面中是有很多的节点构成的具有层次结构和原创 2014-11-01 10:15:00 · 1684 阅读 · 13 评论 -
JS基础——数组总结
JS中数组被认为是一种对象,慢慢的,怎么忽然感觉,JS中只要可以独立出来的概念怎么都可以当成对象来解释呢?有点儿怀疑。继续学吧。先来总结一下JS中数组是如何具体使用的。一、创建 数组的创建在JS中和Object基本上是一样的。他可以通过new关键字来声明,也可以通过字面量的方法来创建。JS中数组创建只支持一维数组。 1、new var box=ne原创 2014-10-04 11:16:32 · 1757 阅读 · 9 评论 -
JS基础——函数的创建和使用
在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它同样也具有函数名,参数,返回值,函数体等这些平常函数所具有的内容。但是作为一种脚本语言,它确实也有自己不一样的地方。 一、创建 function box(){ //利用function关键字进行声明+函数名+(可添加参数)+{具体执行内容,可包括返回值} return 'hello!';}在原创 2014-10-03 11:39:19 · 2115 阅读 · 13 评论 -
JS基础——事件对象event
事件为什么会是对象呢?先了解一下事件处理一、事件处理 JS在事件处理函数中提供了事件对象,帮助处理鼠标和键盘事件。同时还可以修改一些事件的捕获和冒泡流的函数。事件处理分为三部分:对象.事件处理函数=函数document.onclick=function(){ alert(this.value); //this代表着在该作用域中离它最近的对象。}以上事件处理中,d原创 2014-10-27 21:52:37 · 14805 阅读 · 25 评论 -
Ajax核心技术之XMLHttpRequest对象
XMLHttpRequest对象到底是什么?跟Ajax到底有什么联系?在了解它之前还是要先了解一下Ajax的功能。与以往的技术不同,Ajax是为了实现异步操作。 那么关于异步,好像一个管理者安排好一个项目计划后,将这个项目交给下属去做,而自己再继续做自己应该做的其他的事儿。在下属去完成这个项目的过程中,并不影响此管理者的工作状态或者进程。只是等到项目完成交付时,管理者进行验收即原创 2014-11-13 09:59:24 · 1944 阅读 · 15 评论 -
JS基础——闭包
有关JS中闭包的理解和使用。一、简介 子函数可以使用父函数中的局部变量,这种行为就叫做闭包。通常指,有权访问另一个函数作用域中的变量的函数。创建时,通常在一个函数中创建另一个函数,通过另一个函数访问这个函数的局部变量。function box() { var user = 'Lee'; return function () { //通过匿名函数返回 box()局原创 2014-10-07 18:36:28 · 2146 阅读 · 16 评论 -
JS动态添加和删除行
实现页面动态添加和删除行效果如下: 主要实现包括页面和js部分 页面HTML 主要通过table来实现,html先写好模版。 <table id="ruleTable"> <tr> <td> ...原创 2018-04-26 15:21:10 · 1303 阅读 · 0 评论