- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue学习07_ES6语法
ES6语法没有块级作用域引起的问题：在这里，我们设置了5个按钮，希望点击按钮时，在控制台打印出对应的按钮编号：示例代码： <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> &
2020-09-27 11:12:12
138
原创 Vue学习06_计算属性
计算属性当我们有时候需要对要展示的数据进行处理时，比如输入姓氏与名称，例如：张三丰，接收到的数据有两个，姓氏：张，以及名：三丰，按照之前的mustache语法写也是可以写，但是比较复杂，也可以写一个函数来获取两个数据的组合，但是这里都显得很复杂，因此，Vue引入计算属性这一东西：计算属性的基础用法示例代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8">
2020-09-26 20:00:38
188
原创 Vue学习05_动态绑定style属性
动态绑定style属性v-bind不仅可以动态绑定class属性，还可以绑定style属性：v-bind动态绑定属性（对象方法） 示例代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2020-09-26 19:15:06
473
原创 Vue学习03_插值操作
插值操作Mustache也叫胡子语法，简单来说就是两个大括号{{}}，中间放置我们要显示的变量：示例代码： <div id="app"> <h2>{{message}}</h2> <p>{{'姓名：' + name +'，性别：' + sex + ',年龄:' + age}}</p> <p v-once>{{'姓名：' + name +'，性别：' + sex + ',年龄
2020-09-26 10:01:23
194
原创 Vue学习02_创建第一个Vue项目
创建第一个Vue项目在这里，使用到的编译器软件为Vscode：首先在软件的项目目录（在这里我得目录是VueProject）里面新建两个文件夹：js与demo其中js用于存放vue的js文件夹，demo用于存放所编写的程序代码：下载vuejs文件：进入vue官网：https://vuejs.org/v2/guide/installation.html进行下载，右键开发版，点击链接另存为：将其保存到js文件夹之中：创建网页：在demo文件夹内创建我们的第一个vue网页项目demo01
2020-09-25 14:24:51
190
原创 Vue学习01_Vue环境的搭建与第一个项目的创建
Vue环境的搭建首先先检查下自身电脑的node与npm版本，没有就去下载：然后下载vue：通过命令行npm install -g vue-cli进行下载：在这里你可能遇到这样的问题，提示你某文件已经存在，根据提示进入c盘文件夹，然后将vue文件删除即可：继续执行命令行npm install -g vue-cli即可下载成功：创建vue项目：创建vue项目的命令为：vue init webpack myProject，其中myProject是你的项目名称：在这里，我得项目名称取名为myvu
2020-09-24 17:45:49
138
原创 菜鸟教程个人学习心得06_JavaScript的void与回调函数
JavaScript的void在JavaScript我们经常使用到javascript:void(0),该操作符指定要计算一个表达式但是不返回值：示例代码：创建一个超链接，但是点击后不发生任何事情： <a href="javascript:void(0)">点击这里</a>运行截图：点击超链接后并不会发生什么：示例代码：点击超链接，弹出警告框： <!-- 创建一个超链接，点击后弹出警告框 --> <a href="javascri
2020-09-24 15:13:33
219
原创 菜鸟教程个人学习心得05_JavaScript的JSON格式
JavaScript的JSON格式什么是JSON：JSON 是用于存储和传输数据的格式，JSON 通常用于服务端向网页传递数据 ，个人理解为模拟数据，实训中运用过JSON格式进行数据传输。示例代码：运用JSON语义定义对象的四条网站信息的数组 <script> // 以JSON的语义定义对象4条数组 const book = [ { "bookname": "三国演义",
2020-09-23 15:10:50
183
原创 菜鸟教程个人学习心得04_JavaScript let 和 const的使用
JavaScript let 和 const的使用两个基本概念：let的使用：let声明的变量只能够在let命令所在的代码块有效示例代码：const:const声明一个制度的常量，一旦声明，常量的值就不能够改变示例代码1：var定义的全局变量，任何地方都能够使用： <p>全局变量使用样例</p> 在全局中使用全局变量x：<input type="text" id="id1"> 在函数中使用全局变量x：<input type="t
2020-09-21 16:56:29
165
原创 菜鸟教程个人学习心得03_JavaScript的this用法
方法中使用this：单独使用this：函数中使用this：严格模式中，函数使用this：事件中使用this：对象方法中绑定this：显示函数中绑定this：
2020-09-21 16:24:33
184
原创 菜鸟教程个人学习心得02_利用checkValidity()函数验证输入框内容是否合法
JavaScript验证API1. 通过函数checkValidity()验证：通过checkValidity()函数判断输入的数值是否合法，数据合法时返回true，不合法时返回false： <p>利用checkValidity()函数验证输入框内容是否合法</p> <!-- input必须添加required属性限制不为空，否则直接点提交也会判定为合法 --> <input type="number" min="0" max="10
2020-09-20 17:41:05
1014
原创 菜鸟教程个人学习心得01_JavaScript表单输入框验证
JavaScript表单验证判断输入的内容是否只由字母、数字以及表达式构成：<!-- 正则表达式练习，判断输入的内容是否只由字母、数字以及表达式构成 --> <input type="text" id="input" value=""> <button type="button" onclick="isValid()">点击</button> <p id="demo5"></p> <scri
2020-09-20 16:39:57
273
闽江学院计算机与控制工程学院linux实验报告
2020-11-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人