10 2017 档案

摘要:什么是 webpack Webpack 是德国开发者 Tobias Koppers 开发的一个强力的模块打包器。 所谓包(bundle)就是一个 JavaScript 文件,它把一堆资源(assets)合并在一起,以便它们可以在同一个文件请求中发回给客户端。 包中可以包含 JavaScript、CS 阅读全文
posted @ 2017-10-27 14:00 Arvin-ma 阅读(433) 评论(0) 推荐(0)
摘要:1.cookie虽然是由一个网页所创建,但并不只是创建cookie的网页才能读 取该cookie。在默认情况下,与创建cookie的网页在同一目录或子目录下的所有网页都可以读取该cookie。但如果在这个目录下还有子目录,要 使在子目录中也可以访问,则需要使用path参数设置cookie,语法如下: 阅读全文
posted @ 2017-10-27 11:44 Arvin-ma 阅读(1880) 评论(0) 推荐(0)
摘要:简单的说,语法糖就是一种便捷写法。例如:input.map(item => item + 1);他表示的意思是 input.map(function (item) { return item + 1; }); 通过例子你可以看出来,语法糖的使用其实就是让我们的写的代码更简单,看起来也更容易理解。de 阅读全文
posted @ 2017-10-26 16:41 Arvin-ma 阅读(365) 评论(0) 推荐(0)
摘要:虽然ES6规范不是最近才发布,但我认为很多开发人员仍然不太熟悉。 主要原因是在规范发布之后,Web浏览器的支持可能很差。 目前,规范发布已经超过2年了,现在很多浏览器对ES6支持良好。 即使您(或您的客户)不使用最新版本的Web浏览器,也可以使用转换器(如Babel),在应用程序的构建过程中将ES6 阅读全文
posted @ 2017-10-26 15:47 Arvin-ma 阅读(458) 评论(0) 推荐(1)
摘要:在 2 月 20 号 ECMAScript 第六版就正式推出了,这门语言一直保持稳定快速的发展而且新功能也在慢慢被现在主流的 JavaScript 引擎所接受。不过要想在浏览器端或者 Node 端直接运行 ES6 代码还得等上一些日子。幸好 TC39 (负责研究开发 EMCAScript 规格的组织 阅读全文
posted @ 2017-10-26 15:45 Arvin-ma 阅读(164) 评论(0) 推荐(0)
摘要:HTML5 使用FileReader实现前端图片预览 <input type="file"><br> <img src="" height="200" alt="Image preview area..." title="preview-img"> var fileInput = document. 阅读全文
posted @ 2017-10-26 15:30 Arvin-ma 阅读(136) 评论(0) 推荐(0)
摘要:在做移动端web app的时候,众所周知,移动设备分辨率五花八门,虽然我们可以通过CSS3的media query来实现适配,例如下面这样: 但是这种做法并不能适配所有设备,于是就有了实现全适配的JS解决方案,例如下面这样: 另外附上淘宝移动端适配解决方案flexible.js源码: 1 ;(fun 阅读全文
posted @ 2017-10-26 13:39 Arvin-ma 阅读(826) 评论(0) 推荐(0)
摘要:摘自:http://www.cnblogs.com/tangshiwei/p/5575584.html 之前同学做个购物商城秒杀活动需要计时器的功能,在用jquery提供的countdown插件时,一直报错,貌似还需要依赖除jquery之外的其他插件,搞了半天也没搞成功,就叫我帮忙写个。然而我并没有 阅读全文
posted @ 2017-10-26 12:57 Arvin-ma 阅读(392) 评论(0) 推荐(0)
摘要:ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。 作为一只猴子,我也想尝试一下E 阅读全文
posted @ 2017-10-26 11:01 Arvin-ma 阅读(6505) 评论(0) 推荐(0)
摘要:1、普通函数的定义,用箭头函数表示,DemoFunction是函数名,括号表示参数,大括号表示函数体的内容。 1 2 3 let DemoFunc = (param) => { console.log(param) } let DemoFunc = (param) => { console.log( 阅读全文
posted @ 2017-10-26 10:20 Arvin-ma 阅读(1425) 评论(0) 推荐(0)
摘要:1.函数声明方式 其语法为: Js代码 function 函数名(参数1,参数2,...){ //要执行的语句 } Js代码 Js代码 例1: js代码 function sum(num1,num2){ return num1+num2; } js代码 js代码 2.函数表达式方式 其语法为: js 阅读全文
posted @ 2017-10-25 16:21 Arvin-ma 阅读(2217) 评论(0) 推荐(0)
摘要:来自 : http://www.qdfuns.com/notes/14464/69bacc34881d0446a733e89d8b59b312.html 阅读全文
posted @ 2017-10-25 12:06 Arvin-ma 阅读(229) 评论(0) 推荐(0)
摘要:实现响应式布局有很多方法: 媒体查询功能:Media Queries就是其中之一 media用来指定特定的媒体类型,例如屏幕(screen)和打印(print)和支持所有媒体介质的all 如果要在head部分引用,形式如下: [html] view plain copy <link rel="sty 阅读全文
posted @ 2017-10-25 11:48 Arvin-ma 阅读(524) 评论(0) 推荐(0)
摘要:摘自:http://www.cnblogs.com/macyandlujie/p/5865755.html Angular js是一个Web应用框架,它极其流行,已经成为目前使用最广泛的Javascript工具之一。Ionic基于AngularJS构建而成,所以学习一些AngularJS的知识很有必 阅读全文
posted @ 2017-10-24 19:25 Arvin-ma 阅读(398) 评论(0) 推荐(0)
摘要:Native App开发Native App开发即我们所称的传统APP开发模式(原生APP开发模式),该开发针对IOS、Android等不同的手机操作系统要采用不同的语言和框架进行开发,该模式通常是由“云服务器数据+APP应用客户端”两部份构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手 阅读全文
posted @ 2017-10-24 18:42 Arvin-ma 阅读(179) 评论(0) 推荐(0)
摘要:IE的 script 元素支持onreadystatechange事件,不支持onload事件。 FF的script 元素不支持onreadystatechange事件,只支持onload事件。 如果要在一个< script src="xx.js"> 加载完成执行一个操作,FF使用onload事件就 阅读全文
posted @ 2017-10-24 14:59 Arvin-ma 阅读(6810) 评论(0) 推荐(1)
摘要:1.针对对象循环(key,value) 官方示例: var values = {name: 'misko', gender: 'male'}; var log = []; angular.forEach(values, function(value, key) { this.push(key + ' 阅读全文
posted @ 2017-10-23 13:58 Arvin-ma 阅读(996) 评论(0) 推荐(0)
摘要:既然使用了trigger和triggerHandler,那么你应该了解了他们的差别了。 trigger():在每一个匹配的元素上触发某类事件。 triggerHandler():这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。 看似两个非常相似,但是表同里不同! 下面就是他们之间的三大区别 阅读全文
posted @ 2017-10-23 13:57 Arvin-ma 阅读(358) 评论(0) 推荐(0)
摘要:测试代码: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script></head><body> 第一个:<input type="checkbox" /> 第二个:<input type="checkbo 阅读全文
posted @ 2017-10-23 13:56 Arvin-ma 阅读(529) 评论(0) 推荐(0)
摘要:trigger(type) 在每一个匹配的元素上触发某类事件。 返回值:jQuery 参数: type (String): 要触发的事件类型 示例: $("p").trigger("click") 1.trigger() 触发事件 这个方法是jQuery 1.3中新增的一个引起触发事件的函数。 这里 阅读全文
posted @ 2017-10-23 09:33 Arvin-ma 阅读(224) 评论(0) 推荐(0)
摘要:最近写AngularJS项目中,遇到一个问题,先对数组进行赋值,ng--repeat正常工作,然后对数组进行修改,ng-repeat似乎没有工作,视图没有更新。 原因是ng-repeat会已默认值排序,由于我的数组中的元素有重复,所以ng-repeat没有对重复的元素进行刷新,只要对ng-repea 阅读全文
posted @ 2017-10-19 17:25 Arvin-ma 阅读(2379) 评论(0) 推荐(0)
摘要:业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己动手写。有经验的同学都应该知道,在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last/$ 阅读全文
posted @ 2017-10-19 17:19 Arvin-ma 阅读(236) 评论(0) 推荐(0)
摘要:AngularJs中,如何在ng-repeat完成之后,执行Js脚本//ng-repeat生成4个li,生成后再执行自定义方法fn在每个li后加一根横线<br> <script> var myapp=angular.module('myapp',[]); myapp.directive('onFin 阅读全文
posted @ 2017-10-19 11:33 Arvin-ma 阅读(416) 评论(0) 推荐(0)
摘要:javascript计算两个时间差 其实,javascript计算时间差的方式非常简单,如果是默认的Date()类型,直接相减就是相差的毫秒数。 var d1 = new Date('2016/03/28 10:17:22'); var d2 = new Date('2016/03/28 11:17 阅读全文
posted @ 2017-10-12 14:58 Arvin-ma 阅读(10410) 评论(0) 推荐(0)
摘要:function countDownTime (){ var m = 14, s = 60; $scope.date = '15:00'; $interval(function run() { s--; if (s < 0) { m--; s = 59; } if (s < 10) { $scope 阅读全文
posted @ 2017-10-12 11:07 Arvin-ma 阅读(233) 评论(0) 推荐(0)
摘要:无标题文档 阅读全文
posted @ 2017-10-11 17:44 Arvin-ma 阅读(319) 评论(0) 推荐(0)
摘要:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>网站倒计时 求余</title> <style> *{ margin:0; padding:0; } html{ font-family:微软雅黑; } #wrap 阅读全文
posted @ 2017-10-11 17:33 Arvin-ma 阅读(372) 评论(0) 推荐(0)
摘要:转自:http://blog.csdn.net/liu4071325/article/details/52247499 人们似乎常常将AngularJS中的$timeOut() $interval()函数看做是一个内置的、无须在意的函数。但是,如果你忘记了$timeOut()$interval()的 阅读全文
posted @ 2017-10-11 14:02 Arvin-ma 阅读(749) 评论(0) 推荐(0)
摘要:转自 http://www.jianshu.com/p/492309c60348 参考这个网址即可,完美破解 阅读全文
posted @ 2017-10-11 11:07 Arvin-ma 阅读(164) 评论(0) 推荐(0)