vue笔记之仿购物车案例
vue笔记之仿购物车案例
html代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Vue</title><scriptsrc="https://unpkg.com/vue"></script></head><body><divid="app"><divv-if='page=="login"'><h1>登陆</h1>
浏览:841 标签: vue 购物车
js常用的正则表达式
js常用的正则表达式
1、js正则匹配大于0小于等于100,其中最多可以保留两位小数var reg =/^\d+(?:\.\d{1,2})?$/; //包括0var reg =/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;//不包括02、手机号码正则表达式验证if(!(/^1(3|4|5|7|8)\d{9}$/.test(phone))){
浏览:1098 标签: 正则 正则表达式 js
vue笔记之filters过滤器/computed/v-for
vue笔记之filters过滤器/computed/v-for
filters:过滤器,对数据进行处理,然后显示出来。当学过滤器的时候,数据是传递到过滤器函数里,最终显示什么内容,是由过滤器决定的,用return返回出去。<divid="app"><!-- 在数据content旁边添加'|',再跟上过滤数据的fn函数,fn内部return返回值就是要显示的数据。 --><p>{{ content | fn(name,age) }}</p><
浏览:1456 标签: filters computed v-for
vue笔记之v-if/v-show/绑定事件
vue笔记之v-if/v-show/绑定事件
v-if=""    v-else:<div id="app"><!-- v-if为true时,显示内容,另一个div隐藏;当v-if为false时,显示v-else的内容 --><divv-if="show">menvscode.com</div><divv-else>MVC前端网</div><inputtype="checkbox"v-model="show"></div>
浏览:5084 标签: v-if v-show v-else
vue笔记之v-bind/v-model双向数据绑定
vue笔记之v-bind/v-model双向数据绑定
v-bind:绑定属性,可以绑定标签自身的属性,也可以是自定义属性;格式是v-bind:属性='变量',也可以简写成 :属性='变量'。<divid="app"><av-bind:href='value'v-bind:title='title':author='author'>{{urlName}}</a></div>var app =new Vue({ el:'#app',
浏览:2306 标签: v-bind v-model vue
vue第三方组件收藏集合
vue第三方组件收藏集合
vue-swipe:幻灯片组件,https://github.com/ElemeFE/vue-swipevue-infinite-scroll:无限滚动,https://github.com/ElemeFE/vue-infinite-scrollvue-loadmore:下拉加载和上拉加载,(是一个 component),https://github.com/mint-ui
浏览:1189 标签: vue 组件
vuejs笔记之new Vue({})中的el/data/v-html/v-once介绍
vuejs笔记之new Vue({})中的el/data/v-html/v-once介绍
        尝试 Vue.js 最简单的方法是创建一个 .html 文件,然后通过如下方式引入 Vue:<script src="https://unpkg.com/vue"></script>        Vue本质是构造函数,那么就需要new命令来使用:new Vue({})。html代码<htmllang="en"><head><metacharset="UTF
浏览:1493 标签: vue v-once v-html
express的debug调试/静态资源配置/express应用生成器
express的debug调试/静态资源配置/express应用生成器
debug日志文件的设置:set debug=express:* node server.js,* 是代表所有。然后运行server.js文件:node server.js静态资源配置express应用生成器通过应用生成器工具 express 可以快速创建一个应用的骨架。通过如下命令安装:npm install express-generator -g-h 选项
浏览:873 标签: express
express中的模板引擎/body-parser
express中的模板引擎/body-parser
表单get提交:通过 req.query.?? 来获取对应的值index.html<form action="/add" method="get"> 姓名:<input type="text" name="name"><br /><inputtype="submit"value="提交"></form>server.jsvar express =require('expr
浏览:913 标签: 模板引擎 express body-parser
express中router模块化生产/路劲传值
express中router模块化生产/路劲传值
server.js定义路劲的时候,竟然不要用use,use定义路劲只应用于中间件模块;app.use('/book',router) //router.js中模块的根目录,其实是这里定义的路劲就是模块的根路径。相当于访问 '/book' 的时候,就会去router.js中去匹配 '/' ;访问 '/book/menvscode' 的时候,就会去router.js中去匹配 /m
浏览:878 标签: router express 模块化
express中的响应方式res
express中的响应方式res
send()方法app.get('/',function(res,req){ res.send('menvscode.com');})setHeader方法:在发送报文之前,给报文加上一个识别,下面这些代码作用是可以跨域了。//all()方法:所有来源的客户端,都加上下面的前缀(头部)//setHeader(),在发送报文之前,给报文加上一个识别,下面这些代码作用是可以跨
浏览:812 标签: express
express中路劲简单匹配
express中路劲简单匹配
        其中,app.get( '/',fn(req,res){} )中的函数参数默认自带next参数,若没有匹配当前的路劲,那么就会自行往下运行其他代码。var express =require('express');var app = express();var server = app.listen(3000,function(){console.log('wai
浏览:818 标签: 路由 express

邮箱快速注册

忘记密码