前端技术之导航栏浮动最佳实践
西。比如我们不能为了节省性能,没有在每次滚动触发的时候计算相对主体 DIV 区域的高度,因为页面的内容可能在滚动的时候会发生变化,所以必须每次都得重新计算窗口大小和相对滚动范围的高度;当然,如果站点的前端 JS 代码够牛逼,模块之间的变化能够时刻发出通知,也可以不必这样做了。 这次,在做这个功能的时候,发现通用的获取 CSS 的方法(如:window.getComputedStyle 和 elemen...
冬夜寒风中漫天飞舞的银杏叶
没有审核通过,没有审核通过为什么没有任何的提示?。我一开始怀疑代码问题,是因为我在 Adsense 的帮助文档中看到有一点说代码必须原封不动的添加到网站中,不要显示成一行(我还在怀疑,Google 的前端工程师有这能力,通过 JS 直接检测到我的网站 HTML 源文件是不是变成一行?这个是我之前一直没有解决的问题)。其实我觉得 Google Adsense 的代码是很傻的,让人原封不动的放到网页中,一...
油猴子插件指南
油猴子插件怎么用?确实是个好东西,降低了开发 Chrome 插件的门槛,是个不错的选择。插件对于开发来讲,收集数据是必备的,也就是所谓的前端爬虫。但是,油猴子插件在编写脚本的注释中没有好的指引,以至于老手也会被它搞得不知道为什么没用。先看下面的栗子// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.ne...
基于 HTML5 的 EventSource 实时推送实现
ontinue; } $last = $arr[0]; output($arr[1]); sleep(1); } 一开始,读取文件最后一行内容,使用 tail 命令导致程序运行一直不成功,实在是个坑。前端代码实现 comet.php:<div id="result"></div> <script> if (typeof(EventSource)!=="undefined") { var source=...
唠叨两句
半夜唠叨两句。跑了步精神好。谷歌的产品做的真是垃圾,加载那个慢啊,养了一堆没用的前端工程师。全屋智能的实现随着时间的推移,就过时了,不,不到一年,真的太快。发现米家系列 ptx 蓝牙开关面板很便宜,不到 100 可以买三建,相比起没良心的绿米,卖的那个贼贵,zigbee 应该快淘汰了吧,贵不说,关键是反应慢,全屋智能还数蓝牙 mesh 最靠谱,反应敏捷,如果为了省钱,部分智能化场景,可以买个天猫精灵,...
关于HTTP协议头origin邪恶的起源
先来张图吧。邪恶的起源,起源于邪恶才是最高境界。我认为,有素养的前端工程师一般发出 http 请求,协议头的 origin 字段的值都会被设置为 http://www.evil.com 。http 请求协议头的 origin 字段的意思是什么呢?http 请求协议头的 referrer(referer) 字段代表什么意思呢?邪恶的起源是谁发明的?无需解释,只是觉得比较逗。...
谈谈 SEO 对中文搜索引擎百度的影响
索。比如缺少某个标签权重就低了,缺少某个属性质量就是差的,script 标签没有合在一起或者放在了 header 里就是体验不好的等一些不合理的规则,永远都分析不出网站的架构出来,更搜不出好的内容。在前端技术日渐复杂的今天,这样会不会很傻啊,在 angular,react 盛行的今天,搜索引擎难道就不渲染吗。有位老友告诉我,自己网站最近动态化了,没有设置 style 标签,结果收录一下子少了好多,不知...
解决nodejs包管理器npm安装太慢的问题
前端工程师应该都明白 NodeJs 和 npm 的使用,本文主要讲解使用国内镜像加快 npm 的安装慢的问题。一般的工程师比较抽,宁愿等也都不愿意使用淘宝的库。如果等的太长,还是老老实实加上个参数使用淘宝的镜像来安装 npm 吧。如下示例:$ npm install --registry=http://registry.npm.taobao.org 参数默认最好了,不论是什么平台。有人喜欢加上 -g ...
使用PHP自带服务器进行WEB开发与调试
时代在进步,软件也在进步,在各大语言都纷纷自带服务器之后,PHP 在 5.4 版本之后也自带了一个 WEB 服务器。现在的前端工程师都喜欢使用 NodeJs,当我们使用 PHP 开发的时候,开启一个 WEB 服务理所应当的使用 PHP 自带的服务器。 开启服务需要指定本机 IP 和端口,也可以指定 web 目录,如下示例:$ sudo php -S 192.168.1.168:1111 -t /srv...
基于HTTP协议之WEB消息实时推送技术原理及实现
很俗,当时也想不出好名字,感觉只要是像样的英文单词都被占有了。WebChat 的 git 地址是 [email protected]:leiminglin/WebChat.git,服务端使用 PHP 实现,前端使用了 JavaScript,JQuery。这里谈到这个项目主要是因为 WebChat 用到了推送技术,想学习的朋友可以下载看看,该项目可以运行在几乎所有浏览器上,本人测试 IE6 都没问题。说到网页...