页面性能优化实践总结 页面性能优化学而不思则惘,思而不学则殆前几天接到一个页面效果优化的任务,边做边查阅了一些关于页面性能的资料。做完任务之后,抽空写了一篇总结,梳理一下思路,加深自己的理解。1. chrome的timeline先思考这样的一个问题:什么叫页面性
css使文字显示两行后显示省略号 本人喜欢把一些实用的东东拿过来,写成文章或者收藏起来。于是乎... 直接上代码: .article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-cl
从零开始开发一款H5小游戏(三) 攻守阵营,赋予粒子新的生命 本系列文章对应游戏代码已开源 Sinuous game。每个游戏都会包含场景和角色。要实现一个游戏角色,就要清楚角色在场景中的位置,以及它的运动规律,并能通过数学表达式表现出来。场景坐标canvas 2d的场景坐标系采用平面笛卡尔坐标系统,
推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库 推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库0. 引言如果你是一个游戏开发者,并且正在寻找一个可以与 JavaScript 和 HTML5 无缝工作的游戏引擎。那么在这里你会找到你需要的东西。尽管市面上有很多免费和付
图片响应式与优化 图片的响应式的纯 html 实现可以借助 srcset 和 sizes 属性以及 元素来实现。而且观察Chrome开发者工具的 Network项可以发现,任何时候当屏幕变化的时候,如果匹配到新的规则需要的图片改变了的话,浏览器会去加载需要
强势推荐:React Native Js 自动补全插件 在atom的包管理器中无意间发现一个非常有用的插件!值得大家拥有。 看图说明一切。 插件的名字叫:atom-react-native-autocomplete 插件下载与介绍地址: https://atom.io/packages/atom
nodejs中aja跨域和jsonp跨域 AJAX跨域获取数据1.前端代码: Document异步获取数据 var log=function (obj) { console.log(obj); } var get=document.getEle
Canvas入门-利用Canvas画国旗 在这之前需要你懂得以下方法的使用:beginPath()moveTo()lineTo()closePath()具体用法可以参考我的上一篇文章 canvas入门-利用canvas制作一个七巧板矩形的绘制canvas提供了三种绘制矩形的方法:f
《每周一点canvas动画》——桌球运动(1) 每周一点canvas动画代码文件一本好的技术书籍往往都是由浅入深,本系列文章基本上也遵循这个原理。在上一章中我们介绍了高级的坐标旋转,并且通过它,我们实现了任意角度的碰撞反弹效果,它让物体与非水平和非垂直的面产生合乎情理的碰撞成为了可能。那
书页效果 书页效果.book {position: relative;width: 200px;height: 248px;margin-left: 20px;border: 1px # eee solid;background-color: # f