前端技术之导航栏浮动最佳实践
西。比如我们不能为了节省性能，没有在每次滚动触发的时候计算相对主体 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 地址是 git@github.com:leiminglin/WebChat.git，服务端使用 PHP 实现，前端使用了 JavaScript，JQuery。这里谈到这个项目主要是因为 WebChat 用到了推送技术，想学习的朋友可以下载看看，该项目可以运行在几乎所有浏览器上，本人测试 IE6 都没问题。说到网页...