摘要: "代码:github" 一、webpack4 基本配置 这一部分通过webpack的基本配置,使用loader对图片和样式进行打包,从而了解webpack4简单的用方法,保证自己能够配置正确,提升学习动力。 1.初始化配置 目录结构 安装webpack 安装指定版本webapck webpack 4 阅读全文
posted @ 2019-04-26 17:30 qfstudy 阅读(302) 评论(0) 推荐(1) 编辑
摘要: 在学习 的时候,发现有很多使用 开发的ui组件。本着学习的目的,自己也仿照 "Element" 写一些组件。 使用 "VuePress" 编写组件文档。 单元测试: +`mocha chai sinon`。 文档预览地址: "预览链接" 使用 编辑文档的代码访问: "组件文档" 关于 使用方法: " 阅读全文
posted @ 2019-03-10 09:45 qfstudy 阅读(561) 评论(0) 推荐(1) 编辑
摘要: 通过vue组件实现跟: "Element" 相似的效果。需要在VuePress网站中将自己的项目中的Vue组件运行结果展示在页面中。 至于如何将组件在VuePress网站中展示请参考: "https://segmentfault.com/a/1190000017242116" 当项目中的Vue组件的 阅读全文
posted @ 2018-12-05 14:15 qfstudy 阅读(630) 评论(4) 推荐(1) 编辑
摘要: VuePress === 相关链接 完整的Vue组件代码以及完整的文档,仅适用于个人参考学习: 文档预览地址: "预览链接" 使用 编辑文档的代码访问: "组件文档" 完整代码: "组件代码" "Vue组件开发" 这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问 阅读全文
posted @ 2018-12-03 23:30 qfstudy 阅读(6969) 评论(2) 推荐(3) 编辑
摘要: 一、parcel简单使用 npm install D parcel bundler npm init y ( y表示yes,跳过项目初始化提问阶段,直接生成 文件。) Parcel 可以使用任何类型的文件作为入口,但是最好还是使用 HTML 或 JavaScript 文件。如果在 HTML 中使用相 阅读全文
posted @ 2018-11-09 18:24 qfstudy 阅读(915) 评论(0) 推荐(0) 编辑
摘要: 最近在用Vue仿写cnode社区,想要上传到github,并通过Github pages预览,在这个过程中遇到了一些问题,因此写个笔记,以便查阅。 完成Vue项目以后,在上传到github之前,需要修改一些配置才能通过github pages预览项目。 一、修改配置 1. 解决文件路径问题: 打开项 阅读全文
posted @ 2018-11-05 19:20 qfstudy 阅读(1067) 评论(0) 推荐(2) 编辑
摘要: 1.父组件给子组件传递数据 通过 动态绑定父组件中要传递的数据,子组件通过 属性接收父组件传递的数据。 2.子组件给父组件传递数据 自定义一个事件,在子组件中通过 触发自定义事件并给父组件传递数据,在父组件中监听自定义事件并接收数据。 3.非父子组件之间的通信 Vue.component('a co 阅读全文
posted @ 2018-10-23 14:48 qfstudy 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 一、代码结构 二、http.createServer 阅读全文
posted @ 2018-09-29 11:32 qfstudy 阅读(514) 评论(0) 推荐(0) 编辑
摘要: Flex 布局,可以实现各种页面布局。目前,它已经得到了所有浏览器的支持。Webkit 内核的浏览器,必须加上 前缀。 Flex 是 Flexible Box 的缩写,意为"弹性布局"。 一、Flex的基本概念 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称" 阅读全文
posted @ 2018-09-11 21:13 qfstudy 阅读(567) 评论(0) 推荐(2) 编辑
摘要: 1.创建对象 1.字面量对象 2.构造函数 3.Object.create 2.JavaScript继承 1.原型链继承 就是把Parent实例赋值给Child.prototype,也就是说 === 。 可以通过 在原型对象上增加新的属性或方法,也可以通过, 在原型对象上添加新的方法和属性。 缺点: 阅读全文
posted @ 2018-09-02 22:03 qfstudy 阅读(106) 评论(0) 推荐(0) 编辑