javascript
关注
分享
扫一扫
文章平均质量分 66
lishuai05251986
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
npm介绍与cnpm介绍
npm介绍说明：npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-dev] <name>：node插件名称。 例：npm install gulp-less --save-dev-g...原创 2017-12-07 15:22:14 · 219 阅读 · 0 评论 -
Google 排名中的 10 个最著名的 JavaScript 库
JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。1. jQuery: The W...原创 2011-11-30 16:37:01 · 89 阅读 · 0 评论 -
js加载倒计时
<script> var loadtime=30*60*1000; function millisecondToDate(msd){ var time = parseFloat(msd) / 1000; if (time > 60 && time < 60 * 60){ time = parseI...原创 2011-11-30 09:15:47 · 133 阅读 · 0 评论 -
js去掉前后空格
js实现TRIM功能<SCRIPT LANGUAGE="JavaScript"><!--//出处:网上搜集// Trim() , Ltrim() , RTrim()String.prototype.Trim = function(){return this.replace(/(^\s*)|(\s*$)/g, "");}String.prototype.LTrim ...原创 2011-11-28 11:54:05 · 81 阅读 · 0 评论 -
URL中使用escape()编码，在java中使用request.getParameter()获取参数为null
在做页面开发时使用了Javascript的escape()函数进行URL编码，结果在JSP或Servlet中用request.getParameter()时取不到参数，只返回一个空值。经过Baidu的搜索终于找到了问题所在及解决的办法。 本来Javascript中的escape()是将中文按ISO-8859-1字符集进行URL编码的，那样通过 request.getParam...原创 2011-11-25 11:32:10 · 625 阅读 · 0 评论 -
js java escape和unescape函数
js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。 例如：<scrip...原创 2011-11-25 11:17:12 · 160 阅读 · 0 评论 -
js 中编码（encode）和解码（decode）方法
encodeURIComponent 方法将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。encodeURIComponent(encodedURIString)必选的encodedURIString参数代表一个已编码的 URI 组件。说明encodeURIComponent方法返回一个已编码的 URI。如果您将编码结果传递给decodeURIC...原创 2011-11-25 10:53:06 · 147 阅读 · 0 评论 -
javascript 常用的编码格式：escape(), encodeURL(), encodeURIComponent()
javascript 常用的编码格式：escape(), encodeURL(), encodeURIComponent()2008/09/22 17:25escape() 方法： 采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比...原创 2011-11-25 10:50:55 · 116 阅读 · 0 评论 -
javascript中判断IP地址格式
function checkIp(ip){var ipPattern = new RegExp( "^(([1-9][0-9]?)|(1[0-9]{2})|(2[0-4][0-9])|(25[0-5]))\\. ((0)|([1-9][0-9]?)|(1[0-9]{2})|(2[0-4][0-9])|(25[0-5]))\\. ((0...原创 2011-12-30 15:44:35 · 120 阅读 · 0 评论 -
input type=file的清空(javascript)
<input name="f1" value="C:\1.htm"><input type="button" value="浏览" onClick="f2.click();f1.value=f2.value;"><input type="file" id="f2" style="displa原创 2011-12-29 10:26:48 · 160 阅读 · 0 评论 -
[转]window.opener用法
window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如：1,window.opener.test(); ---调...原创 2011-11-02 10:37:39 · 105 阅读 · 0 评论 -
jquery选择器
— 基本选择器 — $("#txt").css("background-color","red");— 设置id为txt的元素 — $("p").css("background-color","blue");— 设置p元素 — $(".myclass").css("background-color","ye原创 2011-10-31 18:12:17 · 119 阅读 · 0 评论 -
javascript 中string转换int方法汇总
方法一: <script> var str='123456'; str = str-0; //字符转成数字 alert(str-100); </script> 方法二: <script> var str='123456' str = Number(str)//字符转成数...原创 2012-07-12 16:38:14 · 378 阅读 · 0 评论 -
js获取项目根路径
//js获取项目根路径，如： http://localhost:8083/uimcardprjfunction getRootPath(){//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.href;//获取主机地址之后的...原创 2013-09-17 16:26:00 · 85 阅读 · 0 评论 -
JS中的RegExp对象
JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。 使用RegExp的显式构造函数，语法为：new RegExp("pattern"[,"flags"])。 使用RegExp的隐式构造函数，采用纯文本格式：/pattern/[flags...原创 2013-09-17 16:31:35 · 105 阅读 · 0 评论 -
Electron学习笔记Part3-利用Electron builder应用打包EXE
HelloWorld写完并能够成功运行了，接下来将这个HelloWorld应用打包成exe安装包，这样就可以拿到其他电脑安装运行了，个人总结两种打包方式，其实现原理相同，但过程不同。目前刚刚实验利用Electron builder工具进行打包，需要安装Electron builder模块，在cmd中执行命令 [plain] view plain copy ...原创 2017-12-06 17:44:30 · 449 阅读 · 0 评论 -
利用electron-packager打包exe程序
一、安装 electron-packagerPS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。1、使用命令 npm install --save-dev electron-package...原创 2017-12-06 17:41:59 · 756 阅读 · 0 评论 -
使用npm安装electron不成功的解决方法
使用npm安装electron不成功的解决方法根据官网提供的electron的npm安装方法，使用下面的命令进行安装，结果不成功npm install --save-dev electron-prebuilt1错误提示electron-prebuilt已经改名为electron，重新使用npm install --save-dev electron进行安装，仍然不成功。通...原创 2017-12-06 17:24:51 · 559 阅读 · 1 评论 -
electron 的混合桌面之路 入门安装
最近有计划去写桌面程序，所以呢，我打算写一篇博客来记录使用21世纪逼格最高的技术的入门文档。electron 的混合桌面之路首先假装很厉害的样子介绍一下Github 官方制作的Atom代码编辑器，这个编辑器是使用electron技术开发的号称21世纪最富有变化的可扩展的编辑器（A hackable text editor for the 21st Century）。界面简单...原创 2017-12-06 17:23:17 · 186 阅读 · 0 评论 -
formValidator的一些验证实例
$(function () { try { $.formValidator.initConfig({ formid: "formTable", errorfocus: false, submitonce: true, tipstyle: "both", onerror:...原创 2016-12-21 11:14:25 · 142 阅读 · 0 评论 -
JS中onmouseover与onmouseout的bug/js避免onmouseover onmouseout多次触发
在Javascript中，父元素包含子元素，当给父元素设置onmouseover或onmouseout事件时，鼠标从父级移入子级的时候会多次触发onmouseover事件；鼠标从子级移入父级后再次移出的时候也会多次触发onmouseout事件。所以这个问题要解决，不然在以后的事例中出现很大的问题。下面我们首先要熟悉几个对象与方法：1）事件对象：2）事件对象相关属性(只针对onmou...原创 2016-11-16 15:33:43 · 1033 阅读 · 0 评论 -
「添加购物」功能交互演示
几平每个购物网站都会有一个购物车功能，它可以算是不可缺少的重要组成部分之一，也许你已习惯了右上角的购物车体验，也想不出创意的点子，那么建议看看 codyhouse 的新作：「添加购物」交互效果，也许会有借鉴创意的地方。这个「添加购物」功能有下面几个主要特色：特色1：购物车图标默认隐藏，只有添加图标后才显示购物车。特色2：展开动画十分友好，比如添加数量有的递增动画、购物车小窗口展开方...原创 2016-09-13 10:46:16 · 124 阅读 · 0 评论 -
一周APP UI交互设计动效灵感
一个好的动效设计可以提升UI界面与用户的交互体验，让枯燥的界面不这于沉闷，甚至具有吸引用户去继续去探索的可能，当然我们不能随便使用动效，需要经过深思熟虑，不要为了“弦”而去做。接下来一起看看本周摘选的《APP UI设计动效灵感 #1》，希望能给你带来创作灵感，Enjoy!来源来源来源来源来源来源来源来源来源来源...原创 2016-08-09 17:53:45 · 225 阅读 · 0 评论 -
让界面动起来！移动动效设计必备灵感网站
扁平化的兴起，现在越来越流行动效设计，特别对于移动端，对交互动效要求是很高的，今天为大家整理一些以展示动效为主的网站，对交互设计师来说是很好的灵感发源地。相关推荐《10个启发交互设计师灵感的UI设计网站和CSS动画网页》下面推荐的网站将是设计达人经过长时间整理并筛选出来的网站，建议设计师们收藏地来，此外我们也将这些网站收集到设计导航的灵感酷站栏目。UI MovementUI ...原创 2016-08-09 17:50:49 · 328 阅读 · 0 评论 -
功能性动画UX设计：优秀的过渡转场效果（Transtion）
功能性动画（functional animation）是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。通过组合与分割、改变形状和尺寸，运动可以使外表感觉鲜活。应当运用功能性的动画，流畅地在导航内容间引导用户，解释屏幕元素和排列的变化，并且强调元素层级。成功的动效设计具有以下6个特征：1. 响应...原创 2016-08-09 17:43:13 · 231 阅读 · 0 评论 -
表单动画 jQuery 插件：Form Animation Plugin
今天为大家分享的表单动画 jQuery 插件：Form Animatiom，我想大家看图就知道他作用是干什么了。主要作用就是当用户提交错误表单时，而触发动画提醒功能，这样会更加醒目，而动画效果友好，不会太过唐突。该插件需要引入 Animate.css 才能实现动画，所以你完全可以从 Animate.css 的几十种动画效果里挑选你喜欢的。插件名称：Form Animation下载地址...原创 2016-08-09 17:35:09 · 188 阅读 · 0 评论 -
JQuery全选和反选
1.代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="原创 2011-10-26 14:59:59 · 102 阅读 · 0 评论 -
警告：Parameters:Invalid chunk ignored
警告：Parameters:Invalid chunk ignored原因：在链接参数中存在一定的问题和业务逻辑没关系，比如说在一个链接http://url?param1=value1&redundance=rValue，其中redundance变量没有在业务逻辑中使用。解决方法：方法1：在业务逻辑中使用所有传入的值；方法2：去除冗余参数；还有一种情况很多朋友把以上的连...原创 2011-10-25 12:29:18 · 90 阅读 · 0 评论 -
js获取父框架、子框架的内容
view plaincopy to clipboardprint?获取父框架的内容: window.parent.id; ("id"为你要获取该值的名称); parent.document.getElementById("xxx"); parent.document.getElementsByTagName("body")[0]; 获取子框架的内容: （第一个...原创 2010-10-11 10:26:11 · 175 阅读 · 0 评论 -
getElementsByTagName
作 用 传回指定名称的元素集合。 基本语法 objNodeList ＝ xmlDocument.getElementsByTagName(tagname); 说 明 tagname 是一个字符串，代表找到的元素卷标名称。使用tagname "*"传回文件中所有找到的元素。[b]范 例[/b] objNodeList ＝ xml...原创 2010-10-09 13:45:27 · 131 阅读 · 0 评论 -
document.all还是document.getElementsByName
当页面上的控件同名且多个的时候,从程序的严密角度出发,需要判断长度,而且有长度和没长度是两种引用方法.oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:if(oEle.length){}else{};在两种情况下,花括号里面的内容写法也是不一样的:if(oEle.length){for...原创 2010-10-09 13:42:21 · 86 阅读 · 0 评论 -
js form action动态修改方法
用javaScript动态修改html组件form的action属性，可以在提交时再决定处理表单的页面。Js代码 < type="application/x-shockwave-flash" width="14" height="15" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf"...原创 2010-09-29 13:01:50 · 304 阅读 · 0 评论 -
JS大总结javascript事件查询综合
click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框，确定返回true取消返回falsecursor:样式 更改鼠标样式 ...原创 2010-09-28 11:41:13 · 584 阅读 · 0 评论 -
JS获取父框架的内容:获取子框架的内容:js框架应用
JS获取父框架的内容:获取子框架的内容:js框架应用 window.parent.id; ("id"为你要获取该值的名称); parent.document.getElementById("xxx"); parent.document.getElementsByTagName("body")[0]; 获取子框架的内容:...原创 2010-09-28 11:38:06 · 118 阅读 · 0 评论 -
常用正则表达式
常用正则表达式 正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。匹配中文字符的正则表达式： [\u4e00-\u9fa5]评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^\x00-\xff]评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）...原创 2010-09-27 09:14:41 · 81 阅读 · 0 评论 -
JS解析XML的实现代码
JS代码：复制代码 代码如下:<script language="javascript" type="text/javascript"> //需要读取的xml文件 var uRl = "jsReadXml.xml"; var xmlDoc; //初始化，给上述定义变量赋值 // function showcurcity(){ if(window.ActiveXObjec...原创 2011-01-11 11:58:41 · 80 阅读 · 0 评论 -
javascript实现弹窗效果的代码
//关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<script language=javascript>window.close();</script>");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("<script>");this.Response.Write("{top.o...原创 2011-01-11 09:08:21 · 209 阅读 · 0 评论 -
js页面刷新
页面自动刷新代码大全，基本上所有要求自动刷新页面的代码都有，大家可以自由发挥做出完美的页面。 1) 10表示间隔10秒刷新一次 2) <script> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script> windo...原创 2011-01-10 14:59:36 · 103 阅读 · 0 评论 -
框架自适应高度实例
<html> <div id="div111" align="center"><IFRAME id="frm" style="WIDTH: 100%" border="0" name="List" arginWidth="0" frameSpacing=原创 2010-12-14 17:14:06 · 94 阅读 · 0 评论 -
分析一下网页子窗口和网页父窗口的交互
1、父窗口传递信息给子窗口看代码实例：<script language=javascript>function outPut()...{ //获取父窗口的文本信息赋值给text var text = document.abc.text.value; //打开子窗口，并且把操作句柄赋值给win变量，以下所有操作都是针对win对象的 var win = window.open...原创 2010-10-11 10:34:49 · 156 阅读 · 0 评论