随笔档案「2020年6月」 - unfetteredman

Content-Type

摘要：Content-Type（内容类型），一般是指网页中存在的 Content-Type，用于定义网络文件的类型和网页的编码，决定浏览器将以什么形式、什么编码读取这个文件。常见的媒体格式类型如下： text/html ： HTML格式 text/plain ：纯文本格式 text/xml ： XML格阅读全文

posted @ 2020-06-30 08:33 unfetteredman 阅读(131) 评论(0) 推荐(0)

vue数组的增改和v-model的绑定使用Demo

摘要：效果图：实现代码： <template> <div> <div class="all"> <p>综合小练习</p><br> 姓名：<input type="text" v-model="newPerson.name"><br> <p></p> 年龄：<input type="text" v-mod 阅读全文

posted @ 2020-06-18 17:01 unfetteredman 阅读(1455) 评论(0) 推荐(0)

vueDemo补充

摘要：<div id="app"> 手机：<input type="text" v-model="newProject.name" value="" name="phone"> 库存：<input type="text" value="0" v-model="newProject.num" name="n 阅读全文

posted @ 2020-06-16 14:41 unfetteredman 阅读(100) 评论(0) 推荐(0)

vueDemo

摘要：实现代码 <div id="app"> 手机：<input type="text" v-model="newProject.name" value="" name="phone"> 库存：<input type="text" value="0" v-model="newProject.num" na 阅读全文

posted @ 2020-06-16 14:11 unfetteredman 阅读(142) 评论(0) 推荐(0)

vue中输入框v-mode绑定

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-06-16 10:23 unfetteredman 阅读(622) 评论(0) 推荐(0)

Vue.js 组件

摘要：组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下例子： <div id="app"> <runoob> 阅读全文

posted @ 2020-06-12 17:31 unfetteredman 阅读(119) 评论(0) 推荐(0)

v-model 修饰符

摘要：.lazy 在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：  <input v-model.lazy="msg" > . 阅读全文

posted @ 2020-06-12 17:05 unfetteredman 阅读(164) 评论(0) 推荐(0)

Vue.js 表单（单选&复选框）

摘要：v-model 指令在表单控件元素上创建双向数据绑定。复选框： <div id="app"> <p>单个复选框：</p> <input type="checkbox" id="checkbox" v-model="checked"> <label for="checkbox">{{ checked 阅读全文

posted @ 2020-06-12 17:02 unfetteredman 阅读(1056) 评论(0) 推荐(0)

watch监听事件

摘要：Vue.js 监听属性 watch，可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器： <div id="app"> <p>当前数字：{{count}}</p> <button type="button" v-on:click="add()">+</button> < 阅读全文

posted @ 2020-06-12 15:48 unfetteredman 阅读(454) 评论(0) 推荐(0)

router路由配置

摘要：vue项目中router路由配置介绍路由：控制组件之间的跳转，不会实现请求、不用页面刷新，直接跳转-切换组件》》》安装本地环境安装路由插件vue-router： cnpm install vue-router --save-dev *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安阅读全文

posted @ 2020-06-11 13:42 unfetteredman 阅读(611) 评论(0) 推荐(0)

循环使用 v-for 指令。

摘要：循环语句循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <div id="app"> <ol> <li v-for="site in 阅读全文

posted @ 2020-06-05 15:45 unfetteredman 阅读(282) 评论(0) 推荐(0)

v-else-if（v-show)

摘要：<div id="app"> <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> <div v-else> Not A/B/C </div> </ 阅读全文

posted @ 2020-06-05 15:35 unfetteredman 阅读(248) 评论(0) 推荐(0)

v-on 缩写

摘要： <a v-on:click="doSomething"></a>  <a @click="doSomething"></a> 阅读全文

posted @ 2020-06-05 14:58 unfetteredman 阅读(239) 评论(0) 推荐(0)

v-bind 缩写

摘要：Vue.js 为两个最为常用的指令提供了特别的缩写：  <a v-bind:href="url"></a>  <a :href="url"></a> 阅读全文

posted @ 2020-06-05 14:57 unfetteredman 阅读(513) 评论(0) 推荐(0)

v-model 指令来实现双向数据绑定

摘要：<div id="app"> <p>{{ message }}</p> <input v-model="message"> </div> <script> new Vue({ el: '#app', data: { message: 'Runoob!' } }) </script> 阅读全文

posted @ 2020-06-05 14:51 unfetteredman 阅读(178) 评论(0) 推荐(0)

正则

摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body> <p>请输出一个 5 到 10 之间的数字:</p> <input id="demo" type="text"> 阅读全文

posted @ 2020-06-05 14:46 unfetteredman 阅读(104) 评论(0) 推荐(0)

Email地址验证

摘要：<script>function validateForm(){ var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 | 阅读全文

posted @ 2020-06-05 09:20 unfetteredman 阅读(255) 评论(0) 推荐(0)

表单属性

摘要：HTML5 表单属性 HTML5 新的表单属性 HTML5 的 <form> 和 <input>标签添加了几个新属性. <form>新属性： autocomplete novalidate <input>新属性： autocomplete autofocus form formaction form 阅读全文

posted @ 2020-06-05 09:11 unfetteredman 阅读(442) 评论(0) 推荐(0)

Javascript正则表达式

摘要：JavaScript 正则表达式正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。什么是正则表达式？正则表达式是由一个字符序列形成的搜索模阅读全文

posted @ 2020-06-04 16:42 unfetteredman 阅读(125) 评论(0) 推荐(0)

Vue.js 安装

摘要：1、独立版本我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。下载 Vue.js 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国内） : https 阅读全文

posted @ 2020-06-03 14:48 unfetteredman 阅读(160) 评论(0) 推荐(0)