笔记

greenhand

greenhand|passive事件

发布于 6 天前 浏览:50 类型:原创 - 随笔 分类:浏览器 举报

passive的事件监听器很久以前,addEventListener()的参数约定是这样的:addEventListener(type,listener,useCapture)后来,最后一个参数,也就是控制监听器是在捕获阶段执行还是在冒泡阶段执行的useCapture参数,变成了可选参数(传true的情况太少了),成了:addEventListener(type,listener[,useCapture ...

903786831z

903786831z|(fanqiang)利用SwitchyOmega插件访问外网

发布于 2017-02-22 17:38:04 浏览:62 类型:原创 - 随笔 分类:浏览器 举报

SwitchyOmega+PAC你懂我也懂前准备SwitchyOmega文件1、将下载好的SwitchyOmega插件直接拖入浏览器中,浏览器识别出这个插件的话会弹出来提示框,询问你是否安装此插件,选择同意安装即可2、安装完成之后,浏览器会自动打开SwitchyOmega插件的选项页面,我们直接跳过插件自带的教程&nb ...

(fanqiang)利用SwitchyOmega插件访问外网
2200090223

2200090223|低版本IE兼容H5和CSS3

发布于 2017-02-21 13:27:56 浏览:115 类型:原创 - 随笔 分类:浏览器 举报

有一次吃饭和之前的同事聊天,他说他最近在做一个大学网站的项目,需要兼容到IE6,我还能说什么呢哈哈哈祝他好运吧!且不说IE6下无数的坑,同时还要低版本的IE兼容最新的H5和CSS3,还有一个容易忽视的问题,就是大学机房的电脑都是老式的那种大脑袋电脑(屏幕像素也是一个潜在的问题),呵呵~~~昨天写的一篇关于IE下CSSha ...

低版本IE兼容H5和CSS3
2200090223

2200090223|IE兼容问题(1)

发布于 2017-02-20 12:37:23 浏览:182 类型:原创 - 随笔 分类:浏览器 举报

如果问我前端的最怕的是什么,毫不犹豫IE低版本兼容。防范于未然,我觉得我有必要写一篇关于IE低版本兼容的文章,知识有限,后续陆续更新完善;说到兼容,我脑海里面第一想到的是csshack;而hack方式又分为3种,一种是条件注释,一种是类属性,另一种选择器前缀法;首先说第一种条件注释,<!--[ifIE]><![endif]-->我一 ...

molongv

molongv|浏览器兼容性问题汇总

发布于 2017-02-19 20:46:05 浏览:190 类型:原创 - 随笔 分类:浏览器 举报

ØJavaScript1.HTML对象获取问题FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法:统一使用document.getElementById("idName");2.const问题说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.解决方 ...

夏天不做梦

夏天不做梦|HTTP请求的基础知识

发布于 2017-02-16 17:45:29 浏览:162 类型:原创 - 随笔 分类:浏览器 举报

域名地址的组成:http://www.abc.com:8080/scripts/jquery.js协议子域名主域名端口号请求资源地址当协 ...

greenhand

greenhand|浏览器事件与setTimeout执行顺序

发布于 2017-02-09 10:52:06 浏览:110 类型:原创 - 随笔 分类:浏览器 举报

输入时,触发keydown事件---->执行所有keydown处理函数---->执行setTimout(fn,0)---->触发keyup事件---->执行所有keyup处理函数先执行完keydown事件的处理函数后再触发keyup事件html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"></head><body><inputtype="text"><script ...

我们常常会在一些好莱坞电影大片里看到超级黑客高手,在电脑前轻松“黑”进别人的安全系统的场景。那纯熟自如地输入一大堆复杂的代码,不一下子就入侵/破解完成,是不是很羡慕?其实咱们也可以像电影、游戏里面的黑客一样敲代码,今天就介绍一个传说中的装逼神器HackerTyper给你吧!它是一个专门为装B而制作的神奇好玩 ...

这篇文章是Chrome开发者工具详解这一系列的最后一篇,介绍DevTools最后的三个面板功能-Application面板、Security面板、Audits面板的基本功能:Application面板简介该面板主要是记录网站加载的所有资源信息,包括存储数据(LocalStorage、SessionStorage、IndexedDB、WebSQL、Cookies)、缓存数据、字体、图片、脚本 ...

Chrome开发者工具详解 (5):Application、Security、Audits面板
木风622

木风622|Chrome 开发者工具详解(4):Profiles 面板

发布于 2017-01-20 09:49:36 浏览:205 类型:原创 - 教程 分类:浏览器 举报

如果上篇中的Timeline面板所提供的信息不能满足你的要求,你可以使用Profiles面板,利用这个面板你可以追踪网页程序的内存泄漏问题,进一步提升程序的JavaScript执行性能。概述当前使用的Chrome最新版为54.0.2840.71,这个版本的Profiles面板比之前提供的功能更多也更强大,下面是该面板所包含的功能点:1.RecordJav ...

Chrome 开发者工具详解(4):Profiles 面板
木风622

木风622|Chrome开发者工具详解(3):Timeline面板

发布于 2017-01-19 18:04:38 浏览:222 类型:原创 - 教程 分类:浏览器 举报

Timeline面板Timeline面板是整个面板里面最复杂的一个面板,涉及的东西比较多。可以利用这个面板来记录和分析网页运行过程中的所有活动行为信息。你可以充分利用这个面板来分析你的网页的程序性能问题。概述下图是从Google官方网站中介绍Timeline面板的图贴到这里,该面板主要包括4大块窗格(Pane):1、Controls ...

Chrome开发者工具详解(3):Timeline面板
木风622

木风622|Chrome 开发者工具详解(2):Network 面板

发布于 2017-01-19 17:14:39 浏览:213 类型:原创 - 教程 分类:浏览器 举报

Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下:Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。Co ...

Chrome 开发者工具详解(2):Network 面板
木风622

木风622|Chrome开发者工具详解(1):Elements、Console、Sources面板

发布于 2017-01-19 15:59:31 浏览:297 类型:原创 - 教程 分类:浏览器 举报

Chrome开发者工具面板面板上包含了Elements面板、Console面板、Sources面板、Network面板、Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。这些按钮的功能点如下:Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。Co ...

Chrome开发者工具详解(1):Elements、Console、Sources面板
greenhand

greenhand|HTTP 协议中的 Transfer-Encoding

发布于 2017-01-12 15:11:19 浏览:133 类型:原创 - 随笔 分类:浏览器 举报

HTTP协议中的Transfer-Encoding本文作为我的博客「HTTP相关」专题新的一篇,主要讨论HTTP协议中的Transfer-Encoding。这个专题我会根据自己的理解,以尽量通俗的讲述,结合代码示例和实际场景来说明问题,欢迎大家关注和留言交流。Transfer-Encoding,是一个HTTP头部字段,字面意思是「传输编码」。实际上,HTTP ...

greenhand

greenhand|浏览器原理相关

发布于 2017-01-10 17:27:11 浏览:204 类型:原创 - 随笔 分类:浏览器 举报

深入解析浏览器的幕后工作原理深度剖析浏览器渲染性能原理,你到底知道多少?性能优化细说JavaScript单线程的一些事(http://www.codeceo.com/article/javascript-threaded.html)Javascript高性能动画与页面渲染(http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering/)Chro ...

修改:加入兼容性判断,在需要用到该方法的位置修改为getClassNames方法。vardivs=getClassNames('tabs_div','div');functiongetClassNames(classStr,tagName){if(document.getElementsByClassName){&nb ...

个人习惯,始终使用谷歌浏览器的最新版本,但是最近升级了谷歌55版本之后,发现在调试zepto,tap和swipe相关的事件的时候,一点反应都没有,有时候还会有报错,于是各种找问题,然后偶然间发现知乎上也有问问起这个问题,然后还有大神给出了方法:1、谷歌浏览器输入chrome://flags/回车2、找到指针活动那一项3、 ...

greenhand

greenhand|浏览器的渲染机制

发布于 2016-12-23 18:13:29 浏览:240 类型:原创 - 随笔 分类:浏览器 举报

浏览器什么时候才会渲染呢?通常一个浏览器会至少存在三个线程:JS引擎线程(用于处理JS)、GUI渲染线程(用于页面渲染)、浏览器时间触发线程(用于控制交互)。而因为JS可以操作DOM元素,进而会影响到GUI的渲染结果,因此JS引擎线程与GUI渲染线程是互斥的。也就是说当JS引擎线 ...

jessieZxm

jessieZxm|帧、动画定义

发布于 2016-12-22 17:24:53 浏览:184 类型:原创 - 随笔 分类:浏览器 举报

帧:帧是将一系列离散的图像以极快的速度连续播放从而模拟物体运动和变化,这个定义很官方,通常我们会将帧视为一张静止的画面,这个说法又太通俗了,我们可以把它定义为物体在某一特定时间点的记录;帧分为两种:记录帧、程序帧;记录帧:存储、传播、播放程序帧:先定义一个起始帧的描述,而后遵循某些特定的规则构建后 ...

前几天,群里大神推荐了这本书,趁着双十二打折买回来看看,发现里面还是蛮多实用的东西的。谢谢豪情大神的推荐一、浏览器(1)、简介:(2)、浏览器特性:2.1、浏览器功能包括:网络、资源管理、网页浏览、多网页管理、插件和扩展、书签管理、历史记录管理、设置管理、下载管理、账户和同步、安全机制、隐私管理、 ...