用gooreplacer来加速你的浏览器

博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:用gooreplacer来加速你的浏览器.…

原生andriod浏览器回退后dom（click）事件全体失效问题探究

问题描述今天同事遇到一个神一样的BUG: 在原生浏览器下,为dom元素绑定一个click事件,其中有个a标签外链,点击a后进入其他页面,点击浏览器后退后,页面点击事件全体失效! 我于是用ios测了下没事,用andriod其他浏览器试了下也没事,就是原生的有问题,怀疑是特定的手机有问题,又陆续换了几台,发现原生的都有问题于是便开始找解决方案,下面就来聊下今天的漫长之路,这里先给会出问题的代码: <!DOCTYPE html> <html> <head> <met…

Servlet过滤器——使用过滤器禁止浏览器缓存页面

1.概述 IE缓存虽然能提高已储存网站的访问速度,但是过度的IE缓存会影响浏览器的响应速度.同时还可能为网站的运行带来一些不必要的麻烦.例如:可能会因为浏览器缓存的应用,而导致Web服务器不能准确的计算一个页面或广告已被阅览的次数:在论坛或者网上商城系统中由于浏览器缓存的使用,导致更新的图片信息不能得到及时的显示:还有由于浏览器缓存的使用,而使网页设计者不能立即查看到网页更新后的效果. 所以在开发网站的过程中,最好是在程序中禁止浏览器缓存页面,从而避免上述问题的出现,也省去了手动清空浏览器缓存的…

Chrome浏览器及调试教程

==>(微信公众号:IT知更鸟)欢迎关注<^>@<^> Chrome浏览器及调试教程在web开发过程中,我们在写JavaScript脚本时难免会遇到各种bug,这时,我们就需要去调试我们的JavaScript脚本,然后去修改代码.最简单的调试方法就是使用alert方法,将可信息通过alert方法的弹窗显示出来.但是,alert方法有几个弊端: 1)alert方法在弹出窗口时会中断程序: 2)在循环中使用alert()方法时,如果不点击alert弹窗的确定按钮,下一个aler…

Nginx(五)：浏览器本地缓存设置

浏览器缓存(BrowserCaching) 浏览器缓存是为了加速浏览,浏览器在用户磁盘上,对最近请求过的文档进行存储.当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样,就可以加速页面的阅览,缓存的方式节约了网络的资源,提高了网络的效率. 实现浏览器缓存步骤浏览器缓存可以通过expires指令输出Header头来实现,expires指令的语法如下语法:expires[time| epoch | max |off] 默认值:expires off 作用域:http.server.…

使用css来开启硬件加速来提高网站性能

一.什么是硬件加速硬件加速就是将浏览器的渲染过程交给GPU处理,而不是使用自带的比较慢的渲染器,这样就可以使得animation与transition更加顺畅.我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能. 二.硬件加速的原理浏览器接收到页面文档后,会将文档中的标记语言解析为DOM树.DOM树和CSS结合后形成浏览器构建页面的渲染树.渲染树中包含了大量的渲染元素,每一个渲染元素会被分到一个图层中,每个图层又会被…

css实现硬件加速

原文请点击一下链接: http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css 1. 何为硬件加速就是将浏览器的渲染过程交给GPU处理,而不是使用自带的比较慢的渲染器.这样就可以使得animation与transition更加顺畅. 2. 如何开启硬件加速 Chrome, FireFox, Safari, IE9+ 以及最新的 Opera都支持硬件加速,只要使用特定的C…

html+css笔记

文档结构 1.html文档结构 ①文档类型声明严格型(标准模式): <!DOCTYpE HTML> HTML5 XHTML 1.0:<!DOCTYpE html pUbLC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Strict DTD 准标准模式:transitional过渡型 frameset框架…

CSS will-change 属性

介绍如果你注意到在webkit的浏览器上“flicker”一些CSS操作(尤其是变形和动画方面的)的表现,你很可能之前就注意过硬件加速了 CPU.GPU和硬件加速硬件加速意味着Graphics Processing Unit(GPU)会通过代替Central Processing Unit (CPU)做一些负荷比较大的事情,来协助浏览器快速渲染页面,当CSS操作使用硬件加速的时候,通常会使页面渲染速度加快顾名思义,CPU和GPU都是计算机处理单元.CPU在电脑主板,几乎处理电脑的一切操作,…

web性能优化——简介

简介性能优化的第一准则:加缓存.几乎绝大部分优化都围绕这个来进行的.让用户最快的看到结果. 性能优化的第二准则:最小原则.绝不提供多余的信息.比如,静态资源(图片.css.js)压缩,图片的滚动加载,异步请求,http请求合并等. 性能优化的第三准则:分布.集群.当前,这个的前提是已经把基本优化都做完了,才考虑这个方面. 思路性能优化的过程是一个链条,任何一个节点上都要优化,否则都会出问题,优化也就失败了. 每个节点上都包含这几个方面定位.定位这个节点是否有存在性能问题. 监控.监控这个节…

chenxi的html学习笔记

