【javascript】随手记代码】的更多相关文章

Javascript 语言精粹 代码片段合集 标签:Douglas-Crockford Javascript 最佳实践 原文链接 更好的阅读体验 使用一个method 方法定义新方法 Function.prototype.method = function (name, func) { if (!this.prototype[name]) { this.prototype[name] = func; } return this; } 根据数字的正负来判断是使用Math.ceiling 还是Mat…
原文:WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信 最近工作需要,学习了一下winform内嵌webbrowser控件,然后与htm页面中的javascript交互调用的技术,因此有了这篇心得. 总的来说,javascript与winform的code互相调用,和web开发中javascript与服务器端代码通过ajax互相调用有类似之处. 下面就用三个例子来说明: 一.将WebBrowser控件放置在winform中,然后,写一个Page1.ht…
原文:Notepad++ 配置 支持jquery.html.css.javascript.php代码提示 官网下载:http://notepad-plus-plus.org/ 获取插件的方法:打开软件,窗口工具栏有有一个问号,点获取插件. 我使用的插件(安装方法都是官方的方法): QuickText.v0.2.1.zip      //自定义缩写词,按快捷键后输出 定义的代码段   使用方法:http://immmmm.com/quicktext-for-notepad.html 安装方法: J…
1:ASP.NET 前台Javascript调用后台代码 1.1:前台Javascript <script> function CallCs() { var str = "<%=GetStr()%>"; alert(str); } </script> <input type="button" name="btnClick" value="js调用后台代码" onclick="…
转自开源中国社区:http://www.oschina.net/code/snippet_94055_21640经常做jsp开发的朋友可能遇到一个情况,显示列表数据不是table,而是div或者其他很多标签做的一种更漂亮的样式列表.如果采用ajax更新列表数据,可能有些朋友采用“html代码拼接”的方式,比如:"<a>"+json.name+"</a>"这样的方法.下面我提供一个思路,可以不需要拼接html代码,并且适用任何复杂的列表. 代码…
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON.Web Service.WCF以及Sockets的支持等一系列新的特性.<一步一步学Silverlight 2系列>文章将从Silverlight 2基础知识.数据与通信.自定义控件.动画.图形图像等几个方面带您快速进入Silverlight 2开发. Silv…
平时面试经常会遇到类似下面的这种题,而且千变万化,让人一个头两个.示例这道题算是稍微有点难度的了,这种题考查的是JavaScript引擎执行代码的步骤. b = 'cba'; function a(a, a){ console.log(a); console.log(b); var b = 'abc'; a(); function a(){ console.log(a); console.log(b); } } a(5,10); 先上理论: (1)分析脚本的执行过程,也就是全局作用域下的代码.…
我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程…
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <!--load事件的使用,只有在整个页面加载完成后才会执行--> <body onload="say()"> <script type="text/javascript"> /* * javascript中的代码会顺序执行 *…
//js实现的当前界面的刷新.前进.后退 <input type="button" value="刷新" onclick="window.location.reload()"> <input type="button" value="前进" onclick="window.history.go(1)"> <input type="button&qu…
要介绍了javascript圆盘抽奖程序实现原理和完整代码例子,需要的朋友可以参考下  看到网页上有不少大转盘抽奖的应用,心血来潮也想弄个.于是找了点资料自己研究...  效果预览: 一.模拟抽奖的实现过程 旋转原理:当支持CSS3属性采用transform: rotate(角度deg)设置,当角度为正数时顺时针旋转,当为负数时逆时针旋转.如果是IE8及其以下,采用采用绝对定位设置top和left,模拟角度旋转. run方法,参数angle指角度 复制代码代码如下: function run(a…
基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐. 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name…
程序的开发离不开代码的复用,通过代码复用可以减少开发和维护成本,在谈及代码复用的时候,会首先想到继承性,但继承并不是解决代码复用的唯一方式,还有其他的复用模式比如对象组合.本节将会讲解多种继承模式以实现代码复用. 继承复用-默认模式 继承复用-apply函数 继承复用-临时构造 继承复用之默认模式: 每个javascript对象都和另一个对象 相关联,而这个对象就是原型(prototype),而原型又可以链接到其他原型行程原型链,如果当前对象不存在类似方法则会沿原型链查找,直到查找为止.继承的默…
俄罗斯方块代码说明 /** 名称:Javascript 俄罗斯方块! 作者:Gloot 邮箱:glootz@gmail.com QQ:345268267 网站:http://www.cnblogs.com/editor/ */ OLSFK = {}; 本俄罗斯方块代码采用 JavaScript 脚本代码写成,简单易懂: 全代码采用静态类及静态变量成员组成: 全脚本通过实现代码全局配置 OLSFK.Options = {...} 定义方块起始坐标及定义各自的旋转点: 从初始化俄罗斯方块界面开始,再…
Reference: http://blog.csdn.net/jmyue/article/details/11060003 大项目往往是有很多人一起完成的,然而每个人都有自己的style,导致整个项目的代码不仅存在不符合语言规范的情况,而且读起来非常困难.因此,这样的项目中都会引入Checkstyle,来规范大家的编码风格,尽量做到统一和合理.我们在代码写完之后,还要花时间去手动解决Checkstyle提示的问题,这是一个非常无聊和耗时的工作.下面介绍如何利用Eclipse配置,在我们写完代码…
在曲线参数化的Javascript实现(理论篇)中推出了曲线弧长积分的公式,以及用二分法通过弧长s来查找样条曲线上对应的u,再求Q(u)的值.弧长积分函数如下: ,其中-----公式1 Simpson展开后 -------公式2 这里的f(u)就是上面的弧长s的求值函数,既样条曲线拟合函数Q(u)的积分 这部分具体代码如下:1.计算f(u)的系数ABCDE CParametric.prototype.SegCoef = function(CSpline, o) { p0.x=this.k[0]*…
    上一篇随笔介绍了如何正确判断对象类型.避免变量污染,特殊值(null.undefined.NaN)的使用,以及其他Javascript中常用关键字与方法的优化,这篇随笔将着重介绍Javascript语言中的条件与循环优化.     如有问题,请不吝指出,非常感谢:如果喜欢,右下角点个推荐吧~ 1.if.switch.查表 1.1 if-else分治策略 // 方法一,假设value的值平均分布 // 方法一的平均查询次数是 (n+1)/2,即复杂度是O(N) // 方法二采用了二分查找,…
    Javascript的弱类型以及函数作用域等规则使用编写Javascript代码极为容易,但是编写可维护.高质量的代码却变得十分困难,这个系列的文章将总结在项目开发过程中,能够改善代码可读性.可维护性及优化运行性能的一系列技巧.     如有问题,请不吝指出,非常感谢:如果喜欢,右下角点个推荐吧~ 1.全局变量污染与变量提升 定义全局变量的3种方式 var key = 'value'; // 所有函数外执行 window.key = 'value'; // window为全局对象 key…
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>WEB页面导出为EXCEL文档的方法</title> </head> <body> <table id=&…
jquery代码规范 Coding Standards & Best Practices 中文翻译版:jquery编程的标准写法和最佳实践 javascript代码规范 JavaScript编码规范 引爆你的Javascript代码进化 前端编码规范之JavaScript CSS 编码规范 CSS编码规范 编码规范bootcss HTML 编码规范 HTML 编码规范  编码规范bootcss 最佳编码实践…
这是一个很简单的功能实现: <script type="text/javascript" src="Concurrent.Thread.js"></script> <script type="text/javascript"> Concurrent.Thread.create(function(){ var i = 0; while ( 1 ) { document.body.innerHTML += i++…
近日在写js,在myeclipse中没有jquery代码的提示着实不方便,在网上使用度娘搜索添加提示方式,试了多种,现经测试以下方式可取. 1.打开help菜单下的install from site... ,如图 2.在弹出的对话框中点击add按钮,添加name(aptana)及location( http://download.aptana.com/studio3/plugin/install ) 信息 3.去掉group items by category的勾选,然后点击select all…
马上来下载和使用源码吧!假定你已经将下载的源码保存到一个名为Concurrent.Thread.js的文件夹里,在进行任何操作之前,先运行如下程序,这是一个很简单的功能实现: <script type="text/javascript" src="Concurrent.Thread.js"></script> <script type="text/javascript"> Concurrent.Thread.c…
编码规范 避免使用全局变量 写在所有函数外面的变量就是全局变量. 之所以要避免使用全局变量是因为:如果有多个类库的话,它们都定义了一个名字的变量.这时候后引入的类库中该变量的值就会覆盖前面引入的类库中该同名变量的功能. 解决方案 1.对于需要立即执行的,使用匿名函数并立即执行. (function(){ var test = "hello, world!"; alert(test); }()); 这里注意:该匿名函数外面的括号以及最后的分号不能忘了! 2.对于不用立即执行的,直接封装到…
以下经过本人测试成功. 测试平台:三星S5830I 操作系统:Android 2.3.6 浏览器:UC浏览器 HTML标准:HTML5 测试了三个事件:touchstart.touchmove 和 touchend,并获取了触摸时触点在页面上的坐标,根据坐标进行了左右滑动.上下滑动判断. 代码如下: <!-- HTML5 --> <!DOCTYPE html> <html> <head> <title>TouchEvent测试</title…
引子 博客断了一段时间,不是不写,一是没时间,二是觉得自己沉淀不够,经过一段时间的学习和实战,今天来总结下一个老生常谈的东西: 代码复用. 为何复用 JS门槛低,故很多人以为写几个特效就会JS,其实真正混前端的人都知道,JS写的好和写的不好差距是很大的,前段时间看到一个前端为了实现一个浮层的显示与隐藏花了100多行代码,去遍历各个子元素,挨个去设置display.还有一个很常见的场景,为了给一个UL下面的n个li绑定事件,遂遍历所有的li去bind,这些例子在日常的开发中,比比皆是,为什么有这种…
是什么使得JavaScript不同于其他程序设计语言,在浏览器修饰方面表现出其优异的特性?毫无疑问,JavaScript在Web应用领域受到的好评,既源于它自身灵活的动态特性,也源于浏览器对它充分的支持. JavaScript是一种深受浏览器“宠爱”的语言,浏览器为其提供了丰富的资源和广阔的舞台. 下面的这段代码在网络上广为流传,被众多JavaScript爱好者奉为代表JavaScript魔力的经典: 例1.2 神奇的“魔法代码” JavaScript:R=0; x1=.1; y1=.05; x…
      压缩空格代码演示 主要是讲解 压缩一个字符串两段空格          例如:javascript函数里的空格不论是这样     var s = "Hello World        ";                                  这样        var s = "       Hello World";                                   这样       var s = "   …
JavaScript 扩展代码 更具需要写的几个扩展. 扩展核心自执行函数 Object.extend /** * 对象扩展体 参数是 {属性|方法:属性值|方法体} * 只执行实现 * * 实例对基础对象 进行新加一个alert_方法 实现弹出当前的对象 对数组.以及string都有效 * 实例 Object.extend({alert_:function(){alert(this)}}); * @type {Function} */ (Object.extend = Object.proto…
小书签又名 Bookmarklet,由英文单词 Bookmark 和 Applet 组合而来.简单地说,小书签就是把一段带有特定功能的 JavaScript 代码保存至收藏夹,当你需要的时候点击它来实现这段 JavaScript 代码的功能. 1.chrome浏览器中打开一个空白的页面,输入  chrome://bookmarks/#1,打开书签管理器 2.在书签管理器的左侧,选择 “书签栏 ”文件夹,如下图 3.点击书签管理器顶部右上角的3个小点(提示信息:整理)按钮,弹出一个菜单 , 4.在…