qfstudy

代码：github 一、webpack4--基本配置 1.初始化配置 目录结构 安装webpacknpm install webpack --save-dev 安装指定版本w...

qfstudy

第一种: 在组件中直接使用style 不需要组件从外部引入css文件，直接在组件中书写。 注意事项:在正常的css中，比如background-color，box-sizin...

qfstudy

在学习vue的时候，发现有很多使用vue开发的ui组件。本着学习的目的，自己也仿照Element写一些组件。 使用VuePress编写组件文档。 单元测试：karma+moc...

qfstudy

一、parcel简单使用 npm install -D parcel-bundler npm init -y (-y表示yes，跳过项目初始化提问阶段，直接生成packag...

qfstudy

最近在用Vue仿写cnode社区，想要上传到github，并通过Github pages预览，在这个过程中遇到了一些问题，因此写个笔记，以便查阅。 完成Vue项目以后，在上传...

qfstudy

1.父组件给子组件传递数据 通过v-bind动态绑定父组件中要传递的数据，子组件通过props属性接收父组件传递的数据。 2.子组件给父组件传递数据 自定义一个事件，在子组件...

qfstudy

1.内容优化 (1)减少HTTP请求数:这条策略是最重要最有效的，因为一个完整的请求要经过DNS寻址，与服务器建立连接，发送数据，等待服务器响应，接收数据这样一个消耗时间成本...

qfstudy

一、代码结构 二、http.createServer

qfstudy

Flex 布局，可以实现各种页面布局。目前，它已经得到了所有浏览器的支持。Webkit 内核的浏览器，必须加上-webkit前缀。Flex 是 Flexible Box 的缩...

qfstudy

1.创建对象 1.字面量对象2.构造函数3.Object.create 2.JavaScript继承 1.原型链继承 Child.prototype=new Parent('...

qfstudy

1.Cookie HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在浏览器的一小块数据，它会在浏览器下次向同一服务器再发起...

qfstudy

Promise对象 Promise 表示一个异步操作的最终结果，与之进行交互的方式主要是 then 方法，该方法注册了两个回调函数，用于接收 promise 的终值或本 pr...

qfstudy

1.环境搭建 下载 vue-cli：npm install -g vue-cli 初始化项目：vue init webpack vue-demo 进入vue-demo文件夹：...

qfstudy

1.安装node.js 2.安装vue-cli npm install vue-cli -g vue -V（-V大写）查看版本信息 3.安装webpack 4.初始化项目 v...

qfstudy

列表渲染 用 v-for 把一个数组对应为一组元素 结果： v-for 还支持一个可选的第二个参数为当前项的索引。 结果： 对象的 v-for可以用 v-for 通过一个对象...

qfstudy

条件渲染 v-if v-else v-show v-if vs v-showv-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和...

qfstudy

Class 与 Style 绑定 绑定 HTML Class 1.对象语法 绑定的数据对象可以不用内联定义在模板里，可以如下定义： 2.数组语法我们可以把一个数组传给 v-b...