- 博客(20)
- 资源 (2)
- 收藏
- 关注
原创 jquery中append、prepend, before和after方法的区别
1. append()和prepend()假设<div class='a'> //<---you want div c to append in this <div class='b'>b</div></div>1 2 3使用$('.a').append($('.c'));1效果如下:<div ...
2018-07-24 17:01:22 579
原创 vue中键盘事件的处理
一、常见的键盘事件1、keydown键盘按下 2、keyup键盘抬起补充说明:如果要确定用户按下是哪个键盘需要使用keyCode===?来确认键盘二、在vue中键盘事件一般的使用 1、在模板中定义事件名称,并传递$event作为参数 <input type="text" placeholder="请输入书名" ref="inputBook" @keydown="s...
2018-07-23 13:29:25 2907 2
原创 Vue.set()动态的新增与修改数据,触发视图更新
参数: target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据(可以是字符串和数字)value :重新赋的值用法:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。例: data:{ namelist:[ {message:"叶落森",id:"1"}, {message:"姜艳霞...
2018-07-23 11:05:27 2010
原创 $nextTick 的作用
为什么要用nextTick请看如下一段代码new Vue({ el: '#app', data: { list: [] }, mounted: function () { this.get() }, methods: { get: function () { this.$http.get('/api/article').th...
2018-07-23 11:00:20 2272
翻译 promise
先将promise打印一下这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。这么说用Promise new出来的对象肯定就有then、catch方法喽,没错。 那就new一个玩玩吧。var p = new Promise(function(resolve, rej...
2018-07-20 13:54:09 373
原创 理解箭头函数的this指向
箭头函数中的this,指向与一般function定义的函数不同,比较容易绕晕,箭头函数this的定义:箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的时候绑定。1、何为定义时绑定我们来看下面这个例子:(1)var x=11;var obj={ x:22, say:function(){ console.log(this.x) }}obj.s...
2018-07-20 09:59:11 4457
原创 Vuex教程
引入Vuex(前提是已经用Vue脚手架工具构建好项目)1、利用npm包管理工具,进行安装 vuex。在控制命令行中输入下边的命令就可以了。 npm install vuex --save1要注意的是这里一定要加上 –save,因为你这个包我们在生产环境中是要使用的。2、新建一个store文件夹(这个不是必须的),并在文件夹下新建store.js文件,文件中引入我们的vue...
2018-07-19 10:40:31 149
转载 20个实用的正则表达式
1 . 校验密码强度密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$2. 校验中文字符串仅能是中文。^[\\u4e00-\\u9fa5]{0,}$3. 由数字、26个英文字母或下划线组成的字符串^\\w+$4. 校验E-Mail 地址同密...
2018-07-18 16:04:49 229
转载 nodejs和npm详细安装配置过程
NodeJS、NPM安装配置步骤(windows版本)听语音 | 浏览:5482 | 更新:2018-02-13 22:01 | 标签:编程语言 1 2 3 4 5 6 7 分步阅读Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动...
2018-07-17 09:57:46 1019 2
原创 AMD规范
先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AMD,但是要先从Co...
2018-07-16 16:13:23 1008
转载 高性能网站建设指南-前端性能优化(二)
规则5:压缩组件 压缩组件可以使响应包变小,缩短传输时间。HTTP1.1中,可以通过Accept-Encoding:gzip(gzip是目前最理想的压缩方法)进行控制(上述已提及)。需要注意的是:图片和pdf不应该压缩,因为它们本来就已经被压缩过了,试图对它们压缩只会浪费CPU资源,还可能增加文件大小。代理缓存 上述阐述的方式对于浏览器和服务器直接通信会工作的很好,当浏览器通过代理发送过来请求...
2018-07-09 13:18:18 91
转载 高性能网站建设指南-前端性能优化(一)
大量的公司在开发功能业务时,只关注功能点的实现,对于性能方面要求很低甚至不作为考虑范围。在遇到一些性能瓶颈时,也往往通过加机器的暴力方式去减缓,但那并不是解决问题的根本。作为前端工程师,大部分人为了迎合需求一直在学习JavaScript、CSS、HTML5及Node,很少去关注性能方面的东西。然而,有些性能的优化点只需要花费很少的时间和精力就能换来巨大的改善用户体验。在陈述前端性能优化的问题之前,...
2018-07-09 13:14:32 115
原创 vue实现文件上传
文件上传的传统方式是通过 form 表单提交,但是今天我们将换一种方式来实现这个功能。同一口味的东西吃多了还会腻呢,所以适当的时候换一换口味还是有必要的,好了,直接进入正文。首先,来介绍一下我们今天的主角 --- FormData,是的,就是他,虽然他和 form长得有点像,但是是2个不一样的东西。对于form相信大家一定不陌生,所以我们重点介绍一下 FormData。FormData对象可以组装...
2018-07-09 09:31:01 3083
原创 懒加载插件初使用
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图片懒加载</title> <style type="text/css"> .Demo{width: 1000px;margin: 50px a
2018-07-07 10:39:13 294
原创 获取当前时间和七天前的时间
function addZero(v) { return v >= 10 ? v : "0" + v;}// 获取现在的时间和七天前的时间function fun_date(aa) { var timeArray = []; var date1 = new Date(), time1 = date1.getFullYear() + ...
2018-07-05 15:17:44 1062
原创 Vue-全局添加组件
在vue项目中,可以自定义组件像vue-resource一样使用Vue.use()方法来使用,具体实现方法:1、首先建一个自定义组件的文件夹,比如叫loading,里面有一个index.js,还有一个自定义组件loading.vue,在这个loading.vue里面就是这个组件的具体的内容,比如:<template> <div> loading........
2018-07-03 14:03:34 249
原创 vue中自定义组件及组件间通信
首先写了一个子组件goodbye,就是一个普通的div给它一个样式如何通过父组件给goodbye这个子组件进行传递数据呢?使用props,然后再在父组件中的子组件进行绑定,goodbye.vue文件中添加props如何在父组件中饮用goodbye子组件?通过import在script中进行导入别忘了在进行组件的注册然后就可以在父组件里放入你想用的子组件,并且给子组件传值这边有个要注意的地方,由于m...
2018-07-03 13:45:21 199
原创 使用iframe的优缺点,为什么少用iframe以及iframe和frame的区别。
一、使用iframe的优缺点优点:1.程序调入静态页面比较方便;2.页面和程序分离;缺点:1.iframe有不好之处:样式/脚本需要额外链入,会增加请求。另外用js防盗链只防得了小偷,防不了大盗。2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你的网站即使做的在好,也排不到好的名次! 如果是动态网页,用include还好点!但是必须要去除他的&l...
2018-07-02 09:37:49 1113
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人