阴影中的曙光

填坑之路

2018.06.13 / 技术相关 / 点击 351 / 回复 0 / Vue

前端技术栈爆炸的时代,前端开发者的日常就是,遇坑,填坑,填坑过程中又遇坑.....

IE 11不兼容VUE

Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。简单地说,polyfill即是在当前运行环境中用来复制(意指模拟性的复制,而不是拷贝)尚不存在的原生 api 的代码。

npm install --save-dev babel-polyfill
import babel-polyfill

如果也是用了官方脚手架vue-cli,还需要在webpack.config.js配置文件中做各修改,

module.exports = {
 entry: {
 app: ["babel-polyfill", "./src/main.js"]
 }
};

runFn方法,更优雅的回调函数

const runFn = (fn, ...args) => {
  if (is.undefined(fn) || is.null(fn)) {
    return undefined;
  } else if (is.function(fn)) {
    return fn(...args);
  } else {
    throw new TypeError(`Expected a Function, got ${is(fn)}`);
  }
};
 

eslint 忽略一个文件

/ eslint-disable /``

告别npm报permission denied

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

CSS透明颜色样式 color:transparent;
鼠标移动上去边手 cursor: pointer;
清除bootstrap默认元素选中阴影
 button:focus {
        outline: none;
}
强制单词换行:word-break:break-all; 
清除a标签下划线:text-decoration: none;
清楚浮动.home_buttonBar:after{
  clear: both;
  float: none;
  content: '';
  display: block;
}