- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue element登陆拦截
这里主要用到的是路由拦截，在路由表里添加一个字段：requireAuth，用于判断该路由的访问是否需要登录；定义完路由后，我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断钩子函数：每个钩子方法接收三个参数： * to: Route: 即将要进入的目标 路由对象 * from: Route: 当前导航正要离开的路由 * next: Function...
2018-10-10 09:54:27
1042
转载 实现：groupBy（collection ，function） 描述：创建一个对象 它的key是collection 迭代得到的结果，它的value是collection元素中 对应key的数组，其
https://www.cnblogs.com/wandiao/p/7152871.html
2018-09-30 15:14:19
349
原创 前端面试题---（三）
1.vue中 v-if 与v-show的区别2.v-for vue生命周期 create与mouted请求页面数据的区别3.状态管理库 更改用户数据如何去操作（action 里子啊去commit事件 更高state）4.项目中的难点 与遇到的坑5.es6中的新的特性6.let const 的作用 怎么实现7.为什么有箭头函数，哪些特点？怎么实现8.vue的多层级组建传数...
2018-09-30 14:21:53
253
原创 前端面试题---（二）
1.http的版本发展历史 http协议具体 等2.重排 重绘 bfc3.滚动加载10w条数据，dom卡，如何处理？4.如何前端优化？5.call apply区别 以及call apply bind端原生实现6.promise原理 promise.all promise.race7.async await的使用场景8.ajax如何更改异步请求？ 如果不能用promis...
2018-09-30 14:12:43
315
原创 前端面试遇到的问题
1.webpack如何优化？2.webpack如何自动分离本地和线上环境？3.小程序的生命周期 和路由 以及setData原理4.css如何实现三列等宽的布局？5.1vw和百分之一的宽度有什么区别？6.三列等宽设百分比能确保宽度完全一致？7.css哪些样式可以继承？8.css 有哪些东西 h5有哪些东西 举例子介绍一下9.本地存储，cookie localstora...
2018-09-30 14:04:44
719
转载 MacChrome浏览器跨域设置
设置方法打开一个新的可跨域的chrome窗口实现方法：1. 打开终端2. 输入下面的命令( 需要替换路径中的yourname )open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/...
2018-09-30 13:52:45
661
转载 Macbook Chrome浏览器跨域设置
设置方法打开一个新的可跨域的chrome窗口实现方法：1. 打开终端2. 输入下面的命令( 需要替换路径中的yourname )open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/...
2018-08-08 15:25:05
1414
原创 git 管理
git 本地分支与远程分支github上已经有master分支 和dev分支在本地git checkout -b dev 新建并切换到本地dev分支git pull origin dev 本地分支与远程分支相关联在本地新建分支并推送到远程git checkout -b testgit push origin test 这样远程仓库中也就创建了一个test分支1. ...
2018-08-08 15:23:26
166
转载 身份证号码的正则表达式
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>42度空间-身份证号码的正则表达式及验证详解（JavaScript，Regex）方案2测试</title></head><body>&
2018-03-18 14:13:54
449
原创 公众号手写签名 前端图片显示问题
{% extends "base.html" %}{% block title %} {{ title|default:"实名认证" }}{% endblock %}{% block stylesheet %} <link rel="stylesheet" href="/static/css/zk/user_atf.css" media="screen" charset="
2018-03-16 17:48:59
1102
原创 身份证 限制
import Emberfrom 'ember';import ajaxfrom 'ic-ajax';export defaultEmber.Component.extend({city:[],application_type_person:false,application_type_corp:true,reAuthentication:false,
2018-02-01 14:57:29
642
原创 vue 测试环境 生产环境 线上环境 环境配置
var env_config = {dev:{name:'dev',api_url : location.protocol+"//10.0.0.230:80",// api_server_url : location.protocol+"//narcissus.ih2ome.cn",//换成了测试环境},release:{name:'release',api_url
2018-01-09 15:16:07
5274
原创 vue 基础 实例
DOCTYPE html>htmllang="zh-cn"> head> metahttp-equiv="Content-Type"content="text/html; charset=utf-8" />title>title> style> ul { padding:0; margin:0;
2018-01-09 15:11:02
303
原创 vue + element tab选项卡 实现。。。
template>div style="margin-top:10px;">el-tabstype="card"@tab-click="handleClick">el-tab-panelabel="基本信息">el-tab-pane>el-tab-panelabel="水量查询">el-tab-pane>el-tab-panelabel="异
2018-01-09 15:05:48
28292
1
原创 vue 中通过 ajax 生成form 下载表格
recordsClick(){//导出表格var params = {// 参数smartWatermeterId:this.$route.query.watermeterId,startTime:this.formVal.startTime,endTime:this.formVal.endTime,};var form =document.createElemen
2018-01-09 15:03:21
1608
原创 弹框样式--代码
(function() {setSize();window.onresize = setSize;function setSize() {var html = document.documentElement;var htmlW = html.clientWidth;html.style.fontSize = htmlW / 7.5 + "px";}})(); //
2017-11-20 17:56:49
1049
原创 微信公众号--登录弹窗短信防盗
后端语言是python 。。。django模板基础上使用教程 1.为模板布局(base.html){% block banner %}hr/>{% endblock %}div class="container">{% block container %}{% endblock %}div>1234567891011122.导入
2017-11-20 17:53:38
1080
原创 web端登录页面 弹框 --短信防盗链
为了减少网站的盗刷，减少损失，采用发送按钮点击后 谈出验证码 输入验证码 以防止盗刷短信的功能。代码如下：import Ember from 'ember'import ajax from 'ic-ajax'import sendcode from '../../utils/sendcode'export default Ember.Controller.e
2017-11-20 17:46:17
886
转载 CSS绘制三角形原理
由按钮的向下三角形源码：[css] view plain copy.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4p
2017-10-09 11:17:29
447
转载 js创建对象 设计模式
类的功能：构造器静态属性，静态方法共有属性，共有方法私有属性，私有方法本文就说说如何用js实现对类的封装，实现上述功能，1.一个简单的类var Person = function(name, age){ this.name = name; this.age = age; this.sayName = function(){ co
2017-09-19 18:01:17
466
转载 js中的内置对象
js中的内置对象 在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i="aaa")，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。如 var str="我不是一个真的对象";
2017-09-15 09:54:26
247
转载 JS中 对象的深度克隆
在JS中的数据类型分为两大类：原始类型和对象类型 （1）原始类型包括：数值、字符串、布尔值、null、undefined（2）对象类型包括：对象即是属性的集合，当然这里又两个特殊的对象----函数（js中的一等对象）、数组（键值的有序集合）。原始类型存储的是对象的实际数据，而对象类型存储的是对象的引用地址（对象的实际内容单独存放，为了减少数据开销通常存放在内存中）。
2017-09-06 12:49:55
410
原创 Vue计算属性（computed）、methods、watched三者区别
一、计算属性（computed）Vue.js 的内联表达式非常方便，但如果涉及到比较复杂的场景，我们应该使用计算属性。计算属性是用来声明式的描述一个值依赖了其它的值，当依赖的值发生改变时，其值才会相应的发生更改并更新相关的ＤＯＭ。其结果如下图，当文本框中值发生更改时，计算属性的值也发生相应的更改并触发ＤＯＭ更新。 值得注意的是计算属性默
2017-08-31 22:18:59
2844
原创 vue-router（1）
1.spa和路由spa是指单页面应用。SPA：Single Page Application，单页面应用。SPA的优缺点：优点：提供流畅的用户体验，避免了不必要的跳转和重新渲染，服务器压力小。 缺点：不利于seo（搜索引擎页面），初次加载页面更耗时，历史管理需要编程实现现在，我们面临着一个问题。在vue.js中，如何实现页面之间的切换呢？回到vue.j
2017-08-30 17:26:02
383
原创 Vue中组件(component)
组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。 1.全局 Vue.component(tagName, options)
2017-08-30 17:13:15
583
原创 移动端 滑屏
案例分析【移动端滑屏】html lang="en">head>meta name="viewport" content="width=device-width,user-scalable=no" />meta charset="UTF-8">title>Documenttitle>style type="text/css">body { margin: 0;} body,
2017-08-27 22:07:27
393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人