作为一个前端开发者,不可避免的需要进行各种各样的调试. 在谷歌浏览器出来以前,火狐的firebug是特别有名的一款调试工具,不过自从谷歌浏览器诞生以来,其自带的开发者工具足以媲美firebug,某种程度上甚至超越了firebug. 虽然这篇介绍谷歌调试工具,但是还是要说一句,火狐的调试工具依然强大.二者都是业界调试工具的佼佼者. 谷歌开发者工具功能丰富,包括代码审查,样式调整,性能优化以及其他更高级的功能,调试方式多种多样,不一而足. 这里主要介绍控制台的console 打开控制台 Window

狐调试工具 - DevTools 咱们做写js 代码的时候,遇到的一个最大的问题就是调试问题,很多开发者在写 js 代码的时候,经常都非常痛苦.但是我们如果掌握好相应的调试工具,那么就可以比较游刃有余的解决 js 的调试问题. 工欲善其事,必先利其器. 调试工具比较好的有火狐的firebug, 另外 chrome 的自带调试工具也非常不错 ( 英文版 ) . 掌握好这些调试工具, 可以更好的学习 js, 也可以大大提高咱们完成 js 的排错能力.因此,我建议所有要使用 js 的人员都最好能好好的

这次分享的是Chrome开发工具中最有用的面板Sources. Sources面板几乎是我最常用到的Chrome功能面板,也是在我看来决解一般问题的主要功能面板.通常只要是开发遇到了js报错或者其他代码问题,在审视一遍自己的代码而一无所获之后,我首先就会打开Sources进行js断点调试,而它也几乎能解决我80%的代码问题.Js断点这个功能让人兴奋不已,在没有js断点功能,只能在IE(万恶的IE)中靠alert弹出窗口调试js代码的时代(特别alert一个object根本不会理你),那样的开发环

01_javascript相关内容02_函数_Arguments对象03_函数_变量的作用域04_函数_特殊函数05_闭包_作用域链&闭包06_闭包_循环中的闭包07_对象_定义普通对象08_对象_定义函数对象09_对象_内建对象10_原型_为函数对象增加属性或方法11_原型_利用函数对象本身重写原型12_继承_函数对象之间的继承13_继承_普通对象之间的继承 javascript高级特性(面向对象): * 面向对象:   * 面向对象和面向过程的区别:     * 面向对象:人就是对象,年龄\

1.    源起 a)     定制.Net浏览器 本人是一名C#开发者,而作为C#开发者,做客户端应用中最头痛的一件事就是没有一个好的UI解决方案, WinFrom嘛,效率虽然还不错,但是做一些特殊的效果,完全应付不来,比如透明控件.比FPS太低有时候界面闪动得厉害.而WPF呢,内用内存又太高,效率有时候跟不上,而且还可能会出现内存泄露!出于以上的原因,博主一直在寻找一个好的UI解决方案,最终选定CEF.(至于CEF是什么我就不解释了,可以百度!),在C#中CEF的一个开源项目,名称叫做CEF

原文:基于.net开发chrome核心浏览器[一] 说明: 这是本系列的第一篇文章,我会尽快发后续的文章. 源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器(其实是浏览器的外壳)给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CSS hack问题再也不用担心了 甚至公司里前端的职位也可以减少几个了 3.更方便的使用更强大的

gzip压缩启用不启用还是要看实际情况的,启用gzip后可以相应的减轻带宽压力但是同时也会增加cpu的压力(压缩解压),相反的如果不启用那么cpu压力也会相应的减少,具体情况具体分析. Linux开启gzip很简单 找到tomcat下conf目录 编辑server.xml文件 vim server.xml 找到Service节点下的Connector 新增四个属性 <Connector port="80" protocol="HTTP/1.1"connecti

对于已完成的项目我们进行了诸多测试,找到了少许bug,对着这些bug我们在改进的基础上提出了新的目标. 1,测试环境:个人笔记本.个人台式机.环境windows7.网络校园网加移动vpn,浏览器360安全浏览器. 测试准备:在测试机子上架好服务器.安装好各种浏览器,然后通过浏览器登入 2,场景:用户正常登录平台,正常录入任务跟课程表,等待平台提醒 3.需求:用户希望录入的任务能够正常提醒,并且能够记录完成跟未完成, 4,测试:   统一的测试用例在不用系统跟不同浏览器下进行测试 Windows7

bug的产生和修改 上周临近周末休息的时候,一个同事跑过来了,对我说:"阿伦啊,有一个页面出问题了,火狐浏览器所有的input都没法输入了."我一听,是不是你给加了什么属性,让input输入框只读了啊.看了一下代码,很正常的一个输入框,并且CSS写的也很正常. <input id="ipt-message" type="text" placeholder="请输入身高" /> 但是运行之后发现无法输入任何东西,包括

从最简单的for循环说起 for( 初始化:条件; ){} 条件为Trusy 值时候,可以继续执行for 循环,当条件变为Falsy 时跳出for循环.for循环常见的四种写法const persons = ['乔丹', '艾弗森', '邓肯', '科比', '麦迪', '奥尼尔']// 方法一for (let i = 0; i < persons.length; i++) { console.log(persons[i])}// 方法二for (let i = 0, len = persons

一.组合选择器 每个选择器位可以是任意基础选择器或选择器组合 1.群组选择器 可以一次性控制多个选择器 选择器之间用逗号(,)隔开 div,.d1,#div{ color:red; } 2.子代(后代)选择器 一次性控制一个选择器(逻辑最后的那个选择器),前置位的选择器是修饰性选择器 子代选择器必须为一级父子关系,后代选择器可以为一级,也可以多级父子嵌套关系 子代选择器用>连接 body>div{ color:red; } 注:控制body下的div选择器 后代选择器用空格连接 div .d2

