07 2018 档案

ES6 Promise 用法讲解
摘要:Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。 那就new一个 Promise的构造函数接收一个参数,是函数,并且传入两个参数:resolve,reject,分别表示异步操作执行成功后的回调函数和异步操作 阅读全文
posted @ 2018-07-31 18:30 哓番茄 阅读(193) 评论(0) 推荐(0)
js继承
摘要:call 一句话介绍 call: call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。 举个例子: var foo = { value: 1 }; function bar() { console.log(this.value); } bar.call(f 阅读全文
posted @ 2018-07-31 18:04 哓番茄 阅读(244) 评论(0) 推荐(0)
Webpack配置开发环境总结
摘要:本文主要讲解webpack.config.js文件的配置,不会讲解webpack是什么,默认你会安装webpack及其它npm包,并对webpack有一些了解。 下面将从webpack.config.js最基本的概念开始。 1.webpack.config.js常见选项 1.entry : js的入 阅读全文
posted @ 2018-07-31 14:45 哓番茄 阅读(170) 评论(0) 推荐(0)
vue2.0 引入font-awesome
摘要:网上的大部分教程复杂而且难看懂,其实两步就能搞定。 先cnpm install font-awesome --save引入依赖 然后在main.js引入 font-awesome/css/font-awesome.min.css 即可。 阅读全文
posted @ 2018-07-31 10:50 哓番茄 阅读(173) 评论(0) 推荐(0)
vue-cli 脚手架项目简介(一) - package.json
摘要:vue-cli是用来生成 vue项目的命令行工具,它的使用方法是这样的: vue init <template-name> <project-name>第二个参数 template-name 就是我们打算使用的模板,目前,模板是通过github上vue-templates这个组织进行发布。我们通常使 阅读全文
posted @ 2018-07-31 10:39 哓番茄 阅读(205) 评论(0) 推荐(0)
CSS3伪类与伪元素的区别及注意事项
摘要:CSS中伪类与伪元素的概念是很容易混淆的 今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义 w3c中对于它们是这么解释的 伪类:用于向某些选择器添加特殊的效果 伪元素:用于将特殊的效果添加到某些选择器 讲道理,可能我语文不好,我觉得这两句话是等价的 :-) 根本不能看出有什么 阅读全文
posted @ 2018-07-26 18:19 哓番茄 阅读(387) 评论(0) 推荐(0)
页面滚动到可视区域执行操作
摘要:写一个简单的方法,让窗口滚动到可视区域时,即时可以出现动画。 怎么写动画延迟,直接把类名添加在页面中,实现动画延时。譬如: css动画参考写法: 重点是下面js 不需要改js复制即用,直接按上面的操作使用"data-animate",里面写动画的类名即可 阅读全文
posted @ 2018-07-26 17:38 哓番茄 阅读(789) 评论(0) 推荐(0)
JS面向对象
摘要:1.Object类 在JS中,Object是所有类的基类,使用Object类来创建自定义对象时,可以无需定义构造函数(constructor,prototype,hasOwnProperty(property)) ? 1 2 3 4 var per = new Object(); per.name 阅读全文
posted @ 2018-07-24 18:07 哓番茄 阅读(178) 评论(0) 推荐(0)
cs3动画
摘要:css3 3d学习心得 卡片反转 魔方 banner图 首先我们要学习好css3 3d一定要有一定的立体感 banner图 通过这个图片应该清楚的了解到了x轴 y轴 z轴是什么概念了。 这个例子只是简单的纯css3 3d 关于y轴旋转 下面是代码: body{ perspective: 800px; 阅读全文
posted @ 2018-07-24 15:38 哓番茄 阅读(354) 评论(0) 推荐(0)
原生JS—实现图片循环切换及监测鼠标滚动切换图片
摘要:今天我们主要讲讲如何使用原生JS实现图片的循环切换的方法以及如何检测鼠标滚动循环切换图片。多余的话我们就不多说了,我们一个一个开始讲吧。 在上栗子之前我们先简单介绍一下所用的一些知识点。首先是——JS中的数组,什么是数组呢?其实数组就是在内存空间中连续存储有序数据的结合,元素在数组中的顺序,成为下标 阅读全文
posted @ 2018-07-19 16:01 哓番茄 阅读(903) 评论(0) 推荐(0)
手机软键盘弹出时影响布局的解决方法
摘要:解决办法: $(document).ready(function () { $('body').height($('body')[0].clientHeight); }); $(document).ready(function () { $('body').height($('body')[0].c 阅读全文
posted @ 2018-07-16 11:18 哓番茄 阅读(204) 评论(0) 推荐(0)
textarea文本域轻松实现高度自适应
摘要:转载:http://www.xuanfengge.com/textarea-on-how-to-achieve-a-high-degree-of-adaptive.html 今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好,然后想起了新浪微博 阅读全文
posted @ 2018-07-16 11:16 哓番茄 阅读(2093) 评论(0) 推荐(0)
input输入框内容变化实时监听
摘要:js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydown或者keyup事件一样,只能够检测通过键盘输入导致内容的变化, 下面就通过代码实例做一下简单介绍。 一.相关知识准备:1.onchange事件:此 阅读全文
posted @ 2018-07-06 12:05 哓番茄 阅读(2424) 评论(0) 推荐(0)
jquery 实时监听输入框值变化的完美方案
摘要:只需要同时绑定 oninput 和 onpropertychange 两个事件,但是这并不完美 $('.input-form :input').bind('input propertychange', function() { //获取.input-form下的所有 <input> 元素,并实时监听 阅读全文
posted @ 2018-07-06 12:04 哓番茄 阅读(271) 评论(0) 推荐(0)
eval解析JSON中的注意点
摘要:在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquer 阅读全文
posted @ 2018-07-05 09:52 哓番茄 阅读(260) 评论(0) 推荐(0)
chrome 监听touch类事件报错:无法被动侦听事件preventDefault
摘要:先上错误信息: Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/... 一个简单的页面只有这 阅读全文
posted @ 2018-07-03 19:09 哓番茄 阅读(226) 评论(0) 推荐(0)
js中的事件委托或是事件代理详解
摘要:起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事 阅读全文
posted @ 2018-07-03 15:57 哓番茄 阅读(129) 评论(0) 推荐(0)