web前端
lvlemo
活在当下
展开
-
javaScript mock模拟后台数据
1.build --> dev-server.jsvar app = express()//var appData = require("../data.json");// console.log(appData);var seller = appData.seller;var goods = appData.goods;var ratings=appData.ratin原创 2017-07-19 10:13:03 · 364 阅读 · 0 评论 -
html 弹出层
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #login { display:none; border:1em..原创 2018-02-27 11:36:27 · 4024 阅读 · 0 评论 -
02.27 vue布局 collectionView
<!--模块2热门银行--><div class="hot-bank"> <div class="hot-bank-title"> <div class="left">热门银行</div> </div> <div class=&原创 2018-02-27 10:25:43 · 712 阅读 · 0 评论 -
02.26 组件间传值(controller-view)
1.控制器<template> <div class="hwd-content" v-cloak> <div class="bgBox"> <img :src="bgImg[0].src" class="bgBoxImage"> </原创 2018-02-26 10:33:05 · 186 阅读 · 0 评论 -
02.26 创建一个vue组件
1.Result.vue<template> <div class="hua-result-view" @click="cardDidClick"> <div class="result"> <div class="title">您得到了原创 2018-02-26 10:21:24 · 258 阅读 · 0 评论 -
push参数
this.$router.push({ name:'forgetCodeTwoModule', params:{ result:response } }) {{this.$route.params.resu原创 2017-11-20 16:22:10 · 8815 阅读 · 0 评论 -
vue 短信验证码UI
<mt-button icon="back" slot="left" class="backBox" @click="backAction">返回 <el原创 2017-11-20 15:24:24 · 2164 阅读 · 0 评论 -
验证码(倒计时)
{{captchaLabel}} /*文本框容器*/.input-container{ margin: 20px 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #d原创 2017-10-23 16:28:24 · 219 阅读 · 0 评论 -
angular过滤器
angular过滤器1内置过滤器 currencydatefilterjsonlimitTolowercasenumberorderByuppercase 2.自定义过滤器 <span>{{'太阳镜' | myfilter}}</span>(function (angular) { var app = angular.module('app',[]); a原创 2017-09-19 14:12:11 · 294 阅读 · 0 评论 -
Header组件(背景图)
Hello Music .m-header{ position: relative; height: 44px; text-align: center; color: lightblue; background: lightgray;原创 2017-09-26 10:20:55 · 2761 阅读 · 0 评论 -
angular路由
1.app.js"use strict";(function (angular) { var app = angular.module('moviedog',[ 'ngRoute', 'moviedog.in_theaters', 'moviedog.coming_soon', 'moviedog.top250' ]); app.config(['$routePro原创 2017-08-25 11:30:50 · 201 阅读 · 0 评论 -
jsonp使用
Title (function () { $jsonp( 'http://api.douban.com/v2/movie/in_theaters', { count:1, start:5 }, function原创 2017-08-24 14:17:54 · 193 阅读 · 0 评论 -
angularJS使用
table{ margin: 100px auto; } 用户名: 密码: {{message}} // 创原创 2017-08-23 11:08:28 · 160 阅读 · 0 评论 -
angular http
1.使用服务首先注册服务($http) module.controller('In_theatersController',['$scope','$http',function ($scope,$http) { $scope.name = '北京电影学院1'; }]);2.使用http服务原创 2017-08-25 13:48:00 · 231 阅读 · 0 评论 -
JS框架 获取页面传递过来的参数
/** * 作者:LKK * 开发日期:2016/12/25 * 描述:通用框架 * 版权所有 违者必究 *///定义一个对象 - 名字是$var $$ = function() {};//第二种写法$$.prototype = { $id:function(id){ return document.getElementById(id) },原创 2017-07-02 23:30:22 · 1018 阅读 · 0 评论 -
vue监听滚动事件 实现某元素吸顶或者固定位置显示
最近写VUEapp项目,需要实现某个部位吸顶的效果。即,页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先,在mounted钩子中给window添加一个滚动滚动监听事件mounted () { window.addEventListener('scroll', this.handleScroll)}然后在metho...原创 2018-02-27 11:56:30 · 1104 阅读 · 0 评论