- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue基础语法
指令 1.1 数据绑定指令 v-text 填充纯文本（相比插值表达式更简洁） v-html 填充HTML片段 存在安全隐患 本网站内部数据可以使用，第三方数据不可用。 v-pre 填充原始信息 1. 显示原始信息跳过编译过程 v-once 只编译一次 应用场景：显示的信息后续不需要修改。 1.2 双向数据绑定 v-model指令用法 <input type='text' v-model='username'/> 1.3 事件绑定 v-on 指令用法 <input
2020-07-04 10:51:08
261
原创 Vue 箭头函数
箭头函数 1.1 认识箭头函数 传统定义函数： const aaa = function(parse) { } 对象字面量中定义函数： const obj = { bbb(parse) { } } Es6中箭头函数; const ccc = ()=>{ } 箭头函数的参数和返回值 参数问题: 放入两个参数: const obj = (num1, num2) => { retu...
2019-11-19 11:16:58
1386
原创 Vue webpack
1.1.1 什么是webpack webpack是一个JavaScript应用的静态模块打包工具。 模块化 webpack可以支持前端模块化的一些方案，例如AMD、CMD、CommonJS、ES6。可以处理模块之间的依赖关系。不仅仅是js文件可以模块化，图片、css、json文件等等都可以模块化。 打包 webpack可以将模块资源打包成一个或者多个包，并且在打包过程中可以处理资源，例如压...
2019-11-19 09:35:46
289
原创 Vue v-model使用集合
1.1 v-model的基本使用 v-model双向绑定，既输入框的value改变，对应的message对象值也会改变，修改message的值，input的value也会随之改变。无论改变那个值，另外一个值都会变化。 输入框内容修改，message也修改，修改message，input内容也修改，双向绑定 <body> <div id="app"> <input ...
2019-11-16 18:17:02
786
原创 Vue 综合练习
综合前面的知识，需要通过一个小demo来串联起知识。 如图所示， 点击“+”按钮，总价增加，点击“-”按钮总价减少，点击移除，移除当列。 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="style...
2019-11-16 16:55:05
382
原创 Vue 条件判断
** v-if、v-show、v-if小案例 ** v-if用于条件判断，判断Dom元素是否显示。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init...
2019-11-14 19:26:53
819
原创 Vue 事件监听(v-on的基本使用、参数传递、修饰词)
1.1 v-on的基本使用 1.2 v-on的参数传递 1.3 v-on的修饰词 1.1 v-on的基本使用 在前面的计数器案例中使用了v-on:click监听单击事件。这里在回顾一下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n...
2019-11-14 17:09:31
6373
原创 Es6 简单语法
1.1块级作用域 ES6之前没有块级作用域，ES5的var没有块级作用域的概念，只有function有作用域的概念，ES6的let、const引入了块级作用域。 ES5之前if和for都没有作用域，所以很多时候需要使用function的作用域，比如闭包。 1.1.1 什么是变量作用域 变量在什么范围内可用，类似Java的全局变量和局部变量的概念，全局变量，全局都可用，局部变量只在范围内...
2019-11-14 12:06:13
284
原创 v-for和v-bind结合
使用v-for和v-bind实现一个小demo，将电影列表展示，并点击某一个电影列表时候，将此电影列表变成红色。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
2019-11-13 22:56:00
1501
2
原创 v-bind动态绑定class(对象语法、数组语法)
对象语法 有时候我们期望对Dom元素的节点的class进行动态绑定，选择此Dom是否有指定class属性。例如，给h2标签加上class=“active”，当Dom元素有次class时候，变红<style>.active{color:red;}</style>，在写一个按钮绑定事件，点击变黑色，再次点击变红色。 <!DOCTYPE html> <html...
2019-11-13 22:34:16
651
原创 Vue v-bind绑定style
v-bind绑定style 绑定方式一：对象语法 ：style="{color: current,fontSize: fontSize + 'px'}" style 后面跟的是一个对象类型 对象的key是css属性 对象的value是具体赋的值，值可以来自data中的属性 绑定方式二：数组语法 <div v-bind:style="[baseStyle, overridin...
2019-11-13 10:45:12
354
原创 Vue 计数器案例
简单计数器案例: 点击+计数器+1 点击-计数器-1 新的指令和属性 新的指令：@click(v-on:click)，用于监听某个元素的点击事件并且需要指定发生点击时需要执行的方法（通常为methods中定义的方法）。 新的属性：methods，该属性用于在Vue对象中定义方法。 <div id="app"> <h2>当前数：{{ counter }}</h2...
2019-11-10 17:31:30
430
原创 Vue 列表展示
用v-for 遍历数组 <div id="app"> <ul> <li v-for="item in movies">{{item}}</li> </ul> </div> 引入vue: <script src="./vue.min.js"></scr...
2019-11-10 16:51:42
307
原创 Vue初体验
元素js的做法 创建div元素，设置id属性 <div id="app"> </div> 定义变量叫 message <script> let app = new Vue({ el: '#app', data: { message: 'hello Vue!' } }) </script> 将message 变量放在div元素中显...
2019-11-10 16:16:50
155
原创 Vue.js 安装
方式一：直接CDN引入 - 可以选择开发环境还是生产环境版本 <!-- 开发环境版本，包含帮助的命令警告--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本，优化了尺寸和速度--> <script src="https://cd...
2019-11-10 15:50:14
137
原创 git 克隆仓库、拉取远程仓库的最新版本、解决冲突
git克隆仓库 克隆远端数据仓库到本地：git clone 仓库地址 拉取远程仓库的最新版本 拉取远程仓库中最新版本： git pull 远程仓库地址 分支名称 git pull命令和 git clone命令的区别： git pull只是拉取远程仓库中最新的版本（和本地仓库中的版本进行比较） git pull已经有本地仓库的基础之上 git clone完全克隆远程仓库（只在第一次项目开发中用到）...
2019-11-09 20:36:36
1305
原创 git 本地仓库推送到GitHub远程仓库
GitHub上新建远端仓库，，， git 初始化本地仓库：git init 在本地仓库新建一个文件 将文件添加到暂存区 提交 推送到远程仓库 git push 远程仓库地址 分支名称 git push 远程仓库地址别名 分支名称 git push -u 远程仓库地址别名 分支名称 -u 记住推送地址及分支，下次推送只需输入git push即可 git remote add 远程仓库地址...
2019-11-09 19:36:50
532
原创 git 学习 （多人协作开发流程）
多人协作开发流程 A在自己计算机中创建本地仓库 A在github中创建远程仓库 A将本地仓库推送到远程仓库 B克隆远程仓库到本地进行开发 B将本地开发的内容推送到远程仓库 A将远程仓库中的最新内容拉取到本地 ...
2019-11-09 19:14:07
416
原创 git 学习（操作本地仓库）（分支命令、暂时保存更改）
分支命令 git branch查看分支 git branch 分支名创建分支 git checkout 分支名称切换分支（切换回主分支前提交到仓库，不然develop分支文件会出现在master文件里面） git merge 来源分支合并分支 git branch -d 分支名称删除分支 （分支合并后才允许删除）（-D强制删除）（切换到其他分支才能删除，如果没有合并不能删除该分支，如果要...
2019-11-09 18:08:48
598
原创 MongoDB
MongoDB 关系型数据库和非关系型数据库 表就是关系，，或者说表与表之间存在关系。 所有的关系型数据库都要通过sql语言来操作 所有的关系型数据库在操作之前都需要设计表结构 数据表还支持约束 唯一的 主键 默认值 非空 非关系型数据库非常灵活 MongoDB 是最像关系型数据库的非关系型数据库。 数据库 -》数据库 数据表 -》集和 表记录 -》（文档对象） 不需要设计表结构，可...
2019-11-09 17:25:57
140
原创 node.js 回调函数
复习总结 回调函数 异步编程 如果需要得到一个函数异步操作的结果，必须通过回调函数来获取 在调用位置传一个函数进来 在封装的函数内部调用传递进来的函数 find、findIndex、forEach 数组的遍历方法对函数作为参数的一种运用 every some includes map reduce package-lock.json 文件作用 锁定版本 下载速度快了 JavaS...
2019-11-06 21:28:48
265
原创 find和findIndex
find和findIndex原理 Ecmascript 6 对数组新增了很多方法 find findIndex find 接受一个方法作为参数，方法内部返回一个条件 find 会遍历所有的元素,执行你给定的带有条件返回值的函数 符合条件的会作为返回值，如果没有符合条件的就返回 undefined Array.prototype.myFind = (function(conditionFunc...
2019-11-06 19:50:04
294
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人