Javascript

JavaScript 中的内存泄露模式

知道内存泄漏的起因,那么在JavaScript中进行相应的防范就应该相当容易。在这篇文章中,作者KiranSundar和AbhijeetBhattacharya将带您亲历JavaScript中的循环引用的全部基本知识,向您介绍为何它们会在某些浏览器中产生问题,尤其是在结合了闭包的情况下。在了解了您应该引起注意的常见内存泄漏模式之后,您还将学到应对这些泄漏的诸多方法。JavaScript是用来向Web页面添加动态内容的一种功能强大的脚本语言。它尤其特别有助于

系统 2019-08-12 09:30:16 2047

Javascript

Python和JavaScript间代码转换的4个工具

选Python还是JavaScript?虽然不少朋友还在争论二者目前谁更强势、谁又拥有着更为光明的发展前景,但毫无疑问,二者的竞争在Web前端领域已经拥有明确的答案。立足于浏览器平台,如果放弃JavaScript,我们也就没什么可选择的项目了。好吧,也许答案也不是这么绝对。JavaScript已经成为众多其它编程语言争相选择的转换目标(相关实例包括TypeScript、Emscripten、Cor以及Cheerp)。而Python则拥有庞大的追随者群体,另

系统 2019-09-27 17:38:01 2046

Javascript

HTML中的JavaScript 一

在前面几章中,学习了JavaScript的核心ECMAScript以及该语言工作方式的基础知识。从本章开始,重点将转移到如何在Web浏览器中使用JavaScript。自NetscapeNavigator2.0初次引入JavaScript以来,Web浏览器已有了长足的发展。今天的浏览器不再只能处理传统的HTML文件,它们能处理各种格式的文件。具有讽刺意味的是,这些文件中的大多数都采用JavaScript作为动态改变客户端内容的方式。这一章探讨如何把JavaS

系统 2019-08-29 22:34:35 2046

Javascript

javascript显示当前日期时间和当前为本年第几周