伯乐在线转注:2016年12月7日有一条<Firebug 宣布停止开发更新>的资讯,不少朋友误认为以后用不到 Firebug 了.其实在 2015 年 Firebug 已经在着手整合到 Firefox DevTools 中.正因为有些误解,Firefox 官方在 12 月 20 日发文明确这一情况.下一个版本的 Firebug(代号为 Firebug.next)将构建在 Firefox DevTools 之上,Firebug 也将被合并到内置工具中. 火狐调试工具-DevTools   咱们做

http://www.cnblogs.com/liulun/archive/2013/03/18/2874276.html 说明: 这是本系列的第一篇文章,我会尽快发后续的文章. 源起 1.加快葬送IE6浏览器的进程 世界上使用IE6浏览器最多的地方在中国 中国使用IE6浏览器最多的地方在企业中 让他们自己去装个chorme太难了 索性开发个浏览器(其实是浏览器的外壳)给他们 用"代码改变世界"是博客园园友的口号 2.一劳永逸的解决浏览器兼容问题 各种浏览器的CSS hack问题再也不

原文:https://www.cnblogs.com/lunlunshiwo/p/8705856.html 上周临近周末休息的时候,一个同事跑过来了,对我说:“阿伦啊,有一个页面出问题了,火狐浏览器所有的input都没法输入了.”我一听,是不是你给加了什么属性,让input输入框 只读了啊.看了一下代码,很正常的一个输入框,并且CSS写的也很正常. <input id="ipt-message" type="text" placeholder="请输

本文分两部分: 1.转载部分 2.个人补充部分 1.主题内容转载83,http://www.madeby83.com/unzip-the-js-code.html 我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样: 这种代码浏览器能读懂,但正常人是没法阅读的.既然浏览器能读,浏览器当然也能还原这段代码.其实很简单.这里介绍的是chrome浏览器,也就是谷歌浏览器(火狐浏览器类似).方法如下: 1.快捷键 F12,打开浏览器开发工具,在浏览器开发工具栏,点击scr

在本地写了一段JSON代码,然后用ajax读取后,在浏览器打开,发现谷歌提示涉及到跨域问题, 但是跨域是由于协议,域名,端口中有一个不同,才会跨域,我在本地访问自己的文件,怎么和跨域扯上关系了?? 谷歌浏览器 火狐浏览器 1.为什么会跨域?                           要回答跨域,首先要从头来讲.浏览器本身存在同源策略.以下理解是我整理网上的总结. 协议,域名,端口相同,视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其

在本地写了一段JSON代码,然后用ajax读取后,在浏览器打开,发现谷歌提示涉及到跨域问题, 但是跨域是由于协议,域名,端口中有一个不同,才会跨域,我在本地访问自己的文件,怎么和跨域扯上关系了?? 下面是代码   谷歌浏览器     火狐浏览器               1.为什么会跨域?                             要回答跨域,首先要从头来讲.浏览器本身存在同源策略.以下理解是我整理网上的总结.                     协议,域名,端口相同,视为同

1. C/S B/S架构 C: Client 客户端 B: Browse 浏览器 S: Server 服务端 C/S架构: 基于客户端与服务端之间的通信 eg: QQ,微信,LOL,DNF等需要安装Application应用的,都采用C/S架构 优点: 个性化设置,响应速度快 缺点: 开发成本,维护成本高,占用空间,用户固定 B/S架构: 基于浏览器与服务端之间的通信 eg: 谷歌浏览器,火狐浏览器,360浏览器等等 优点: 开发和维护成本低,占用空间相对低,用户不固定 缺点: 功能单一,没有个

1.    源起 a)     定制.Net浏览器 本人是一名C#开发者,而作为C#开发者,做客户端应用中最头痛的一件事就是没有一个好的UI解决方案, WinFrom嘛,效率虽然还不错,但是做一些特殊的效果,完全应付不来,比如透明控件.比FPS太低有时候界面闪动得厉害.而WPF呢,内用内存又太高,效率有时候跟不上,而且还可能会出现内存泄露!出于以上的原因,博主一直在寻找一个好的UI解决方案,最终选定CEF.(至于CEF是什么我就不解释了,可以百度!),在C#中CEF的一个开源项目,名称叫做CEF

问题原因分析:502 bade gateway 一般都是upstream出错,对于PHP,造成502的原因常见的就是脚本执行超过timeout设置时间,或者timeout设置过大,导致PHP进程长时间不能释放. 控制PHP脚本执行时间的配置有两种: php.ini文件中max_execution_time(全局配置) php-fpm.conf中request_terminate_timeout 如果这两个配置都有设置,那么系统只会执行php-fpm.conf中的设置(优先级php-fpm.con

1.web应用 web应用程序是一种可以通过web访问的应用程序.程序最大的好处就是用户很容易的访问应用程序,用户只需要有浏览器即可,不需要在安装其他的软件,应用程序有两种模式C/S,B/S C/S模式是客户端/服务端程序,也就是说这类程序一般独立运行 B/S模式就是浏览器端/服务端的应用程序,这类程序一般要借助谷歌浏览器.火狐浏览器等各种浏览器来运行 web应用一般用的就是B/S模式 web应用程序首先是"应用程序",和用标准的应用程序语言,如:java,python等编写出来的程序