-
es6 生成器函数的理解
在es6标准中允许使用function* 关键字创建一个生成器函数与之配对的是yield函数，在生成器好函数的内部每次调用yield的时候可以向迭代器的调用者返回一个值，并保存当前执行的位置，直到迭代器再次被调用例子：function* range(start,end) { for(var i=start;i<end;i++){作者：admin发表于：2018-01-09 10:40:05
-
vue 组件异步加载的问题
使用vue-cli创建项目之后会把所有的资源都打包到一个js文件，导致页面首次进入的时候速度很慢，这里使用了es6的语法来实现vue组件的懒加载，修改main.js文件//import RoomWrap from './components/room/RoomWrap'const RoomWrap = () => import('./comp作者：admin发表于：2017-12-22 14:17:31
-
webpack 打包可视化分析工具
有时候webpack打出的包太大我们想要分析整个包文件，使用webpack-bundle-analyzer这个插件可以实现这个目的https://www.npmjs.com/package/webpack-bundle-analyzer使用方法webpack配置中加入 var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').作者：admin发表于：2017-11-15 14:27:27
-
nginx重定向redirect和permanent 的区别
最近公司的项目加入了故障页面，如果nginx发现项目故障自动重定向到故障页面结果故障恢复之后再也无法进入正常的页面了，原因是重定向的时候使用了301重定向，表示永久重定向，按照w3的规范永久重定向是应该被缓存的redirect : 返回302临时重定向，地址栏会显示跳转后的作者：admin发表于：2017-09-27 13:08:48
-
css3 波动效果
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini作者：admin发表于：2017-09-15 14:30:00
-
flexbox 布局在ios app中错乱的问题
公司的项目使用了hybrid方案，html5页面在ios的UIWebView中运行。其中一个页面使用了flexbox布局，当该页面调用app提供的js接口打开新窗口，再返回的时候，其中使用弹性布局的div高度会莫名的增加20px，导致原本没有滚动条的页面出现了滚动条，相当的诡异，解决的方案是使该d作者：admin发表于：2017-07-07 14:54:31
-
echart 字体兼容性问题
使用百度echart控件的时候发现设置坐标轴字体axisLabel:{ textStyle:{ fontSize: 8 }},如果fontSize设置的值过小，苹果手机上会显示极小的文字，而安卓手机上会显示一个较大的文字，造成界面效果不统一，建议最小设置为8号字体作者：admin发表于：2017-07-06 10:07:22
-
使用原生canvas绘制折线图
trend.jsconst getMax = (a,b)=>a>b?a:bconst convertX = (width,x,sum,{left,right})=> parseInt((width-left-right) * x /(sum-1))+leftconst convertY = (height,y,sum,{bottom,top})=>height - convertX(height,y,sum,{left:bottom,right:top})const convert作者：admin发表于：2017-06-20 17:53:07
-
谷歌浏览器时间问题
最近发现谷歌浏览器里面new Date()获得的时间的时间其实和电脑的本地时间是不一样的，页面开的越久这个时间差距越大，解决办法暂时没有找到，不过火狐浏览器没有这个问题作者：admin发表于：2017-05-22 09:42:35
-
axios 的兼容性问题
axios 在低版本的安卓上其实是有兼容性问题的，安卓4.2就开始出问题了，主要是由于Promise 不支持，还好官方提供了解决方案require('es6-promise').polyfill();var axios = require('axios');作者：admin发表于：2017-04-26 16:10:00