代码：github 一、webpack4--基本配置 1.初始化配置 {代码...} 目录结构 {代码...} 安装webpack npm install webpack --save-dev 安装指定版本webapck npm install --save-dev webpack@<version> webpack 4+ 版本，还需要安装webpack-cli npm install webpack-cli --save-dev npx webpack -v：查看webpack版本 npx...

在学习vue的时候，发现有很多使用vue开发的ui组件。本着学习的目的，自己也仿照Element写一些组件。 使用VuePress编写组件文档。 单元测试：karma+mocha+chai+sinon。 文档预览地址：预览链接 使用VuePress编辑文档的代码访问：组件文档关于VuePress使用方法：博客园、掘金 完整代码：组件代码 接下来就是编写组件，首先...

通过vue组件实现跟：Element相似的效果。需要在VuePress网站中将自己的项目中的Vue组件运行结果展示在页面中。至于如何将组件在VuePress网站中展示请参考：[链接]

VuePress 这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问题。 安装vuepress前，请确保你的 Node.js 版本 >= 8 全局安装 {代码...} 注意 ：vuepress dev .和vuepress build .后面的.。 在现有项目中安装 {代码...} 接着，在 package.json 里加一些脚本: {代码...} 开始写作 {代码.....

Parcel 可以使用任何类型的文件作为入口，但是最好还是使用 HTML 或 JavaScript 文件。如果在 HTML 中使用相对路径引入主要的 JavaScript 文件，Parcel 也将会对它进行处理将其替换为相对于输出文件的 URL 地址。

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

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

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

Child.prototype=new Parent('Child')就是把Parent实例赋值给Child.prototype，也就是说new Child().__proto__===new Parent('Child')。

Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在浏览器的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器。Cookie使无状态的HTTP协议记录稳定的状态信息成为了可能。每个 Cookie 的大小一般不能超过4KB。

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

1.环境搭建 下载 vue-cli：npm install -g vue-cli 初始化项目：vue init webpack vue-demo 进入vue-demo文件夹：cd vue-demo 下载安装依赖：npm install 运行该项目：npm run dev 2.父组件向子组件传值 src/components/文件夹下建一个组件，Home.vue 创建子组件，在src/components/文件夹下新建一个文件夹，在新建文件...

1.安装node.js 2.安装vue-cli npm install vue-cli -g vue -V（-V大写）查看版本信息 3.安装webpack 4.初始化项目 vue init webpack Project-name Project-name是项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹 5.进入项目目录 cd Project-name 6.安装依赖 npm install 7.启动项目 npm run dev

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

条件渲染 v-if {代码...} v-else {代码...} v-show {代码...} v-if vs v-showv-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相比之下，v-show 就简单得...

Class 与 Style 绑定 绑定 HTML Class 1.对象语法 {代码...} 绑定的数据对象可以不用内联定义在模板里，可以如下定义： {代码...} 2.数组语法我们可以把一个数组传给 v-bind:class，以应用一个 class 列表： {代码...} 3.用在组件上 {代码...} 绑定内联样式 1.对象语法v-bind:style 的对象语法十分直观——看着非常像 CSS...

给定两个由小写字母构成的字符串 A 和 B ，只要我们可以通过交换 A 中的两个字母得到与 B 相等的结果，就返回 true ；否则返回 false 。

vue的引入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

vue的引入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

1.数据类型 JavaScript一共有六种数据类型。（ES6新增了第七种Symbol类型的值） 数值(Number) 字符串(String) 布尔值(boolean) undefined null 对象(object) 2.数据类型判断 JavaScript有三种方法，可以判断一个值的类型 typeof运算符 instanceof运算符 Object.prototype.toString()方法 typeof运算符 typeof运算符可以...

start ~/.bashrc通过编辑器编辑这个文件，如果内容为echo 'hello'，(也可以用命令行编辑文件 echo "echo 'hello'" >> ~/.bashrc)关闭退出Git Bash以后，打开Git Bash，就会看到hello。这就说明每次打开Git Bash，就会优先运行 ~/.bashrc 文件里面的命令

// map有三个参数:数组元素，元素索引，数组本身// parseInt有两个参数,元素本身以及进制parseInt(string,radix)`['1','2','3'].map(parseInt); ['1','2','3'].map(function(item,index,array){

数组基础篇二 数组对象 1.声明数组的方法 Array是 JavaScript 的原生对象，同时也是一个构造函数，可以用它生成新的数组。 var arr =new Array(3);//length:3等同于var arr=Array(3);不建议使用上面的方法生成新数组 推荐使用这种方法生成数组var arr = [1, 2]; 2.数组的方法 2.1 Array.isArray() Array.isArray方法返回...