0.本文主体源自:http://www.cnblogs.com/coco1s/p/4034937.html,有兴趣的可以直接去那里看,也可以看看我整理加拓展的.1.浏览器内核: 1.ie:trident(三叉戟)内核 2.firefox:gecko(壁虎)内核 3.safari:webkit(浏览器核心)内核 4.opera:以前是presto(急速)内核,现在改用谷歌的blink(闪烁)内核 5.Chorme:blink(基于webkit,谷歌和opera software共同开发) (附:浏…

前端必会html知识整理

1.浏览器内核: 1.ie:trident(三叉戟)内核 2.firefox:gecko(壁虎)内核 3.safari:webkit(浏览器核心)内核 4.opera:以前是presto(急速)内核,现在改用谷歌的blink(闪烁)内核 5.Chorme:blink(基于webkit,谷歌和opera software共同开发) (附:浏览器内核的理解?) 浏览器内核分…

nginx 2.基本配置

死磕nginx 2.基本配置鉴于深入浅出的原理,我们先从一个简单的配置了解nginx的配置 1.一个典型配置 nginx的配置文件默认在nginx安装目录的conf二级目录下面,主配置文件为 nginx.conf 下面是一个完整的nginx配置文件示例. daemon off; #关闭守护,使用supervisor之类的守护进程需要关闭这个选项 user nick nick; #用户和组 worker_processes 4; #设置工作进程数(一般为CPU总核数或者总核数的两倍) #全局错误…

CSS页面渲染优化属性will-change

前面的话当我们通过某些行为(点击.移动或滚动)触发页面进行大面积绘制的时候,浏览器往往是没有准备的,只能被动使用CPU去计算与重绘,由于没有事先准备,应付渲染够呛,于是掉帧卡顿.而CSS属性will-change为web开发者提供了一种告知浏览器该元素会有哪些变化的方法,这样浏览器可以在元素属性真正发生变化之前提前做好对应的优化准备工作.这种优化可以将一部分复杂的计算工作提前准备好,使页面的反应更为快速灵敏.本文将介绍CSS属性will-change 准备知识 GPU是图形处理器,专门…

CSS3知识点整理（三）----变形与动画

