Steve's Site

从这张图中很不难发现一点,父组件传递数据给子组件用的是props,那子组件要改变父组件的状态则用emit events来进行触发那如果是组件形式的我们就不能用$on了,只能在组件上使用v-on:'监听的事件'='监听到事件后做的事件函数'组件 myDemo.vue 按钮 export default { data () { return { time2 : '' } }...
1、全局增加进度条提示nprogress地址// main.js 入口js文件 import VueRouter from 'vue-router' import NProgress from 'nprogress' Vue.use(VueRouter); //注册路由插件 NProgress.configure({ showSpinner: false }); //进度条配置 router.beforeEach((to, from, next) => { NProgress.start...
CSRF 攻击CSRF(Cross-site request forgery), 中文名称:跨站请求伪造,也被称为:one click attack/session riding, 缩写为:CSRF/XSRFCSRF 可以简单理解为:攻击者盗用了你的身份,以你的名义发送恶意请求,容易造成个人隐私泄露以及财产安全。如上图所示:要完成一次 CSRF 攻击,受害者必须完成:登录受信任网站,并在本地生成 cookie在不登出 A 的情况下,访问危险网站 B举个简单的例子:某银行网站 A,它以 GET 请求来...
正则表达式,也称规则表达式,经常使用其来完成对字符串的校验和过滤。由于正则表达式的灵活性、逻辑性和功能性都非常强大,而且 可以利用很简单的方式完成对复杂字符串的控制,所以很多程序语言都支持正则表达式。在JavaScript中正则表示也非常强大和实用。基本形式正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模板,常常用作按照“给定模式"匹配文本的工具。比如,正则表达式给出一个Email地址的模式,然后用它来确定一个字符串是否为Email地址。J...
具体原理可以参考http://www.jianshu.com/p/7d037c332a9d 一.冒泡排序function BubbleSort(array) { var length = array.length; for (var i = length - 1; i > 0; i--) { //用于缩小范围 for (var j = 0; j array[j+1]) { var temp = array[j]; array[j] = array[...
目录常用居中方法水平居中垂直居中单列布局二列&三列布局float+marginposition+margin圣杯布局(float+负margin)双飞翼布局(float+负margin)flex布局总结1.常用居中方法居中在布局中很常见,我们假设DOM文档结构如下,子元素要在父元素中居中:XHTML1 2 3class="parent"> class="child">水平居中子元素为行内元素还是块状元素,宽度一定还是宽度未定,采取的布局方案不同。下面进行分析:行内元素:对父元素设置text-...
写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白的走进了Webpack的大门。 转自http://www.jianshu.com/p/42e11515c10f#//...
思路大致是这样的,用2个数组(doneList和failList)分别存储成功时的回调函数队列和失败时的回调队列state: 当前执行状态,有pending、resolved、rejected3种取值done: 向doneList中添加一个成功回调函数fail: 向failList中添加一个失败回调函数then: 分别向doneList和failList中添加回调函数always: 添加一个无论成功还是失败都会调用的回调函数resolve: 将状态更改为resolved,并触发绑定的所有成功的回调函...
HTML如下:table class="heroinfo"> thead title="点击排序"> tr> th>英雄th>th>力量th>th>敏捷th>th>智力th>th>移速th> tr> thead> tbody> tr> td>英雄1td>td>28td>td>32td>td>20td>td>300td> tr> tr> ...
众所周知,在 ES 6 之前没有类的概念,所以不能像 Java 中一个 extends 关键字就搞定了继承关系,需要一些 tricks 来实现,下面就介绍一些比较常用的方法。(一) 原型链继承:function Parent(name) { this.name = name; } Parent.prototype.sayName = function() { console.log('parent name:', this.name); } function Child(name)...