浮华夕颜

2020年6月12日

需求：输入框中输入姓名，失去焦点时验证是否存在，如果已经存在，提示从新输入，如果不存在，提示可以使用。实现功能如下： ① 通过v-model实现数据绑定 ② 需要提供提示信息 ③ 需要侦听器监听输入信息的变化侦听器的用法：实际上是侦听指定数据的变化，当数据发生变化的时候，触发侦听器所绑定的函数 Read More

posted @ 2020-06-12 14:19 浮华夕颜 Views(340) Comments(0) Diggs(0) Edit

vue基础

Vue概述 Vue基本使用 Vue模板语法基础案例 Vue常用特性综合案例 1. Vue概述 Vue：渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建官网：https://cn.vuejs.org/v2/guide/ 易用：熟悉HTML、CSS、Java Read More

posted @ 2020-06-12 13:52 浮华夕颜 Views(171) Comments(0) Diggs(0) Edit

Vue常用特性

常用特性概览：表单操作自定义指令计算属性侦听器过滤器生命周期 1. 表单操作 ① 基于Vue的表单操作 Input 单行文本：使用v-model来绑定 textarea 多行文本：textarea的用法与input类似，但是不可以在textarea的中间处理这个值。在vue中，texta Read More

posted @ 2020-06-12 13:31 浮华夕颜 Views(211) Comments(0) Diggs(0) Edit

2020年6月11日

案例：tab选项卡功能

实现步骤： 1. 实现静态UI效果用传统的方式实现标签结构和样式 2. 基于数据重构UI效果将静态的结构和样式重构为基于Vue模板语法的形式处理事件绑定和js控制逻辑 3. 声明式编程模板的结构和最终显示的效果基本一致  <style type="text/css Read More

posted @ 2020-06-11 22:01 浮华夕颜 Views(300) Comments(0) Diggs(0) Edit

案例：简单计算器

实现功能：需求：实现简单的加法计算，分别输入数值a和数值b，点击计算按钮，结果显示在下面。 ① 通过v-model指令实现数值a和数值b的绑定② 给计算按钮绑定事件，实现计算逻辑③ 将计算结果绑定到对应位置 <div id="app"> <h1>简单计算器</h1> <div> <span>数值A Read More

posted @ 2020-06-11 21:22 浮华夕颜 Views(155) Comments(0) Diggs(0) Edit

Vue模板语法

模板语法：插值表达式指令事件绑定属性绑定样式绑定分支循环结构 1. 插值表达式使用{{ }}的形式将数据显示在页面中 <div>{{msg}}</div> 2. 指令 ① 什么是指令？指令的本质就是自定义属性指令的格式：以v-开始（比如： v-cloak） ② v-cloak指令用 Read More

posted @ 2020-06-11 21:04 浮华夕颜 Views(1412) Comments(0) Diggs(0) Edit

2020年6月10日

第三方模块Gulp

Gulp是基于node平台开发的前端构建工具将机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行了用机器代替手工，提高开发效率 1. Gulp能做什么：项目上线，HTML、CSS、 JS文件压缩合并语法转换（es6、less...）公共文件抽离修改文件浏览器自动 Read More

posted @ 2020-06-10 23:25 浮华夕颜 Views(259) Comments(0) Diggs(0) Edit

XML

XML的全称是extensible markup language，代表可扩展标记语言，它的作用是传输和存储数据。 <students> <student> <sid>001</sid> <name>张三</name> </student> <student> <sid>002</sid> <nam Read More

posted @ 2020-06-10 11:06 浮华夕颜 Views(155) Comments(0) Diggs(0) Edit

RESTful风格的API

传统请求地址方式： GET http://www.example.com/getUsers // 获取用户列表 GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息 POST http://www.example.com/modifyUser Read More

posted @ 2020-06-10 10:25 浮华夕颜 Views(255) Comments(0) Diggs(0) Edit

2020年6月9日

案例：toDoList

实现功能如下： 1. 连接MySQL数据库 ① 使用navicat创建todolist数据库，并新建task表 CREATE TABLE `task` ( `id` varchar(255) NOT NULL, `title` varchar(255) NOT NULL, `completed` t Read More

posted @ 2020-06-09 23:25 浮华夕颜 Views(702) Comments(0) Diggs(0) Edit

公告