一.CSS3中的变形 1)旋转 rotate() rotate()函数通过指定的角度参数使元素相对原点进行旋转. 它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度. 如果这个值为正值,元素相对原点中心顺时针旋转:如果这个值为负值,元素相对原点中心逆时针旋转. transform 属性向元素应用 2D 或 3D 转换.该属性允许对元素进行旋转.缩放.移动或倾斜. css代码: div { width: 200px; height: 200px; background: orange;…

HTML协议详解

一.实验环境搭建因agileone很久没有更新,所以安装时需要注意版本.个人验证,如下版本可用: 1.XAMPP 实验版本:XAMPP for Windows Version 1.6.8 下载地址:https://www.apachefriends.org/index.html 名词解释: X是指操作系统平台 AMPP是指 Apache+MySQL+PHP+PERL 例如: wlampp(windows+Apache+MySQL+PHP+PERL) lmapp(Linux+Apache+MyS…

前端优化之动画为什么要尽量用css3代替js

导致JavaScript效率低的两大原因:操作DOM和使用页面动画.通常我们会通过频繁的操作 DOM的CSS来实现视觉上的动画效果,导致js效率低的两个因素都包括在内了在频繁的操作DOM和CSS时,浏览器会不停的执行重排和重绘,在PC版本的浏览器中,因为浏览器可用的内存比较大,用户肉眼几乎看不见页面动画产生的repaint和reflow,所以工程师几乎无需过多的考虑动画带来的性能问题,但在移动设备上可大有不同,移动设备分配给内置浏览器的内存可没有PC版本的浏览器内存可观,目前对CSS3支持最好的…

缓冲区(buffer)与缓存(cache)

下面介绍缓冲区的知识. 一.什么是缓冲区缓冲区(buffer),它是内存空间的一部分.也就是说,在内存空间中预留了一定的存储空间,这些存储空间用来缓冲输入或输出的数据,这部分预留的空间就叫做缓冲区,显然缓冲区是具有一定大小的. 缓冲区根据其对应的是输入设备还是输出设备,分为输入缓冲区和输出缓冲区. 二.为什么要引入缓冲区我们为什么要引入缓冲区呢? 高速设备与低速设备的不匹配,势必会让高速设备花时间等待低速设备,我们可以在这两者之间设立一个缓冲区. 缓冲区的作用: 1.可以解除两者的制约关系,…

day24_雷神_django项目部署

# django项目部署 ... curl -I www.baidu.com 得到响应头信息 vim 里shift + % 找括号的另一半 find / -name virtualenv 3.创建虚拟主机定义的网页根目录 mkdir -p /opt/static/{mytb,myjd} nginx安装 1.dns解析流程 1.你要输入域名 pythonav.cn 2.你的机器首先在/etc/hosts文件中查找解析记录 3.会去本地dns缓存中查找记录,LDNS 4.就去/etc/resolv.…

Nginx SSL TLS部署最佳实践

本文介绍nginx在提供HTTPS时使用的一些其他配置选项. 虽然这些功能有助于优化nginx的SSL和TLS,但这不是一个完整对加固nginx的介绍. 确保您的服务器安全的最佳方法是不仅需要正确的配置,而且需要始终遵循最佳安全的设置实践. 关闭nginx版本显示 <br\>默认情况下,nginx与任何连接到服务器的客户端共享其版本号. 例如,如果没有找到目录,nginx将返回包含其版本号的404错误. 关闭nginx版本显示使得攻击者无法清楚的得到具体版本,因此可以阻止他进行特定于版本的漏洞…

TensorFlow.js之安装与核心概念

TensorFlow.js是通过WebGL加速.基于浏览器的机器学习js框架.通过tensorflow.js,我们可以在浏览器中开发机器学习.运行现有的模型或者重新训练现有的模型. 一.安装有两种方法可以在你的项目中引入tensorflow.js.一种是通过script标签引入,另外一种就是通过npm进行安装. (1)通过script标签,如下: <!DOCTYPE html> <html lang="en"> <head> <met…

[转]论magento1和magento2的速度性能优化问题

本文转自:http://www.360magento.com/blog/magento-speed-up/ magento从2007年发展至今,也经历了十余年的磨练,如今也迎来了magento的换代产品magento2,无论从安全性,稳定性还是速度,其实都已经做的很好了.但现如今还有客户说magento速度很慢,那这类客户肯定是道听途说,自己根本就还没有搭建一个magento网站,网上说magento慢的帖子那都是10年左右的老帖子了. 当然了,无论是magento 1还是magento 2,它…

解决一起web 页面被劫持的案例

现象江西客户手机端连接wifi打开URL,页面上显示淘宝店铺广告,使用手机移动网络打开正常,其他地区正常. 二. 处理过程初步分析:3g.club项目使用了CDN,目前只有江西异常,其他地区无异常,说明问题范围仅在江西地区,根据业务人员反馈的问题现象,以及以往类似问题处理经验,该问题原因是可能是页面某个js被污染,导致污染的原因可能是dns解析被劫持检查江西dns对3gclub的解析情况:我们使用江西dns对3g.club进行解析,并让客户在本地ping 域名返回结果,检查解析的IP是否是…

js工作常见问题收集

1. viewport <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 设置viewport宽度,为一个正整数,或字符串‘device-width’ // device-width 设备宽度 // height 设置viewport高度,…

聊聊host中ip/域名映射记录的解析规则

今天宝叔突然在群里发了个问题; host做如下配置,a.com会指向哪里?或者说ping一下a.com结果会是什么? 127.0.0.1 a.com 192.168.4.106 a.com 192.168.4.105 x.com a.com 192.168.4.107 a.com x.com 127.0.0.1 a.com what?host自上而下解析啊,这不妥妥的127.0.0.1么,一测试,啪啪啪的打脸了...输出的是192.168.4.106,为啥? 以下结论仅针对windows系统,l…

Siverlight5 3D 中文环境搭建

一.测试环境 vs2010旗舰版 win7 64位旗舰版二.必备工具 1.vs2010 旗舰版 2.vs2010 sp1 补丁 3.silverlight5 tools 也可以去silverlight官网下载注意:现在的 silverlight5 tools 没有支持中文的,可以先用winrar解压出来,然后将ParameterInfo.xml中的1033全部替换成2052,然后在安装.具体操作请参考http://www.silverlightchina.net/html/tips/2011…

原生js大总结五

041.在js中如何用方法将10进制的字符转换成16进制和8进制数字.toString(16) 数字.toString(8) 042.如何创建时间对象 new Date() 043.如何创建未来或者过去的时间对象 var d = new Date('2017-10-20 22:22:22') var d = new Date('2017/10/20 11:11:11') 044.如何获取时间戳 getTime(); 045.常用的时间API …

2019JS必看面试题

2019JS必看面试题:https://www.jianshu.com/p/f1f39d5b2a2e 1. javascript的typeof返回哪些数据类型. 答案:string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 答案:强制(parseInt,parseFloat,number)隐式(== ===) 3. split() join() 的区别答案:前者是将字符串切割成数组的形式,后者是将数组转换成…

JS最新最细面试题

转之:https://www.jianshu.com/p/f1f39d5b2a2e 1. javascript的typeof返回哪些数据类型. 答案:string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 答案:强制(parseInt,parseFloat,number) 隐式(== ===) 3. split() join() 的区别答案:前者是将字符串切割成数组的形式,后者是将数组转换成字符串 4. 数…

2017、2018面试分享（js面试题记录）记得点赞分享哦；让更多的人看到~~

2017面试分享(js面试题记录) 1. 最简单的一道题 '11' * 2 'a8' * 3 var a = 2, b = 3; var c = a+++b; // c = 5 2. 一道this的问题 var num = 10; var obj = { num:8, inner: { num: 6, print: function () { console.log(this.num); } } } num = 888; obj.inner.print(); // 6 var fn = obj.…

【用gooreplacer来加速你的浏览器】的更多相关文章