I am ne zha / Jeskson
I am ne zha / Jeskson
在使用Vue开发的过程中，data这个options对于我们来说是最熟悉不过的了。一般来说我们的data通常会写成函数形式，通过return将数据返回，但是官方在以根实例编写demo的时候，我们发现他直接使用了对象的形式。 "data"选项应该是一个函数，并且在组件定义中返回每个实例的值。 从源码级别看一下，Vue中究竟做了什么处理。 在Vue根实例中data的使用 可以为函数，可以为对象 vue的实例的时候会调用一个init方法 ``` function Vue (options) { if (process.env.NODE_ENV!=='production'&& !(thisinstanceofVue)) { warn('Vue is a constructor and should be called with the`new` keyword') } this._init(options) } ```...
把脚本元素放在文档体的底端（`/body>` 标签之前，与之相邻），这样脚本就可以在 HTML 解析完毕后加载了。 只有在所有 HTML DOM 加载完成后才开始脚本的加载/解析过程。对于有大量 JavaScript 代码的大型网站，可能会带来显著的性能损耗。这也是 async 属性诞生的初衷。
你可以给你的变量赋任何你喜欢的名字，但有一些限制。 一般你应当坚持使用拉丁字符(0-9,a-z,A-Z)和下划线字符。 你不应当使用规则之外的其他字符，因为它们可能引发错误，或对国际用户来说难以理解。 变量名不要以下划线开头—— 以下划线开头的被某些JavaScript设计为特殊的含义，因此可能让人迷惑。 变量名不要以数字开头。这种行为是不被允许的，并且将引发一个错误。 一个可靠的命名约定叫做 "小写驼峰命名法"，用来将多个单词组在一起，小写整个命名的第一个字母然后大写剩下单词的首字符。我们已经在文章中使用了这种命名方法。 让变量名直观，它们描述了所包含的数据。不要只使用单一的字母/数字，或者长句。 变量名大小写敏感——因此myage与myAge是2个不同的变量。 最后也是最重要的一点—— 你应当避免使用JavaScript的保留字给变量命名。保留字，即是组成JavaScript的实际语法的单词！因此诸如 var, function, let和 for等，都不能被作为变量名使用。浏览器将把它们识别为不同的代码项，因此你将得到错误。
``` // addComponents.js const fs = require("fs"); const findMarkdown = require("./findMarkdown"); const rootDir = "./docs"; findMarkdown(rootDir, writeComponents); function writeComponents(dir) { if (!/README/.test(dir)) { fs.appendFile(dir, `\n \n \n `, err =>...
``` // delComponents.js const fs = require("fs"); const findMarkdown = require("./findMarkdown"); const rootDir = "./docs"; findMarkdown(rootDir, delComponents); function delComponents(dir) { fs.readFile(dir, "utf-8", (err, content) => { if (err) throw err;...
``` // findMarkdown.js const fs = require("fs"); function findMarkdown(dir, callback) { fs.readdir(dir, function(err, files) { if (err) throw err; files.forEach(fileName => { let innerDir = `${dir}/${fileName}`; if (fileName.indexOf(".") !== 0)...
``` 修改 package.json 的 scripts, 先为每个 md 文件添加组件，然后打包，最后再一一删除 markdown 中的 comment 组件。 "build": "node ./builds/addComponents.js && vuepress build docs && node ./builds/delComponents.js", 笔者的项目里面是把添加了二条命令的，比如 npm run dev:md 和 npm run build:md...
代码： ``` yarn global add vuepress # 或者：npm install -g vuepress # 创建项目目录 mkdir vuepress-starter && cd vuepress-starter # 新建一个 markdown 文件 echo '# Hello VuePress!' > README.md # 开始写作...
``` 当我们将文档写好后就到了我们最关心的地方了，怎么将打包后的代码推送到远程仓库的 gh-pages 分支上。 创建一个deploy.sh touch deploy.sh 编写脚本 #!/usr/bin/env sh # 确保脚本抛出遇到的错误 set -e # 生成静态文件 npm run docs:build # 进入生成的文件夹 cd docs/.vuepress/dist # 如果是发布到自定义域名 # echo 'www.example.com' > CNAME...
In computing, reactive programming is a programming paradigm oriented around data flows and the propagation of change. What is responsive programming Responsive programming is a programming paradigm for data flow...