VuePress 由两部分组成:第一部分是一个极简静态网站生成器 (opens new window),它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求

之前自己写了一个简版的 Vue 组件库,但是没有写文档,所以就想着动手实际操作并记录下来。

>
静态网站vuepress

其实两者从定义上讲区别还是挺明显的:

v-if:用于条件性地显示或隐藏一个元素,适用于简单的条件渲染。

component:通过 :is 属性实现组件的动态切换,适用于更复杂的条件渲染场景,可以根据条件加载不同的组件

那为什么要单独拧出来说呢?是因为两者在特殊情况下是具有一致性的..😟😟😟

>
vuecomponentv-if

前面开发移动端功能的时候,发现调试并不是很方便,主要体现在部分兼容性问题和体验上,浏览器模拟的手机并不能完全替代。

部分功能只有上线后,才能在手机上发现错误,然后机缘巧合下发现了腾讯开源的 vConsole 工具。

vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。和框架无关,可以在任何地方进行使用。(微信小程序的官方调试工具)

>
debugvConsole

嘿嘿~,就是这么神奇,早上来公司写代码,由于周五走的时候并没有关掉服务,所以来了我就像往常一样工作。新的一周开始了…美滋滋 😚😚😚

一些不可描述的原因,编辑器很卡,公司真的该换得电脑了 😶😶😶 我重启了 vscode,执行 nr start 想着先把程序跑起来。

mdcommand not found? wtf? 我不可能没装这个工具的呀,难道是我切了其他版本自己忘记了?,试着运行了一下 node -v

😋😋😋 什么是 tm 的惊喜…node command not found 大哥 不要搞我啊…

>
bugnvmnvm_symlink

一大早到公司上班,就被告知有一个看似无厘头的 bug 需要解决?

原话是:在电脑浏览器上能够正常访问?甚至是打开调试工具,模拟手机进行调试也可以访问,无任何异常信息…but...,当同样的链接放到手机真机上时,不能正常访问服务,页面一片空白?

其实要解决 bug,只要能发现原因所在,就算解决一半了。

然而…目前只有..猜测?程序员怎么能靠猜呢?,是不是也得断点调试debugger一套流程走下来…

ok,如果你真的这么做了,你会发现...嘿嘿 毫无收获...😉😉😉 因为它不抛异常,也不报错,连 vConsole 都没能让它在控制台留下任何异常输出.

vConsole: 一个轻量、可拓展、针对手机网页的前端开发者调试面板。同样的,目前也是微信小程序的官方调试工具

>
bugnotification