大道至简, 悟在天成

最近对 CORS 进行了一些小整理, 下面是对于一些小细节的总结.

git 的使用小结. 我写别的东西去了, Blog 还是要更的.

underscore 源码中有下面这一段代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

var optimizeCb = function(func, context, argCount) {
    if (context === void 0) return func;
    switch (argCount) {
      case 1: return function(value) {
        return func.call(context, value);
      };
      // The 2-parameter case has been omitted only because no current consumers
      // made use of it.
      case null:
      case 3: return function(value, index, collection) {
        return func.call(context, value, index, collection);
      };
      case 4: return function(accumulator, value, index, collection) {
        return func.call(context, accumulator, value, index, collection);
      };
    }
    return function() {
      return func.apply(context, arguments);
    };
  };

在项目开发中发现在 android webview 中 vue router 在使用 webpack 打包之后的文件在某些机型像魅蓝 note, 锤子
手机会报 Uncaught ReferenceError: _create2 is not defined, 而在 github 上也有类似的 issues: https://github.com/vuejs/vue/issues/4202.

解决方法

这个问题是 devtool 的配置引起的, 将 devtool 的配置项改为 cheap-module-source-map 就可以正常执行了.

设计模式, 分为三类: 构造型, 结构型, 行为型, 共 23 种. 设计模式不分语言, 只是在构造模式的时候会根据语言的特性
不同而不同, 但是它的思想是始终受用的.
设计模式在我们日常写代码的时候常常会遇到, 会帮助我们以更好的方式去组织我们的代码.

最近在编写代码的时候已经基本使用 ES6 的语法了, 所以想抽空将 ES6 的语法中需要注意的东西总结一个.

“我的源码被猫吃了” – 出于对自己的代码, 功能负责的前提下, 应当为代码(项目)的可靠性可用性进行测试.
此为我实习期间的所做的团队分享.

最近和后台小哥进行联调, 因为是一个后台页面, 直接使用了 JQuery 里面的 $.ajax 来调接口, 但是发现异步成功回调
并不执行.

“闻之我也野, 视之我也饶, 行之我也明” — 前段时间感觉自己看的书比较多, 其中关于性能优化方面, 虽然知道一些
对于 web 页面的性能优化手段, 像雅虎性能十四条这样的业界金规玉律, 但是对于其中为什么这样做以及什么时候这样
做脑海始终有点模糊, 所以写篇博文来让自己理解性能方面的知识.

在之前使用 React 做项目的时候, 由于时间比较紧, 对于项目中需要用到弹出框(模态框)的组件, 全部使用了 DOM 操作来
达到视觉效果, 达到目的, 但是这样代码非常不优雅, 不符合 React 的思想, 因此在完成项目之后, 仔细研究了如何在组
件中创建一个模态框 Modal.

CSS3 的 media query 在一定程度上满足了我们响应式布局的需求, 但是对于 IE9 以下的浏览器或者是不支持媒体查询
的浏览器, 就会布局错乱或者会出现滚动条使用户体验降低, 因此我们需要兼容性方案.

原本以为高程里面说的模拟 DOMContentLoaded 方法是比较好的, 但是书也有自己本身的限制.

ES6 语法解决了很多过往 JS 的一些痛点, 但是我们不能只是使用它们, 而是弄清楚他们为什么可以这么做.
这里列举一些我常用的 ES6 语法的命令详解.

前端安全至关重要, 如果在前端阻拦一些安全攻击, 对于用户体验也是极大提升.

##问题现象
在项目中,遇到的问题是有一个弹出层, 弹出层有一个按钮点击之后表示操作完成并且隐藏遮罩与弹出框,但是点击按钮之后
弹出层下面的元素却触发了 click 事件,导致 bug 的出现.