• WebAssembly性能实测

    技术 2017-09-06

    前言在一次面试中被安利了WebAssembly。于是自己写了几个代码,测试一下业务场景中最常用到的四则运算,WebAssembly能提高多少性能。并非专业测试,环境为:A8-7500(四核3GHz)+8G内存,win7系统,Chrome 62。所有测试会用同样的代码跑10次,因为每次结果非常接近,这...

  • 【翻译】composer-asset-plugin中文文档

    技术 2017-07-29

    插件:fxp/composer-asset-plugin版本:v1.3.1源码:fxpio/composer-asset-plugin翻译:JAY【翻译序】composer-asset-plugin是一个用来安装前端资源包的Composer插件。Yii2就是通过这个插件来安装的,所以安装Yii2之前...

  • Yii2 Sortable GridView(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...

  • CSS translate 字体闪烁问题

    技术 2017-06-30

    做一个网站首页时遇到的问题。上面是画廊,下面有文字。画廊的图片通过JS控制随机进行翻转,用的transform:rotateX。为了做3D翻转效果,用了transform:translate3d(0,0,0),也设置了perspective(400px)。CSS动画都是画廊的,与下面文字没有任何关系...

  • vue-delivery-datepicker(Vue 日期选择组件)

    技术 2017-06-10

    github:https://github.com/oonne/vue-delivery-datepickerauthor:JAY先看东西Demo使用说明引入datepicker组件,在页面中使用:<datepicker v-on:picked="picked"&...

  • CSS垂直居中的若干鬼畜方案

    技术 2017-05-23

    垂直居中是常见的CSS需求,通常的做法有以下几种:flex布局,最方便也是最推荐的方式;line-height属性控制行高实现单行内容垂直居中;对居中元素使用display: table-cell (或inline-block),然后再vertical-align: middle 控制垂直对齐方式;...

  • 前端资源缓存与版本号更新

    技术 2017-05-08

    为了实现前端资源的缓存和快速访问,通常会开启服务端的Gzip压缩,并使用CDN实现静态资源的缓存。虽然提高了加载速度,但如果缓存更新不及时,就会导致Bug。最有效的解决方案是,修改资源文件的同时更新页面中引用的路径,让浏览器主动放弃缓存,加载新资源。一般会使用两种方式解决,方案一是覆盖式发布,不改变...

  • gulp-asset-version (gulp插件:添加前端资源版本号)

    技术 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...

  • Yii2 scroll-to-top-widget (Yii2回到顶部插件)

    技术 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...

  • iOS (WKWebview内核)fixed定位问题

    技术 2017-04-06

    【问题描述】2017年3月1号开始,iOS微信的浏览器内核从UIWebview切换到了WKWebview。在做兼容性测试的时候发现了WK内核对position:fixed的解析跟以前不同。具体表现在:当页面下拉的触发页面的弹性滑动时,fixed的元素依然保持在原有的位置,而不随页面下拉。如下图:(因...

TOP