技术 2017-09-06
前言在一次面试中被安利了WebAssembly。于是自己写了几个代码,测试一下业务场景中最常用到的四则运算,WebAssembly能提高多少性能。并非专业测试,环境为:A8-7500(四核3GHz)+8G内存,win7系统,Chrome 62。所有测试会用同样的代码跑10次,因为每次结果非常接近,这...
技术 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。最有效的解决方案是,修改资源文件的同时更新页面中引用的路径,让浏览器主动放弃缓存,加载新资源。一般会使用两种方式解决,方案一是覆盖式发布,不改变...
技术 2017-04-27
GitHub: https://github.com/oonne/gulp-asset-version.Author: JAYgulp-asset-versiona plugin for gulp.js to add version after file's name b...
技术 2017-04-16
GitHub: https://github.com/oonne/yii2-scroll-to-top.Author: JAYyii2-scroll-to-topA Yii2 widget to add scroll-to-top button. Base on the .ani...
技术 2017-04-06
【问题描述】2017年3月1号开始,iOS微信的浏览器内核从UIWebview切换到了WKWebview。在做兼容性测试的时候发现了WK内核对position:fixed的解析跟以前不同。具体表现在:当页面下拉的触发页面的弹性滑动时,fixed的元素依然保持在原有的位置,而不随页面下拉。如下图:(因...