前端教程
-
几种方法告诉浏览器如何对页面进行性能优化
我想,这些浏览器开发商和规范制定者会说:“你想要更好的性能。而这些是我全部能做的了。有些事情我们做不了,但你们知道怎么做。这些之外的事情我们会尽力做好,剩下的事情你们来告诉我如何能做的更好。” -
CSS性能优化新属性 contain 的语法、作用及使用场景
如果你开发的页面非常复杂,那么,这个CSS的contain技术可以帮助你优化页面的性能。而对于第三方的小饰件,始终使用contain: strict;是很好的习惯,它可以保护你的页面不受它们的干扰而出现性能问题。 -
CSS性能优化新属性:will-change
然而,千万不要过度使用will-change属性,否则,事与愿违,页面的执行效率会降低,推荐的做法是当一个元素或属性发生变化时打开will-change,变化完成之后关闭它。 -
在浏览器中使用JavaScript module(模块)
在浏览器中也可以使用JavaScript modules(模块功能)了。目前支持这一特性的浏览器包括: Safari 10.1. 谷歌浏览器(Canary 60) Firefox 54 – Edge 15 – -
-
-
-
如何在安卓手机里安装Lighttpd + php + sqlite3组合
之前的文章里我介绍了如何在安卓手机上安装Linux,下面我将介绍如何在这个安装了Linux的手机上安装Lighttpd + php + sqlite3组合。 -
-
如何“vmin”的一个小栗子
除了vm和vh两种单位外,还有两种类似的单位:vmin——取vw和vh中较小的一个为基准,和vmax——取vw和vh中较大的一个为基准。它们同样是一个单位数值,跟px、em、%的用法类似。 -
-
-
CSS小技巧:使用:not(:last-of-type)简化你的css代码
终于找到了一个好方法,使用:not(:last-of-type)简单方便,再也不要麻烦的单独使用:last-of-type了,不错! -
如何用安卓手机备份你的网站数据
自从有了智能手机,很多以前不可能的事情都可以了,比如滴滴打车,共享单车,不带钱购物等,今天说的把手机当成服务器执行备份任务也是。对于程序员来说,在智能手机上能干的事情还有很多,需要慢慢发掘。 -
如何在安卓手机上安装nodejs
在手机上安装的Linux系统是个很精简的系统,很多东西需要手动安装,而且,手机的芯片是ARM架构的,debian和redhat的软件仓库了并没有支持这种芯片的nodejs安装程序。当然,你可以从nodejs官方网站上下载ARM架构的安装包手动安装。 -
在Linux上执行apt-get update时出现 Hash Sum mismatch 错误的解决方法
同样是Hash Sum mismatch的错误,在国内,也变成了具有中国特色的Hash Sum mismatch错误和具有中国特殊的解决方案。 -
如何在安卓手机上安装Linux系统
在我们日常使用的安卓手机里安装一套完整的Linux系统,将使手机变得无比强大。我们可以将整个 Linux/Apache/MySQL/PHP安装到里面,让它运行一个PHP网站;我们还可以将nodejs安装到里面,帮我们干一些临时的JavaScript任务 -
为什么clear:both不起作用?
Web开发人员在调试网页时经常会遇到clear:both不起作用的情况,clear:both的作用是让改元素不浮动,让它在左右两边都没有其它网页元素排列。大多数情况下我们需要用用到clear:both,是因为让一个网页元素float:left或float:right时,它却浮动在其它元素旁, -
-
-
用纯JavaScript实现“复制到剪贴板”功能
,虽然是可以实现,但有一个弊端,它使用的是flash技术,而如今,很多浏览器开始不支持flash技术,所以,我们需要不依赖flash技术的JavaScript方法来实现浏览器端的剪贴板操作。今天给大家介绍的就是用纯JavaScript实现的解决方案:clipboard.js。 -
三分钟学会用ES7中的Async/Await进行异步编程
Async/Await基本规则async 表示这是一个async函数,await只能用在这个函数里面。 await 表示在这里等待promise返回结果了,再继续执行。 await 后面跟着的应该是一个promise对象(当然,其他返回值也没关系,只是会立即执行,不过那样就没有意义了…) -
Chrome 56 Android 版已引入 WebVR API
据谷歌开发者博客透露,Chrome 56 for Android 现已发布 Beta 测试版,开发者可以注册开源试用版,后者支持 WebVR API 和 GamePad API 扩展程序。WebVR API 允许访问虚拟实境设备(例如 Daydream View)的输入和输出功能。 -
精选几款CSS3动画特效制作
图片特效在CSS3应用中十分广泛,我们也收集了不少CSS3图片特效,今天要分享的这款CSS3 3D旋转图片相册又非常绚丽,和之前分享的这款HTML5/CSS3 3D环形图片墙类似,也是一面立体的图片墙,图片不停的切换,鼠标滑过图片时即可激活图片查看。 -