qfstudy

webpack4可以零配置打包，webpack4会默认对src目录下的index.js文件打包。 现在运行npx webapck，可以在demo1目录下看到dist目录，dist目录下有一个main.js文件，这就是打包后的文件，打开查找可以看到 console.log(dem…

在学习vue的时候，发现有很多使用vue开发的ui组件。本着学习的目的，自己也仿照Element写一些组件。 使用VuePress编写组件文档。 单元测试：karma+mocha+chai+sinon。 接下来就是编写组件，首先以常用的组件Button为例。 通过props属性…

通过vue组件实现跟：Element相似的效果。需要在VuePress网站中将自己的项目中的Vue组件运行结果展示在页面中。 当项目中的Vue组件的运行结果可以在页面展示以后，接下来就是要将自己的代码展示在Vuepress网站中。 因为可以在markdown中使用Vue组件，所…

这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问题。 注意 ：vuepress dev .和vuepress build .后面的.。 第一个坑：我的项目就是依赖webpack 3.6.0同时也是用npm安装依赖，然后继续使用npm安装vu…

npm init -y (-y表示yes，跳过项目初始化提问阶段，直接生成package.json 文件。) Parcel 可以使用任何类型的文件作为入口，但是最好还是使用 HTML 或 JavaScript 文件。如果在 HTML 中使用相对路径引入主要的 JavaScrip…

最近在用Vue仿写cnode社区，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅。 完成Vue项目以后，在上传到github之前，需要修改一些配置才能通过github pages预览项目。 如果只是想通过githu…

通过v-bind动态绑定父组件中要传递的数据，子组件通过props属性接收父组件传递的数据。 自定义一个事件，在子组件中通过this.$emit()触发自定义事件并给父组件传递数据，在父组件中监听自定义事件并接收数据。

一、代码结构二、http.createServer

Flex 布局，可以实现各种页面布局。目前，它已经得到了所有浏览器的支持。Webkit 内核的浏览器，必须加上-webkit前缀。 Flex 是 Flexible Box 的缩写，意为"弹性布局"。 采用 Flex 布局的元素，称为 Flex 容器（flex container…