用事件委托,然后判断target,代码如下: $(docuement).on('click',function(event){ event.target... }) 例如:点击.c1之外任意地方的时候 .cl消失 $(docuement).on('click',function(event){ var cl=event.target.getAttribute("class") if(cl!="cl"){ $(".cl").remove(); }

目录 <前端之路>--- 重温 Egg.js 一.基础功能 > 日志系统包含了 四大层面的 日志对象, 分别是 App Logger.App CoreLogger.Context Logger.Context CoreLogger.Controller Logger & Service Logger 二.总结 <前端之路>--- 重温 Egg.js 在 nodejs 发展日益健壮和稳定的情况下,我们在日常的开发中使用 node 已经是一件非常常规的事情了,那么对于我们

目录 [一统江湖的大前端(8)]matter.js 经典物理 一.经典力学回顾 二. 仿真的实现原理 2.1 基本动力学模拟 2.2 碰撞模拟 三. 物理引擎matter.js 3.1 <愤怒的小鸟>的物理特性分析 3.2 使用matter.js 构建物理模型 3.3 物理引擎牵手游戏引擎 [一统江湖的大前端(8)]matter.js 经典物理 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:<大史住在大前端>原创博文目录

工欲善其事 之 Web 前端调试工具格式化混淆过的 JS 代码 太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的漂亮人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. FireBug: inline code 不能格式化 外部 js 能够格式化 Ch

在工作的时候总是会用到模块化开发,那接下来我就顺着这个问题来说一下什么是模块化 前端模块化 !!! JS 模块化提供给我们三种规范 分别就是 No.1 commonjs  这个其实也就代表了node.js 它适合后台开发, 因为是同步的呢. 所以不太适合用于前端, 前端的客户端是浏览器, 浏览器追求异步加载, 所以 浏览器不能等太久的时间. No.2 前端模块的规范是  AMD 规范 代表就是require.js , 它是异步的呢, 很多前端框架都是用的 amd 规范, 比如 jQuery an

前言 在js领域,promise出现的时间已经很久了,从jquery的$.get().done().fail() 这样的API开始,到现在的es6默认支持的new Promise(),它的出现无疑使异步代码变得信任可靠,更使得前端代码的信任度直线提升,就跟它的名字一样,它的到来,是一个 Promise (保证,允诺) 异步信任问题 有一个朋友在银行系统工作,有一次,我帮他review一段代码,据他所说,这段代码给他带来了一个很大的麻烦,有一位顾客使用这个页面付款的时候意外的提交了两次付款请求,b

前言 XSS 自动点按钮有什么危害? 在社交网络里,很多操作都是通过点击按钮发起的,例如发表留言.假如留言系统有 XSS,用户中招后除了基本攻击外,还能进行传播 -- XSS 自动填入留言内容,并模拟点击发表按钮,于是就能发布带有恶意代码的留言.好友看了中招后,又传播给他们的好友...从而形成蠕虫扩散. 那么有没有一种机制,让「发表留言」必须通过用户的「真实点击」按钮才能完成,而无法通过脚本自动实现?这样就能减缓蠕虫传播速度了. 实现 这个想法听起来好像不可行:如果发表留言需要带上用户行为信息,

JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // object typeof isNaN; // function typeof isNaN(123); //boolean typeof []; // object Array.isArray(); // false toString.call([]); // [object Array] var a

===================================================================== 前端监控系统: DEMO地址  GIT代码仓库地址 ===================================================================== 前言: 用户对前端程序员来说,就是一个黑匣子. 如果用户上报了一个错误,前端程序员就是两眼一抹黑,因为很多错误是没法复现的.我问过很多前端工程师,他们的回答都是,如果你

===================================================================== 前端性能监控系统: DEMO地址    GIT代码仓库地址 ===================================================================== 对于前端应用来说,Js错误的发生直接影响前端应用的质量.对前端异常的监控是整个前端监控系统中的一个重要环节. 那么如何做到对Js错误的监控呢?对搜集到的js错误

作者:彭莉,火山引擎 APM 研发工程师.2020年加入字节,负责前端监控 SDK 的开发维护.平台数据消费的探索和落地. 有必要针对 JS 错误做监控吗? 我们可以先假设不对 JS 错误做监控,试想会出现什么问题? JS 错误可能会导致渲染出错.用户操作意外终止,如果没有 JS 错误监控,开发者完全感知不到线上这些异常情况.特别是像电商.支付这类业务,用户无法下单和付款.即便站点有反馈渠道,但是等到有用户反馈的时候,说明影响面已经不小了. 因此像 JS 错误监控这类异常监控的存在,就是为了能及

前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现实问题,因为如果我是一个服务器端,我便会觉得不是很有必要,为什么要前后分离,前后分离后遗留了什么问题,如何解决,都得说清楚,这样才能说服团队使用前端渲染的方案,而最近我刚好遇到了框架选型的抉择. 来到新公司开始新项目了,需要做前端框架选型,因为之前内部同事采用的fis框架,而这边又是使用的php,这

http://www.cnblogs.com/jikey/p/4426105.html js高级前端开发加群方法(此群很难进,里面纯技术,严禁广告,水群) 完整题目做完发邮箱(jikeytang@163.com),经过评级审核后邀请进入 一. css 40分 1. 什么是盒模型?    2. Doctype的几种类型?   3. 如何布局左不动右边自适应的两列布局? 4. 如何布局两列等高?    5. 如何布局右侧定宽,左侧或中间自适应? 6. 如何布局三列自适应?  7. gif,png,j

之前在写详情页的时候,如下图 因为自己嫌麻烦,就去看其他网站是怎么写的,想直接拿来用,后来看来看去觉得写得很麻烦,于是最后还是决定自己写,附上HTML+CSS+JS代码,一条龙一站式贴心服务2333 HTML <ul class="btn-numbox"> <li><span class="number">数量</span></li> <li> <ul class="count&

百度云链接:https://pan.baidu.com/s/1kUPdf5H(无密码) 截图: <HTTP权威指南> [豆瓣书评]:此书第一部分是HTTP的概略,如果你没有时间,通读第一部分就能让你应付普通的日常开发工作.第二部分主要讲现实世界中HTTP的架构,也可以看作HTTP的全景图,包括Web Server/Cache/Proxy/Gateway,是全书中精华的部分. 第三部分主要是HTTP安全,其中Basic和Digest概略看下即可,现实世界中用的应该不多.看HTTPs最好有一些计算

<一统江湖的大前端>系列是自己的学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ,什么火就搞什么,绝对是专业的蹭热点小能手. impress.js是什么 impress.js 是一款基于 css-3D 和 css动画 .受到高逼格PPT原

web前端庞大而复杂的知识体系的组成:html.css和 javascript           一.js           1.基础语法 Javascript 基础语法包括:变量声明.数据类型.函数.控制语句.内置对象等. 在ES5 中,变量声明有两种方式,分别是  var 和 function ,var用于声明普通的变量,接收任意类型,function用于声明函数.另外,ES6 新增了 let.const.import 和 class等四个命令,分别用以声明 普通变量.静态变量.模块 和

20151208感悟: 前端人的角度来看的话,感觉像是阅读一个大牛前端的全部武功的一个秘籍说明,里面的思想高价值蛋白真是太多太多,推荐看. Web前端开发体会十日谈 一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅

知乎:到底什么是闭包? 寸志: JavaScript 闭包的本质源自两点,词法作用域和函数当作值传递. 词法作用域,就是,按照代码书写时的样子,内部函数可以访问函数外面的变量.引擎通过数据结构和算法表示一个函数,使得在代码解释执行时按照词法作用域的规则,可以访问外围的变量,这些变量就登记在相应的数据结构中. var x=23333; function test(){ alert(x); } test(); //弹出23333 函数当作值传递,即所谓的first class对象.就是可以把函数当作

RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升. 一.AMD 介绍 前端开发在近一两年发展的非常快,JavaScript作为主流的开发语言得到了前所未有的热捧.大量的前端框架出现了,这些框架都在尝试着解决一 些前端开发中的共性问题,但是实现又不尽相同.在这个背景下,CommonJS社区诞生了,为了让前

温故而知新,保持空杯心态 JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // object typeof isNaN; // function typeof isNaN(123); //boolean typeof []; // object Array.isArray(); // false toString.call([]); // [object