JavaScript
GarfieldEr007
这个作者很懒,什么都没留下…
展开
-
100个JavaScript代码片段
实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { ...转载 2020-02-02 10:00:01 · 2810 阅读 · 0 评论 -
使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
引言Google Chrome 是由 Goole 公司开发的一款网页浏览器,自 2008 年 9 月第一个测试版本发布以来,其市场占有率逐步上升,至 2014 年 5 月,Chrome 已超越 Firefox 成为全球市场占有率第二的浏览器。Chrome 的受欢迎程度与其优秀的性能与兼容性密不可分,并且越来越多的网络应用程序都添加了对 Chrome 的支持,也足以体现网络应用的开发人员对转载 2017-04-02 23:17:06 · 1355 阅读 · 0 评论 -
JQGrid教程
JQGrid是一个在jquery基础上做的一个表格控件,以ajax的方式和服务器端通信。JQGrid Demo 是一个在线的演示项目。在这里,可以知道jqgrid可以做什么事情。下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。jqGrid学习之 ------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到转载 2016-12-22 23:21:49 · 2303 阅读 · 0 评论 -
jqGrid使用整理
jqGrid是一款处理表格展现的jQuery插件,支持分页、滚动加载、搜索、锁定、拖动等一系列对表格的常规操作。以下是最近项目中实践jqGrid的整理 1、引入到项目中来jqGrid的主页在http://www.trirand.com/blog/ ,上面提供了下载、demo、wiki等文档,都比较详尽。特别是http://www.trirand.com/jqgrid转载 2016-12-22 23:20:23 · 1789 阅读 · 0 评论 -
Java程序员从笨鸟到菜鸟之(二十八)Javascript总结之语言基础
JavaScript 脚本语言作为一门功能强大、使用范围较广的程序语言,其语言基础包括数据类型、变量、运算符、函数以及核心语句等内容。本篇文章主要介绍JavaScript 脚本语言的基础知识一:基础常识1.脚本执行顺序:JavaScript 脚本解释器将按照程序代码出现的顺序来解释程序语句,因此可以将函数定义和变量声明放在和之间,此时与函数体相关的操作不会被立即执行。2.大转载 2016-12-14 23:32:04 · 1131 阅读 · 0 评论 -
图标CSS分类参考
图标CSS分类参考FontAwesome 4.1.0 中完整的439个图标样式CSS参考 设计图标快速引用引用方式: class="fa fa-home" 注意:每个图标的引用都必须要添加 fa fa-x 两个class4.1新加入的71种图标 fa-automobile (别称) fa-bank (别称) fa-be转载 2016-09-03 20:15:59 · 2896 阅读 · 0 评论 -
廖雪峰JavaScript教程
JavaScript简介JavaScript历史要了解JavaScript,我们首先要回顾一下JavaScript的诞生。在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错,转载 2016-09-03 12:17:43 · 9340 阅读 · 0 评论 -
chrome调试工具常用功能整理
Elementschrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.windows: ctrl + shift + imac: cmd + opt + iDOM修改 html & 属性节点右键, 如下图, 可以:添加属性(enter)修改 html(F2)删转载 2016-09-03 09:56:02 · 1319 阅读 · 0 评论 -
JS断点调试心得
1.断点调试是啥?难不难?断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例)步骤记住没?用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试转载 2017-04-23 16:55:35 · 1362 阅读 · 1 评论 -
js函数对象
一、函数 //function测试 //函数是可以嵌套的 function FuncTest() { function square(x) { return x * x; } return square(10); } FuncTest(); //在函数体内可以通过arguments.length获取传入函数的实参个数 ...转载 2018-12-02 23:00:58 · 588 阅读 · 0 评论 -
JavaScript定义函数的几种方式
上节我们介绍了《JavaScript工作体系中不可或缺的函数》,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。接下来我们说说js当中定义(声明)函数的几种方式,以及每种方式的特点和与其他方式的区别。1、 函数式声明function funName(arg1, arg2){alert(arg1 + “,” + arg2);}特点:此种方式可定义命名的函数变量,而...转载 2018-11-20 12:27:01 · 2361 阅读 · 0 评论 -
JavaScript 函数定义方式
函数的定义通俗的来讲,函数是由事件驱动的或者当它被调用时执行的可重复使用的代码快。它是 JavaScript 语言一个即重要又复杂的组成部分,任何一个 JavaScript 框架,如 Dojo、jQuery 等都是有成百上千个函数组成的。函数的使用不仅提高了代码本身的可读性,也为它的扩展提供了可能,同时还降低了维护成本,加快 web 项目的开放进度;尤其是在多人参与的敏捷开发中。通常函数的...转载 2018-11-19 21:12:47 · 676 阅读 · 0 评论 -
javascript定时器
定时器来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录setTimeout()setInterval()clearTimeout(),clearInterval()实例:debounce 函数运行机制setTimeout(f, 0)含义应用参考链接JavaScript 提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval...转载 2018-04-20 21:47:15 · 675 阅读 · 0 评论 -
JavaScript数组方法大全(推荐)
数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习,下面小编给大家整理了关于数组的操作方法,一起看看吧。数组创建JavaScript中创建数组有两种方式,第一种是使用 Array 构造函数:?123vararr1 = new转载 2018-05-01 22:28:46 · 707 阅读 · 0 评论 -
JavaScript中数组使用总结
一、 数组的概念1.1 什么是数组数组是指的数据的有序列表。数组中每个值称之为数组的一个元素。数组中的每个元素都有一个位置,这个位置称之为索引(下标、index)。数组的索引是从 0 开始的同一个数组中,元素的类型不做任何限制。也就是说,同一个数组中可以方法Number、String、Boolean、Object对象等等。可以同时放入任何的类型。甚至数组转载 2018-05-01 22:26:44 · 665 阅读 · 0 评论 -
javascript之数组操作
4.1、创建var arrayObj = new Array();var arrayObj = new Array([size]);var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);示例: var array11 = new Array(); //空转载 2018-05-01 22:25:42 · 671 阅读 · 0 评论 -
echarts散点图使用
1.散点图中找最优记录"Content-Type" content="text/html; charset=utf-8"/> "utf-8" /> "stylesheet" href="style/style.css"> "js/echarts.common.min.js">转载 2017-04-23 17:12:58 · 7222 阅读 · 0 评论 -
在Chrome 中调试Javascript
在前面的两篇文章中我们讲了如何在IE中调试Javascript和在Visual Studio中调试Javascript,在本篇内容中,我们讲一下如何在谷歌 Chrome中调试Javascript。Chrome 是Google 提供的一款非常优秀的浏览器,内置了开发者工具,可以方便我们对JS代码进行调试。有了使用IE来调试Javascript的经验,在使用Chrome进行调试的时候会变得转载 2016-09-03 09:54:45 · 4391 阅读 · 0 评论 -
浏览器开发工具的秘密
目录常规找到开发工具用最新的开发版移动开发工具位置开发工具调试响应式设计学习快捷键Console 控制台Log, Info, Debug, Warn, Error输出数据表格Assert使用控制台定时器持久控制台重新运行命令任意 Tab 打开控制台改变框架焦点引用当前和前一个元素最终求值表达式检查通过面包屑导航 DOM搜索 DOM 节点检查字转载 2016-09-03 09:53:48 · 2186 阅读 · 0 评论 -
从零开始学习jQuery (七) jQuery动画-让页面动起来!
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:13:08 · 1958 阅读 · 0 评论 -
从零开始学习jQuery (六) AJAX快餐
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:12:07 · 1386 阅读 · 0 评论 -
从零开始学习jQuery (五) 事件与事件对象
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:11:25 · 1331 阅读 · 0 评论 -
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:10:40 · 1142 阅读 · 0 评论 -
从零开始学习jQuery (三) 管理jQuery包装集
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:09:29 · 1067 阅读 · 0 评论 -
从零开始学习jQuery (二) 万能的选择器
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 14:45:42 · 1237 阅读 · 0 评论 -
从零开始学习jQuery (一) 开天辟地入门篇
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 14:44:51 · 1171 阅读 · 0 评论 -
JSON对象
目录JSON格式JSON.stringify()基本用法第二个参数第三个参数toJSON 方法JSON.parse()参考链接JSON格式JSON格式(JavaScript Object Notation的缩写)是一种用于数据交换的文本格式,2001年由Douglas Crockford提出,目的是取代繁琐笨重的XML格式转载 2016-08-27 14:43:24 · 1300 阅读 · 0 评论 -
从零开始学习jQuery (八) 插播:jQuery实施方案
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:13:58 · 1182 阅读 · 0 评论 -
从零开始学习jQuery (九) jQuery工具函数
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:14:42 · 1226 阅读 · 0 评论 -
从零开始学习jQuery (十) jQueryUI常用功能实战
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:15:33 · 1622 阅读 · 0 评论 -
Chrome 中的 JavaScript 断点设置和调试技巧
你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功转载 2016-09-02 22:25:18 · 2367 阅读 · 0 评论 -
使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
引言Google Chrome 是由 Goole 公司开发的一款网页浏览器,自 2008 年 9 月第一个测试版本发布以来,其市场占有率逐步上升,至 2014 年 5 月,Chrome 已超越 Firefox 成为全球市场占有率第二的浏览器。Chrome 的受欢迎程度与其优秀的性能与兼容性密不可分,并且越来越多的网络应用程序都添加了对 Chrome 的支持,也足以体现网络应用的开发人员对转载 2016-09-02 22:24:36 · 16457 阅读 · 0 评论 -
利用jquery给指定的table动态添加一行、删除一行
$("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列$("#mytable tr").find("td:nth-child(3)") 3表示获取每行的第三列 今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手转载 2016-09-02 13:06:35 · 9952 阅读 · 0 评论 -
jQuery工具方法
目录常用工具方法判断数据类型的方法Ajax操作$.ajax简便写法Ajax事件返回值JSONP文件上传参考链接jQuery函数库提供了一个jQuery对象(简写为$),这个对象本身是一个构造函数,可以用来生成jQuery对象的实例。有了实例以后,就可以调用许多针对实例的方法,它们定义jQuery.prototype对象上面(简写为$.转载 2016-09-01 22:47:43 · 1037 阅读 · 0 评论 -
jQuery概述
目录jQuery的加载jQuery基础jQuery对象jQuery构造函数jQuery构造函数返回的结果集链式操作$(document).ready()$.noConflict方法jQuery实例对象的方法结果集的过滤方法DOM相关方法添加、复制和移动网页元素的方法动画效果方法其他方法事件处理事件绑定的简便方法on方法转载 2016-09-01 22:46:38 · 1204 阅读 · 0 评论 -
jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
JqGrid相关操作备忘 方法列表特别推荐:怎样获取某一方某一列的值:[html] view plain copyvar rowdata=jQuery("#list").jqGrid('getRowData',num); var emergencySencondMgrId = rowdata["emergen转载 2016-09-01 22:32:25 · 9436 阅读 · 0 评论 -
jQuery Datatable 实用简单实例
目标:使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求。同时,jQuery Datatable强大的功能支持:排序,分页,搜索等。Query Datatable能良好支持数据完全加载到本地后构建数据列表,排序、分页、搜索等功能就会自带,不需要我们去关心,在此主要说明通过后台动态的加载数据,已达到在大数据面前提高效率的转载 2016-08-29 23:59:13 · 12886 阅读 · 1 评论 -
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Aj转载 2016-08-27 15:16:37 · 1832 阅读 · 0 评论 -
js 时间戳转为日期格式
什么是Unix时间戳(Unix timestamp): Unix时间戳(Unix timestamp),或称Unix时间(Unix time)、POSIX时间(POSIX time),是一种时间表示方式,定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中,也在许多其他操作系统中被广泛采用。目前相当一部分操作转载 2016-06-09 14:24:27 · 5765 阅读 · 0 评论