发表于 | 分类于 ， | 评论数： 0 | 阅读次数：

vue 的 scoped

在 vue 项目中，当 *.vue 文件中 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，很好的实现了样式私有化的目的。

阅读全文 »

发表于 | 分类于 ， | 评论数： 0 | 阅读次数：

关闭按钮


阅读全文 »

发表于 | 更新于 | 分类于 | 评论数： 0 | 阅读次数：

好的金融投资决策，就是要找到那些“价格低于价值”的资产。你看不懂的机会永远不叫“错失的机会”。

阅读全文 »

发表于 | 更新于 | 分类于 | 评论数： 0 | 阅读次数：

直男在社交中的很多问题归根结底都是不懂他人的感受，或者是因为性别差异，或者是由于阅历不够。他们站在自己的立场上，以为自己关心的就是别人关心的，自己在乎的就是别人在乎的，即使有人提醒他们要考虑别人的感受，他们通常也不知道别人的感受到底是什么。还好，魔鬼约会学里有个镜像原则理论完美地解决了恋爱中的这些矛盾，那就是很多时候我们不需要去了解和猜测对方的感受和想法，我们只需针对对方表现出来的行为做出相近态度的回应就够了。

52赫兹的故事：1989年，美军发现了一只52赫兹的鲸鱼，其他鲸鱼都是15~25赫兹，它每天旅行40多千米，行踪也毫无规律，从来也不会留恋某处，其他鲸鱼也无法发现识别出它的歌声赫兹，他好像就是一个哑巴一样，这么多年了没有任何的家人朋友，唱歌时没人能听见，难过时没有人能理睬，尽情的在北太平洋遨游，用它52赫兹的歌声努力寻找着家人同类还有爱情。也许这就我最期待的模样，在人群中找到一个彼此频率相合，只有彼此能够听到对方的话，走进彼此的心里，这个故事还有另外一个名字叫做《这个世界怎么只有我自己》

人们总说，人望山鱼窥荷，而我说，人生三重，看山是山，看山不是山，看山又是山。
你说，哪怕抱得美人归，也为所难免再对突然出现的她怦然心动。我笑你这份缘，何尝不是这一世佛陀阿难的傻、摩登伽女的痴。
你说，爱情经不起异地等待的考验。我说，情死于无忌，爱生于无惧。
你说，门当户不对是对婚姻最大的阻碍。我说，男人给你最好的聘礼是一世的迁就，女人给你最好的嫁妆是一世的温柔。
你说，有家的地方没有梦想，有梦想的地方没有家。我说，比起一将功成，铩羽而归何尝不是一份气概。
那些可遇不可求，就让它清风徐来，就让它水波不兴。

阅读全文 »

发表于 | 分类于 ， | 评论数： 0 | 阅读次数： 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
export default function remoteLoad (url, hasCallback) {
  return createScript(url)
  /**
   * 创建script
   * @param url
   * @returns {Promise}
   */
  function createScript (url) {
    var scriptElement = document.createElement('script')
    document.body.appendChild(scriptElement)
    var promise = new Promise((resolve, reject) => {
      scriptElement.addEventListener('load', e => {
        removeScript(scriptElement)
        if (!hasCallback) {
          resolve(e)
        }
      }, false)

      scriptElement.addEventListener('error', e => {
        removeScript(scriptElement)
        reject(e)
      }, false)

      if (hasCallback) {
        window.____callback____ = function () {
          resolve()
          window.____callback____ = null
        }
      }
    })

    if (hasCallback) {
      url += '&callback=____callback____'
    }

    scriptElement.src = url

    return promise
  }

  /**
   * 移除script标签
   * @param scriptElement script dom
   */
  function removeScript (scriptElement) {
    document.body.removeChild(scriptElement)
  }
}

发表于 | 分类于 ， | 评论数： 0 | 阅读次数：

背景

  • 在项目开发中ajax请求是必不可缺少
  • 一部分ajax请求不需要 loading 或则请求时间少于多少是不显示 loading
  • 项目中对请求的同一化处理（错误处理，返回数据格式化处理，loading 处理，token 处理）
  • 配置基于个人 vue 项目进行配置，已加载 vux 相关组件，会进行一些依赖的 import（可以按需配置）
阅读全文 »

发表于 | 分类于 ， | 评论数： 0 | 阅读次数：

准备

安装命令行工具（CLI）

Vue.js 提供了很人性化的命令行工具，在全局安装了依赖以后，便能轻松的在文件系统任意角落利用脚手架创建并启动一个配备了带热重载、保存时静态检查以及可用于生产环境的构建配置的项目，具体命令如下：

1
2
3
4
5
6
7
8
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖
$ cd my-project
$ npm install
$ npm run dev
阅读全文 »