技术 2018-01-02
乔布斯死后苹果的设计是越来越奇葩,给开发者带来的麻烦也与日俱增。对于前端开发来说,最麻烦的就是Home Indicator。以往一些Fixed在底部的组件,如底导航、立即购买按钮等等,现在都被迫得往上腾出空间。判断到是iPhoneX时,使用兼容的XSS增加底部距离,使得视觉上不重叠。网页的操作一般是...
技术 2017-10-24
Service worker可以充当Web应用程序与浏览器之间的代理服务器,常用于拦截网络请求,优化离线体验。最近开发一个功能需要用到股票信息,这些信息在每个交易日都是固定不变的,可以在前端缓存起来,减少重复请求。于是引入了Service workers。由于Service workers只支持ht...
技术 2017-09-06
前言在一次面试中被安利了WebAssembly。于是自己写了几个代码,测试一下业务场景中最常用到的四则运算,WebAssembly能提高多少性能。并非专业测试,环境为:A8-7500(四核3GHz)+8G内存,win7系统,Chrome 62。所有测试会用同样的代码跑10次,因为每次结果非常接近,这...
其他 2017-08-15
(没见过场记牌请移步维基百科)先看东西App(建议使用iPad,点开即用不需安装)后记那日拍摄视频教程,手头没有场记牌,随手拿个iPad用。然而iPad上没找到顺手的应用,索性就自己做了一个,这是源码。不需安装,用safair打开,右上角分享按钮,添加到主屏幕,即可在桌面看到图标。...
技术 2017-07-29
插件:fxp/composer-asset-plugin版本:v1.3.1源码:fxpio/composer-asset-plugin翻译:JAY【翻译序】composer-asset-plugin是一个用来安装前端资源包的Composer插件。Yii2就是通过这个插件来安装的,所以安装Yii2之前...
技术 2017-07-15
Yii2 GridView widget base on jQuery UI sortable widget.InstallationThe preferred way to install this extension is through composer.Either runphp compo...
技术 2017-06-30
做一个网站首页时遇到的问题。上面是画廊,下面有文字。画廊的图片通过JS控制随机进行翻转,用的transform:rotateX。为了做3D翻转效果,用了transform:translate3d(0,0,0),也设置了perspective(400px)。CSS动画都是画廊的,与下面文字没有任何关系...
技术 2017-06-10
github:https://github.com/oonne/vue-delivery-datepickerauthor:JAY先看东西Demo使用说明引入datepicker组件,在页面中使用:<datepicker v-on:picked="picked"&...
技术 2017-05-23
垂直居中是常见的CSS需求,通常的做法有以下几种:flex布局,最方便也是最推荐的方式;line-height属性控制行高实现单行内容垂直居中;对居中元素使用display: table-cell (或inline-block),然后再vertical-align: middle 控制垂直对齐方式;...
技术 2017-05-08
为了实现前端资源的缓存和快速访问,通常会开启服务端的Gzip压缩,并使用CDN实现静态资源的缓存。虽然提高了加载速度,但如果缓存更新不及时,就会导致Bug。最有效的解决方案是,修改资源文件的同时更新页面中引用的路径,让浏览器主动放弃缓存,加载新资源。一般会使用两种方式解决,方案一是覆盖式发布,不改变...