- 博客(22)
- 资源 (1)
- 收藏
- 关注
原创 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
168
原创 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
1253
原创 Vue webpack
1.1.1 什么是webpackwebpack是一个JavaScript应用的静态模块打包工具。模块化webpack可以支持前端模块化的一些方案,例如AMD、CMD、CommonJS、ES6。可以处理模块之间的依赖关系。不仅仅是js文件可以模块化,图片、css、json文件等等都可以模块化。打包webpack可以将模块资源打包成一个或者多个包,并且在打包过程中可以处理资源,例如压...
2019-11-19 09:35:46
193
原创 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
704
原创 Vue 综合练习
综合前面的知识,需要通过一个小demo来串联起知识。 如图所示,点击“+”按钮,总价增加,点击“-”按钮总价减少,点击移除,移除当列。<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <link rel="style...
2019-11-16 16:55:05
266
原创 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
704
原创 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
5750
原创 Es6 简单语法
1.1块级作用域 ES6之前没有块级作用域,ES5的var没有块级作用域的概念,只有function有作用域的概念,ES6的let、const引入了块级作用域。 ES5之前if和for都没有作用域,所以很多时候需要使用function的作用域,比如闭包。1.1.1 什么是变量作用域 变量在什么范围内可用,类似Java的全局变量和局部变量的概念,全局变量,全局都可用,局部变量只在范围内...
2019-11-14 12:06:13
166
原创 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
1340
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
539
原创 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
261
原创 Vue 计数器案例
简单计数器案例:点击+计数器+1点击-计数器-1新的指令和属性新的指令:@click(v-on:click),用于监听某个元素的点击事件并且需要指定发生点击时需要执行的方法(通常为methods中定义的方法)。新的属性:methods,该属性用于在Vue对象中定义方法。<div id="app"> <h2>当前数:{{ counter }}</h2...
2019-11-10 17:31:30
277
原创 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
229
原创 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
92
原创 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
80
原创 git 克隆仓库、拉取远程仓库的最新版本、解决冲突
git克隆仓库克隆远端数据仓库到本地:git clone 仓库地址拉取远程仓库的最新版本拉取远程仓库中最新版本: git pull 远程仓库地址 分支名称git pull命令和 git clone命令的区别:git pull只是拉取远程仓库中最新的版本(和本地仓库中的版本进行比较)git pull已经有本地仓库的基础之上git clone完全克隆远程仓库(只在第一次项目开发中用到)...
2019-11-09 20:36:36
1126
原创 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
411
原创 git 学习 (多人协作开发流程)
多人协作开发流程A在自己计算机中创建本地仓库A在github中创建远程仓库A将本地仓库推送到远程仓库B克隆远程仓库到本地进行开发B将本地开发的内容推送到远程仓库A将远程仓库中的最新内容拉取到本地...
2019-11-09 19:14:07
316
原创 git 学习(操作本地仓库)(分支命令、暂时保存更改)
分支命令git branch查看分支git branch 分支名创建分支git checkout 分支名称切换分支(切换回主分支前提交到仓库,不然develop分支文件会出现在master文件里面)git merge 来源分支合并分支git branch -d 分支名称删除分支 (分支合并后才允许删除)(-D强制删除)(切换到其他分支才能删除,如果没有合并不能删除该分支,如果要...
2019-11-09 18:08:48
490
原创 MongoDB
MongoDB关系型数据库和非关系型数据库表就是关系,,或者说表与表之间存在关系。所有的关系型数据库都要通过sql语言来操作所有的关系型数据库在操作之前都需要设计表结构数据表还支持约束唯一的主键默认值非空非关系型数据库非常灵活MongoDB 是最像关系型数据库的非关系型数据库。数据库 -》数据库数据表 -》集和表记录 -》(文档对象)不需要设计表结构,可...
2019-11-09 17:25:57
86
原创 node.js 回调函数
复习总结回调函数异步编程如果需要得到一个函数异步操作的结果,必须通过回调函数来获取在调用位置传一个函数进来在封装的函数内部调用传递进来的函数find、findIndex、forEach数组的遍历方法对函数作为参数的一种运用everysomeincludesmapreducepackage-lock.json 文件作用锁定版本下载速度快了JavaS...
2019-11-06 21:28:48
213
原创 find和findIndex
find和findIndex原理Ecmascript 6 对数组新增了很多方法findfindIndexfind 接受一个方法作为参数,方法内部返回一个条件find 会遍历所有的元素,执行你给定的带有条件返回值的函数符合条件的会作为返回值,如果没有符合条件的就返回 undefinedArray.prototype.myFind = (function(conditionFunc...
2019-11-06 19:50:04
214
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人