摘要: 先获取这些字体文件 然后添加css 阅读全文
posted @ 2017-06-22 10:45 陈小银 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 你遇到过性能很差的网页吗? 这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。 你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢? 本文将详细介绍性能问题的出现原因,以及解决方法 阅读全文
posted @ 2017-06-21 16:29 陈小银 阅读(219) 评论(0) 推荐(0) 编辑
摘要: HTTP 协议是互联网的基础协议,也是网页开发的必备知识,最新版本 HTTP/2 更是让它成为技术热点。 本文介绍 HTTP 协议的历史演变和设计思路。 一、HTTP/0.9 HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包(packet)传输,主要规定了客户端和服务器之间的通信格式 阅读全文
posted @ 2017-06-20 14:32 陈小银 阅读(131) 评论(0) 推荐(0) 编辑
摘要: // 移动端滑动事件 $("body").on("touchstart", function (e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, ... 阅读全文
posted @ 2017-06-14 13:44 陈小银 阅读(1048) 评论(0) 推荐(0) 编辑
摘要: HTML CSS/LESS JS 阅读全文
posted @ 2017-06-14 13:25 陈小银 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 使用CSS3 3D transforms,通过GPU来渲染,能有效的起到抗锯齿效果。只要在CSS3 transform属性中加入translateZ(0)。例:-webkit-transform: rotate(5deg) translateZ(0); 阅读全文
posted @ 2017-06-14 10:28 陈小银 阅读(3512) 评论(0) 推荐(0) 编辑
摘要: 1 // jquery 兼容的滚轮事件 2 $(document).on("mousewheel DOMMouseScroll", function (e) { 3 var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? ... 阅读全文
posted @ 2017-05-22 14:57 陈小银 阅读(285) 评论(0) 推荐(0) 编辑
摘要: if ('getContext' in document.createElement('canvas')) { HTMLImageElement.prototype.play = function() { if (this.storeCanvas) { // 移除存储的canvas this.storeCanvas.pare... 阅读全文
posted @ 2017-05-12 17:37 陈小银 阅读(1968) 评论(0) 推荐(0) 编辑
摘要: 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的 base64 编码,为什么我们要用它,我们如何使用并且方便的使用它,并 阅读全文
posted @ 2017-05-12 15:39 陈小银 阅读(201) 评论(0) 推荐(0) 编辑
摘要: -webkit-appearance: listbox; 阅读全文
posted @ 2017-04-21 17:40 陈小银 阅读(417) 评论(0) 推荐(0) 编辑