运行效果:javascript文件:functionClock(){vardate=newDate();this.year=date.getFullYear();this.month=date.getMonth()+1;this.date=date.getDate();this.day=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六")[date.getDay()];this.hour=date.getH

系统 2019-08-12 09:30:17 2046

Javascript

浅析Java、C/C++、JavaScript、PHP、Python分别

首先,我们先普及一下编程语言的基础知识。用任何编程语言来开发程序,都是为了让计算机干活,比如编写一篇文章,下载一首MP3等,而计算机干活的CPU只认识机器的指令,所以,尽管不同的编程语言差异极大,最后都得“翻译”成CPU可以执行的机器指令。理论上任何语言干任何事情几乎都可以,但是主要干什么那就不一样了。01、Javajava常常跟”企业”联系在一起,因为具备一些很好的语言特性,以及丰富的框架,在企业应用中最被青睐,你总可以听到关于J2EE,JSP,Hibe

系统 2019-09-27 17:48:06 2045

Javascript

用fason的参数化定时器在javascript中模拟多线程

原帖子发表在http://community.csdn.net/Expert/TopicView.asp?id=4069144author:emu(黄希彤)有csdn的朋友把http://community.csdn.net/Expert/TopicView.asp?id=3191873给翻了出来,这样在javascript中模拟多线程又有了更漂亮的做法了:1emu--用fason的参数化定时器模拟多线程</title</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:22:52</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2045</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/19534" title="javascript Web上传文件夹的两种解决方案" target="_blank" onclick="return recordId('cid',66)">javascript Web上传文件夹的两种解决方案 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/19534" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/17.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/19534';}else{window.open('/article/19534');}" style="cursor: pointer;">解决方案1:调用windows的shell,但会有安全问题.*browseFolder.js*该文件定义了BrowseFolder()函数,它将提供一个文件夹选择对话框*以供用户实现对系统文件夹选择的功能*文件夹选择对话框起始目录由*Shell.BrowseForFolder(WINDOW_HANDLE,Message,OPTIONS,strPath)函数*的strPath参数设置*例如:0x11--我的电脑*0--桌面*"c:\\"--系统C盘**用如下</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:20:43</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2045</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/14642" title="[转]那些相见恨晚的 JavaScript 技巧" target="_blank" onclick="return recordId('cid',66)">[转]那些相见恨晚的 JavaScript 技巧 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/14642" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/18.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/14642';}else{window.open('/article/14642');}" style="cursor: pointer;">JavaScript的成功让人津津乐道,为Web网页编写JavaScript代码已经是所有Web设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的JavaScript程序员,也未能完全吃透。本文从7个方面讲述JavaScript中那些你不很熟知但非常实用的技巧。简略语句JavaScript可以使用简略语句快速创建对象和数组,比如下面的代码:可以使用简略语句如下:对象car就此创建,不过需要特别注意,结束花括号前一定不要加";"否则在IE会</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:18:22</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2045</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/27704" title="从JavaScript到Python之异常" target="_blank" onclick="return recordId('cid',66)">从JavaScript到Python之异常 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/27704" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/20.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/27704';}else{window.open('/article/27704');}" style="cursor: pointer;">不少前端工程师看到这个标题可能会产生质问:我js用得好好的,能后端能APP,为什么还要学习Python?至少有下面两个理由:学习曲线。ES6之后的JavaScript(TypeScript)的在语法上和Python有很多异曲同工的地方,所以学习曲线非常平滑,上手难度很低。应用场景。JavaScript虽然是web开发的王者,但是其在某些方面还是存在一些问题的。比如Node.js虽然可以写后端,但大多用于CGI层,做接口整合和模板渲染,而Python、Jav</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-09-27 17:52:38</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2044</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/13825" title="JavaScript(JScript)下Singleton(单态)模式的实" target="_blank" onclick="return recordId('cid',66)">JavaScript(JScript)下Singleton(单态)模式的实 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/13825" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/1.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/13825';}else{window.open('/article/13825');}" style="cursor: pointer;">单态定义:Singleton模式主要作用是保证在Java应用程序中,一个类Class只有一个实例存在。在很多操作中,比如建立目录数据库连接都需要这样的单线程操作。还有,singleton能够被状态化;这样,多个单态类在一起就可以作为一个状态仓库一样向外提供服务,比如,你要论坛中的帖子计数器,每次浏览一次需要计数,单态类能否保持住这个计数,并且能synchronize的安全自动加1,如果你要把这个数字永久保存到数据库,你可以在不修改单态接口的情况下方便的做到</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:08:31</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2044</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/2033" title="Javascript 接口模拟" target="_blank" onclick="return recordId('cid',66)">Javascript 接口模拟 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/2033" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/5.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/2033';}else{window.open('/article/2033');}" style="cursor: pointer;">Javascript接口模拟可以通过三种方式实现文档手段(注释)、辅助类和鸭式辨。第一种和第二种只形式上体现没有真正的实现。鸭式辨实现原理是:”只要能像鸭子一样叫和走就是鸭子”,所以通过进行javascript对象属性对比进行判断是否实现了一个接品。1、建立一个模拟接口对象2、建立接口实现检查3、示例Javascript接口模拟</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-12 01:32:45</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2044</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/18559" title="javascript关于位置的相关参数解释" target="_blank" onclick="return recordId('cid',66)">javascript关于位置的相关参数解释 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/18559" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/7.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/18559';}else{window.open('/article/18559');}" style="cursor: pointer;">javascript关于位置的相关参数解释clientX:相对于网页的x坐标clientY:相对于网页的y坐标offsetX:相对于父容器的x坐标offsetY:相对于父容器的y坐标offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetParent属性指定的父坐标的计算顶端位置screenX:相对于显示器的x坐标screenY:相对于显示器的y坐标scroll</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 23:08:01</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2043</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/16248" title="Javascript常用函数及基本教程集合的用法参考" target="_blank" onclick="return recordId('cid',66)">Javascript常用函数及基本教程集合的用法参考 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/16248" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/19.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/16248';}else{window.open('/article/16248');}" style="cursor: pointer;">1.document.write("");输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6.一个小写转大写的JS:docum</span> <p class="auth-span"> <span class="muted"><i class="fa fa-user"></i><span class="zj-icon-text">系统</span></span> <span class="muted"><i class="fa fa-clock-o"></i><span class="zj-icon-text">2019-08-29 22:38:44</span></span> <span class="muted"><i class="fa fa-eye"></i><span class="zj-icon-text">2043</span></span> <!-- <span class="muted"><i class="fa fa-comments-o"></i> <a target="_blank" href="https://cuiqingcai.com/7080.html#respond">0评论</a></span> <span class="muted"> <a href="javascript:;" class="action zj-addlike"><i class="fa fa-heart-o"></i><span class="count">16</span>喜欢</a></span>--> </p> </article><article class="excerpt"> <header> <a title="Javascript" class="label label-important zj-del-target" href="/category/66">Javascript<i class="label-arrow"></i></a> <h2> <a class="zj-titles zj-del-target" href="/article/20108" title="javascript做二级联动" target="_blank" onclick="return recordId('cid',66)">javascript做二级联动 </a> </h2> </header> <div class="focus"> <a class="zj-del-target" href="/article/20108" target="_blank"><img style="width: 200px; height: 123px;" class="thumb" src="/Public/static/images/article/8.jpg" alt="" title=""></a> </div> <span class="note" onclick="if (jq.browser.versions.mobile) {window.location.href='/article/20108';}else{window.open('/article/20108');}" style="cursor: pointer;"><%...@pagecontentType="text/html;charset=UTF-8"%><html><head><title>Thisisatest!请选择

系统 2019-08-29 23:28:22 2042

Javascript

Javascript的事件委托

原文:http://www.nczonline.net/blog/2009/06/30/event-delegation-in-javascript/#传统的事件处理所谓事件委托即使用单个EventHandler来管理页面上特定的一类事件。这并不是什么新的idea,但对于Web应用的性能而言,是很重要的。比如,有时候,你可能会写如下的代码:document.getElementById("help-btn").onclick=function(event)

系统 2019-08-29 23:50:28 2041