- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue element登陆拦截
这里主要用到的是路由拦截，在路由表里添加一个字段：requireAuth，用于判断该路由的访问是否需要登录；定义完路由后，我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断 钩子函数： 每个钩子方法接收三个参数： * to: Route: 即将要进入的目标 路由对象 * from: Route: 当前导航正要离开的路由 * next: Function...
2018-10-10 09:54:27
1102
转载 实现：groupBy（collection ，function） 描述：创建一个对象 它的key是collection 迭代得到的结果，它的value是collection元素中 对应key的数组，其
https://www.cnblogs.com/wandiao/p/7152871.html
2018-09-30 15:14:19
412
原创 前端面试题---（三）
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
292
原创 前端面试题---（二）
1.http的版本发展历史 http协议具体 等 2.重排 重绘 bfc 3.滚动加载10w条数据，dom卡，如何处理？ 4.如何前端优化？ 5.call apply区别 以及call apply bind端原生实现 6.promise原理 promise.all promise.race 7.async await的使用场景 8.ajax如何更改异步请求？ 如果不能用promis...
2018-09-30 14:12:43
362
原创 前端面试遇到的问题
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
798
转载 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
701
转载 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
1498
原创 git 管理
git 本地分支与远程分支 github上已经有master分支 和dev分支 在本地 git checkout -b dev 新建并切换到本地dev分支 git pull origin dev 本地分支与远程分支相关联 在本地新建分支并推送到远程 git checkout -b test git push origin test 这样远程仓库中也就创建了一个test分支 1. ...
2018-08-08 15:23:26
212
转载 身份证号码的正则表达式
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>42度空间-身份证号码的正则表达式及验证详解（JavaScript，Regex）方案2测试</title></head><body>&
2018-03-18 14:13:54
491
原创 公众号手写签名 前端图片显示问题
{% 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
1208
原创 身份证 限制
import Ember from 'ember'; import ajax from 'ic-ajax'; export default Ember.Component.extend({ city:[], application_type_person:false, application_type_corp:true, reAuthentication:false,
2018-02-01 14:57:29
681
原创 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
5367
原创 vue 基础 实例
DOCTYPE html> html lang="zh-cn"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>title> style> ul { padding: 0; margin: 0;
2018-01-09 15:11:02
357
原创 vue + element tab选项卡 实现。。。
template> div style="margin-top:10px;"> el-tabs type="card" @tab-click="handleClick"> el-tab-pane label="基本信息" >el-tab-pane> el-tab-pane label="水量查询" >el-tab-pane> el-tab-pane label="异
2018-01-09 15:05:48
28541
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
1657
原创 弹框样式--代码
(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
1161
原创 微信公众号--登录弹窗短信防盗
后端语言是python 。。。 django模板基础上 使用教程 1.为模板布局(base.html) {% block banner %} hr/> {% endblock %} div class="container"> {% block container %} {% endblock %} div> 123456789101112 2.导入
2017-11-20 17:53:38
1152
原创 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
957
转载 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
521
1
转载 js创建对象 设计模式
类的功能： 构造器静态属性，静态方法共有属性，共有方法私有属性，私有方法 本文就说说如何用js实现对类的封装，实现上述功能， 1.一个简单的类 var Person = function(name, age){ this.name = name; this.age = age; this.sayName = function(){ co
2017-09-19 18:01:17
515
转载 js中的内置对象
js中的内置对象 在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i="aaa")，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。如 var str="我不是一个真的对象";
2017-09-15 09:54:26
278
转载 JS中 对象的深度克隆
在JS中的数据类型分为两大类： 原始类型和对象类型 （1）原始类型包括：数值、字符串、布尔值、null、undefined （2）对象类型包括：对象即是属性的集合，当然这里又两个特殊的对象----函数（js中的一等对象）、数组（键值的有序集合）。 原始类型存储的是对象的实际数据，而对象类型存储的是对象的引用地址（对象的实际内容单独存放，为了减少数据开销通常存放在内存中）。
2017-09-06 12:49:55
462
原创 Vue计算属性（computed）、methods、watched三者区别
一、计算属性（computed） Vue.js 的内联表达式非常方便，但如果涉及到比较复杂的场景，我们应该使用计算属性。 计算属性是用来声明式的描述一个值依赖了其它的值，当依赖的值发生改变时，其值才会相应的发生更改并更新相关的ＤＯＭ。 其结果如下图，当文本框中值发生更改时，计算属性的值也发生相应的更改并触发ＤＯＭ更新。 值得注意的是计算属性默
2017-08-31 22:18:59
2954
原创 vue-router（1）
1.spa和路由 spa是指单页面应用。 SPA：Single Page Application，单页面应用。 SPA的优缺点： 优点：提供流畅的用户体验，避免了不必要的跳转和重新渲染，服务器压力小。 缺点：不利于seo（搜索引擎页面），初次加载页面更耗时，历史管理需要编程实现 现在，我们面临着一个问题。在vue.js中，如何实现页面之间的切换呢？ 回到vue.j
2017-08-30 17:26:02
436
原创 Vue中组件(component)
组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。 1.全局 Vue.component(tagName, options)
2017-08-30 17:13:15
628
原创 移动端 滑屏
案例分析【移动端滑屏】 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
436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人