网页改变状态栏背景实现沉浸式效果
沉浸式特效在移动端是个大趋势,特别是最近几年,各种 App 的效果,比如音乐播放器的背景,系统的状态栏特效等。 其实,在网页端也一样是可以支持这种特效的,比如 Chrome 浏览器。发现有个网页实现了,该网页的页面源代码居然找到 104 个 script 标签,也是醉了,地址 http://www.zaobao.com.sg/znews/singapore/story20171106-808844。特...
HTML锚点效果改进平滑移动页面滚动特效实现
目前市面上有很多网站的链接上都带有锚点,锚点的作用是当用户到达这个页面后,可以快速的定位到某个元素的位置。使用锚点后,一旦网页加载完成,页面就会快速的滚动到锚点处,如果锚点在页面底部,则页面将滚动到网页底部,使得页面底部完全展现出来。直接使用原生的锚点有个弊端,就是速度太快,用户可能不能察觉到它移动的过程,给用户的感觉不太好,于是有些网站改进了锚点的效果,使得页面在移动时有个缓冲期,下面描述其改进原...
长城宽带篡改网页弹广告恶劣行径史无前例
长城宽带弹广告的事情,算是老生常谈了,网上帖子一大片。本人第一次发现长宽(长城宽带)弹广告问题是在11年底的时候,当时自己做的一个网站,我回家偶尔会看到网页右下角弹出广告,当时觉得非常奇怪,这个网页完全是我做出来的,怎么可能会有广告呢,难道是公司加上去的?我记得当时我只是使用了Google的JQuery CDN,还以为是Google的JQuery CDN有问题,为此还在百度知道问了下,大家都说Goo...
Android WebView 使用 loadData 无法渲染怎么办
对于在安卓上使用 WebView 渲染网页遇到的一些问题。Android WebView 的 loadData方法注意事项 loadData() 中的 html data 中不能包含 '#', '%', '\', '?' 四中特殊字符,出现这种字符就会出现解析错误,显示找不到网页还有部分 html 代码。需要如何处理呢?我们需要用 UrlEncoder 编码为 %23, %25, %27, %3f 。...
小米自带浏览器网页跳转到sdfste.com/njs.php
ste.com/njs.php?http://blog.lmlphp.com。然后浏览器头部出现那个红色的警告,此网站可能存在风险,请谨慎访问! 我大吃一惊,怎么会这样,难道有人攻破了我的网站,篡改了网页内容吗,如果真是这样,被搜索引擎收录了,影响也是很大的,然后打开电脑,看看究竟,发现在 PC 上的浏览器都是正常的。手机上的其他浏览器也都是正常,唯独小米自带浏览器不可以。 在网上找了下资料,发现小米...
谈谈项目开发过程中GIT合并分支
提交记录,方便以后审阅代码。要实现 pull request 效果,需要在合并目标的分支上操作,一般是 master 分支,使用参数 --no-ff 来实现,很多团队所有的操作都在本地进行,唯独合并在网页上,比如 github,gitlab 等,我觉得加上 --no-ff 就可以减少很多时间,不用打开网页来弄,和网页上操作唯一不同的就是 gitlab 或 github 会记录这样一个 pull req...
开源JavaScript框架LMLJS发布
时下,很多网站都直接在网页源文件中加载 Jquery,或者直接在头部标签中载入大量的 JS 和 CSS,这些网站中也不乏很多流量较大的网站。其实这种做法是不理智的,也是极其不负责的行为。相信大家都有这样的经历,一个网页打开后,浏览器一直在转圈圈,让眼睛看着很不舒服,网页也非常的卡,页面中很多东西都没有生效,这些都是网站在设计过程中的不负责导致的。 LMLJS 框架是 LML 团队打造的继 LMLPHP...
谈谈HTML网页编辑器技术实现
的差不多了。网站编辑器是非常重要的,重要到直接关系网站的成败。但目前没有哪一家公司重视过这样一个东西,随随便便找个开源的编辑器就用上了,以致于国内出不了牛逼的新闻媒体公司。大家去看看新浪博客,看看微信网页版经常出现的 ,就一定明白,国内的产品都做的很烂很烂的,当然微信出现空白实体是因为各部门协调不一致造成的,跟编辑器没有关系。再啰嗦一点,其实 HTML 和 DOM 本身是不太适合做编辑器的...
需要注意的几种空格 194 160
一个 ascii 空格编码 32,对应字符 ' '第二个 中文全角空格编码 227 128 128,对应字符 ' '第三个 utf-8 空格编码 194 160,对应字符 ' '综上,第三个最诡异了,网页没法正确输出。第四种空格 三字节编码 226 128 137, 对应字符 ' ' // 网页不好输出...
愚人节快乐!网页旋转嗨起来!
-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); padding-top: 20px; } 加入上面的 CSS,让网页旋转嗨起来吧! ...