JavaScript
文章平均质量分 91
GoverChan
活在当下~
展开
-
promise深入浅出
Promise去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对...原创 2017-05-27 22:26:52 · 628 阅读 · 0 评论 -
微信小程序-思维脑图
1、微信小程序2、app.json配置3、app.js配置4、小程序UI组件A5、小程序UI组件B6、小程序UI组件C7、小程序UI组件D8、小程序UI组件E9、flex布局语法A10、flex布局语法B11、小程序页面跳转与传参12、小程序JS和普通JS的差异13、界面层的数据绑定...原创 2017-05-24 21:06:29 · 1837 阅读 · 0 评论 -
webpack入门看这篇就够了(转)
入门Webpack,看这篇就够了 作者 zhangwang 关注2016.08.05 11:21* 字数 6535 阅读 131480评论 294喜欢 710写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消...原创 2017-04-24 15:03:45 · 753 阅读 · 0 评论 -
weui upLoader
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0,原创 2017-04-25 17:43:01 · 2139 阅读 · 0 评论 -
jQuery.extend和jQuery.fn.extend的区别
jQuery.extend(),是扩展的jQuery这个类。然后:$.liu();这样就能打印出来”liu“这个字符串代码在下面:这说明.liu()变成了jQuery这个类本身的方法(object)扩展也就是所谓的静态方法。只跟这个 类 本身有关-----------------------------------------------------------------------------...原创 2015-06-20 11:14:01 · 355 阅读 · 0 评论 -
each的用法详解
通过它,你可以遍历对象、数组的属性值并进行处理。使用说明,以下遍历dom元素的each跟下文说的each是两种不同的each$(dom).each(function(){alert(this)})-----------------------------------------------------------------------------------each函数根据参数的类型实现的效果不...原创 2015-06-20 11:36:40 · 1820 阅读 · 0 评论 -
jQuery.extend 函数详解,一般用于封装JQ插件
jQuery.extend 函数详解JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为...原创 2015-06-20 19:42:12 · 3097 阅读 · 0 评论 -
JS原型链
(下面说的类指的是构造方法,下面说的“父级类的对象”指的是原型对象)1)所有的类都有prototype属性,指向的是“父级类的对象”(也有__proto__属性,指向的是function类对象)2)所有的对象都有__proto__属性,该对象的__proto__属性是该类prototype属性的引用(也有constructor属性,指向的是该类)3)结合观点1,2,“父级类的对象”也有__prot...原创 2015-06-21 00:41:20 · 276 阅读 · 0 评论 -
jQuery转Vue项目实践总结
目录(?)[+]工作需要,将公司项目从jQuery转成Vue来写。这里分享下转变项目的过程并写了一个小demo,希望能对遇到同样问题的朋友一些帮助。 PS: 本人Android开发,兼职前端,前端知识浅薄,有什么不对的地方还请指出,大家共同进步。谢谢~jQuery和Vue的区别jquery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方...原创 2017-06-16 14:18:17 · 668 阅读 · 0 评论 -
js 好用的工具库
Eris,Lodash,Moment,Axios,Async原创 2017-06-21 16:31:56 · 2762 阅读 · 0 评论 -
js iframe跨域访问
原文出处:https://blog.csdn.net/fdipzone/article/details/17619673在此感谢作者分享iframe 与主框架相互访问方法1.什么是跨域?2.前台解决跨域几种方法 2.1 动态创建script 2.2 使用document.domain 2.3使用HTML5新属性postMessage 2.4 利用ifr...转载 2019-03-14 11:50:56 · 1906 阅读 · 0 评论 -
ueditor 前端直传OSS
第一步从后端获取 签名 参照https://help.aliyun.com/document_detail/31926.html格式如下第二步 修改单文件上传部分打开 ueditor.all.js 定位到大概24579行,屏蔽掉如下代码domUtils.on(iframe, 'load', callback);form.action = utils.format...原创 2018-08-08 18:38:51 · 1585 阅读 · 0 评论 -
js 中 new FormData 的使用
一、概述FormData 对象的使用:1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成一个queryString2. 异步上传二进制文件。二、使用1.FormData对象的操作方法,全部在原型中,自己本身没任何的属性及方法。let formData = new FormData()formData.append(原创 2018-04-26 12:39:52 · 7586 阅读 · 0 评论 -
js通过iframe方式访问防盗链图片
script language="javascript"> $(function () { $("body").find("img").each(function () { var img = $(this); var img_src = img.attr("src"); if (img_src原创 2018-04-25 11:44:59 · 1880 阅读 · 0 评论 -
ueditor使用过程中的坑
版本 1.4.3.31 视频无法被预览的问题修改ueditor.all.js文件(1)截图插入视频的时候,预览的是图片而不是视频截图插入视频的时候,预览的是图片而不是视频17769行html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));修改为html.pus...原创 2018-04-12 15:21:25 · 6138 阅读 · 1 评论 -
禁止网页复制-另存-右键等
如果你想你的网站内容不给人家复制,可以看看下面的实现方法://禁止鼠标右键$(document).bind("contextmenu", function(e) { return false;});//禁止键盘按键: function key() { if (event.shiftKey) {原创 2015-07-19 13:55:57 · 374 阅读 · 0 评论 -
zepto.js 自定义打包集成其他模块构建流程
zepto.js 自定义打包集成其他模块构建流程1、首先在自己的电脑上要安装Node.js和npm包管理工具; 2、从github上下载zepto.js的源文件包到本地磁盘(例如:E:\Learning\JS); 地址:https://github.com/madrobby/zepto 3、将下载的zepto压缩包解压,进入,找到make文件,打开,找到第42行的位置,添加需要的模块...原创 2017-10-26 11:15:29 · 313 阅读 · 0 评论 -
Javascript继承机制的设计思想
Javascript继承机制的设计思想我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解。直到昨天,我读到法国程序员Vjeux的解释,才恍然大悟...原创 2017-06-21 17:26:21 · 196 阅读 · 0 评论 -
jQuery最佳实践
jQuery最佳实践整理了《jQuery设计思想》。那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队的成员,具有一定的权威性,提出的结论都...原创 2015-07-18 01:45:28 · 239 阅读 · 0 评论 -
jQuery设计思想
jQuery设计思想jQuery是目前使用最广泛的javascript函数库。据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单,比其他库容易学会,但是要全...原创 2015-07-18 01:47:40 · 224 阅读 · 0 评论 -
js常用技巧(保持更新)
Ajax请求jsonp方式有时候我们为了跨域,要使用jsonp的方法,我也封装了一个函数:function jsonp(config) { var options = config || {}; // 需要配置url, success, time, fail四个属性 var callbackName = ('jsonp_' + Math.random()).replace("....原创 2017-04-02 18:11:39 · 271 阅读 · 0 评论 -
PHP以及js识别android/ios系统代码参考
//JS:function tel_type(){ $userAgent = $_SERVER['HTTP_USER_AGENT']; if (preg_match("/(iPod|iPad|iPhone)/", $userAgent)) { $flag = 'ios'; //IOS客户端 } elseif (preg_match("/WP/", $u原创 2016-03-02 09:37:00 · 448 阅读 · 0 评论 -
JS数组JSON处理心得
//1-->ajax返回json数据时候,调用$.each处理时:$.each(data,function(i,row){alert(row[i]);//有数据alert(row.i)//没数据})//2-->var v1=[];v1['a']=aa;v1['b']=bb;$.each(v1,function(k,v){alert(v)//没数据})var v2={};原创 2015-08-04 23:46:03 · 313 阅读 · 0 评论 -
Javascript异步编程的4种方法
Javascript异步编程的4种方法你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假...原创 2015-07-18 01:52:09 · 292 阅读 · 0 评论 -
控制台相关语法
Firebug控制台详解Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息...原创 2015-07-18 01:13:07 · 666 阅读 · 0 评论 -
js中this的指向
js中的this详解(实例)当函数作为方法调用时,this是调用该方法的对象。//obj1.fn1()当函数作为函数调用时,this是相当于window全局对象//window.fn1()=fn1()<span style="font-size:24px;">var name = 'this is window!' var obj = { name: 'this...原创 2015-06-20 20:01:36 · 320 阅读 · 0 评论 -
apply()原理以及作用
apply与call作用是一样,只是传参形式不同,只拿apply说明一、用法fn1.apply(fn2,[parm1,parm2,..])说明:执行fn1这个方法,参数是parm这些。特点:多了一个调用者fn2.原理,拿fn1的内容到fn2函数里面运行一次。利用这一个特性有以下用途:1)改变this的指向:原理:fn1里面如何含有this关键字,那么this的指向,将会原创 2015-06-20 20:40:58 · 1160 阅读 · 0 评论 -
JS模块化编程
Javascript模块化编程(一):模块的写法随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的...原创 2015-06-20 12:08:23 · 347 阅读 · 0 评论 -
JS判断客户端是否是iOS或者Android
JS判断客户端是否是iOS或者Android**第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:**<script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || ...原创 2017-03-28 23:37:51 · 222 阅读 · 0 评论 -
js调用ios函数
/** * Created by Administrator on 2017/3/24. */$(function () { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); /*固定的,必须要放到js中*/ if (isiOS) { ...原创 2017-03-28 15:29:23 · 1142 阅读 · 1 评论 -
JS加载文件规范,AMD,commonJS,requireJs
--------------------------------------------------基本概念-----------------------------------------------------------不同点:异步模块定义(AMD) :用于客户端浏览器加载(requireJs实现了AMD规范)同步模块定义(commonJs):用于服务器端加载(node.js实现了commo...原创 2015-07-20 13:36:52 · 787 阅读 · 0 评论 -
echars
//折线图//柱形图//var title='test';//var datatype=['游戏A','游戏B'];//var data=[// [1,4,7,8,11],// [2,3,6,9,10]//];//var xtype=['星期1','星期2','星期3','星期4','星期5'];//line_bar_graph(title, datatype, dat原创 2015-08-02 22:56:07 · 446 阅读 · 0 评论 -
js类封装基础概念
<script type="text/javascript"> //构造函数 //使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后,构造函数会立即执行它所包含的任何代码 function myObject(msg) { //特权属性(公有属性) this.myMsg = msg; //只...原创 2016-04-29 14:03:23 · 372 阅读 · 0 评论 -
package.json字段全解
Name必须字段。小提示:不要在name中包含js, node字样;这个名字最终会是URL的一部分,命令行的参数,目录名,所以不能以点号或下划线开头;这个名字可能在require()方法中被调用,所以应该尽可能短;Version必须字段。Description可选字段,必须是字符串。npm search的时候会用到。Keywords可选字段,字符串数组。npm search的时候会用到。Homep...原创 2016-07-14 16:33:18 · 287 阅读 · 0 评论 -
react native 布局篇
宽度单位和像素密度react的宽度不支持百分比,设置宽度时不需要带单位 {width: 10}, 那么10代表的具体宽度是多少呢?不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: var Dimensions = require('Dimensions'); <Text style={styles.welcome}> window....原创 2016-07-28 14:29:47 · 366 阅读 · 0 评论 -
百度API获取真实地址
<script src="https://api.map.baidu.com/api?v=2.0&ak=zdEqgOGSmUu6yLKX60ekrg67YrZRsG2h" type="text/javascript" ></script><script> var point = new BMap.Point(116.331398, 39.89...原创 2017-03-21 00:00:00 · 1880 阅读 · 0 评论 -
$.ajax()详解
jquery中的ajax方法参数总是记不住,这里记录一下。 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖...原创 2017-03-25 13:21:10 · 204 阅读 · 0 评论 -
上传插件逻辑
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script><style type="text/css"> #btn { height: 100px;width: 100px;border: 1px solid red; display: inlin...原创 2017-03-25 13:52:46 · 279 阅读 · 0 评论 -
JS闭包详解
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; fu...原创 2015-06-20 12:06:02 · 286 阅读 · 0 评论