• Service Worker实践:缓存股票信息

    技术 2017-10-24

    Service worker可以充当Web应用程序与浏览器之间的代理服务器,常用于拦截网络请求,优化离线体验。最近开发一个功能需要用到股票信息,这些信息在每个交易日都是固定不变的,可以在前端缓存起来,减少重复请求。于是引入了Service workers。由于Service workers只支持ht...

  • WebAssembly性能实测

    技术 2017-09-06

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

  • 初级前端面试题

    技术 2017-08-26

    最近招人要出面试题,要求较基础,考一些日常工作中常用的东西,总结如下。数据类型[1,2,3] == [1,2,3] ?答案:false解析:数组在内存里储存方式是一个映射。1.00 === 1 ?答案:true解析:float 和 int 在JS里都是 number 类型。typeof null =...

  • 【翻译】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...

TOP