自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

皖林的博客

在某个年纪之前,你可以靠透支身体,小聪明和老天给你的运气一直取巧地活着。然而到了某个年纪之后,真正能让你走远的,都是自律,积极和勤奋。

  • 博客(20)
  • 资源 (3)
  • 收藏
  • 关注

原创 React-native错误,更新中......

1、使用abd reverse tcp:8081 tcp:8081react-native run-android最后一行报错。error: unknown host service找到5037端口,关掉对应的pid即可。netstat -aon|findstr "5037"在资源管理器中,切换到进程,单击菜单栏查看 -> 选择列 -> 勾选PID,找到对应的pid,结束进程。2、adb se

2017-02-17 14:34:14 7749 2

原创 angularjs仿拉勾网webapp总结与记录

这是慕课网上的实战课程,使用的技术栈有bower+less+angular1.x+gulp。没有涉及到后端,数据是模拟的json数据。gulp其中gulp的配置在这里。less关于less部分,只使用了一些最基础的语法。如下:文件引用使用@import。@import 'a.less';@import 'b.less';定义变量使用的了一个

2017-02-25 23:29:22 6425 6

原创 指令中的scope

一般而言,指令配置如下://headBar.jsangular.module('app').directive('appHeadBar', function() { return { restrict: 'A', replace: true, templateUrl: 'view/template/headBar.html', scope: { t

2017-02-25 21:57:23 1302

原创 gulp插件

这是我用的一个。"devDependencies": { "gulp": "^3.9.1", "gulp-clean": "^0.3.2", "gulp-concat": "^2.6.1", "gulp-connect": "^5.0.0", "gulp-cssmin": "^0.1.7", "gulp-imagemin": "^3.1.1", "gulp-less

2017-02-25 10:20:06 1134

原创 modernizr

HTML5Shiv允许就浏览器识别出HTML5元素,并可以为其添加样式—-它只是简单地创建了HTML5对象,让CSS和JavaScript可以应用在元素本身。Modernizr做了同样的事情,并且在此基础上还添加了特性检测。HTML5Shiv会使像<video>这样的标签生效,但是它并不会使HTML5的视频在就浏览器得以播放。虽然这个标签是可用的,并能够添加样式,然而视频并不能在这些浏览器里播放。M

2017-02-25 09:42:05 999

转载 ES6学习笔记之Generator 函数的语法

简介基本概念Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。本章详细介绍Generator 函数的语法和 API,它的异步编程应用请看《Generator 函数的异步应用》一章。Generator 函数有多种理解角度。从语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,

2017-02-22 16:42:42 1381

转载 ES6学习笔记之Iterator和for...of循环

原文地址:http://es6.ruanyifeng.com/#docs/iteratorIterator(遍历器)的概念JavaScript原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6又添加了Map和Set。这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象。这样就需要一种统一的接口机制,来处理所有

2017-02-22 11:09:23 1655

转载 es6学习笔记之Promise

是的,很多东西都需要写下来。 原文链接:http://es6.ruanyifeng.com/#docs/promise含义Promise是异步编程的一种解决方案。相比于回调函数和事件,更好更强大。Promise一个承诺,保存着某个未来才会结束的事件的结果(通常是异步操作事件的结果)。Promise对象有以下特点: - 对象的状态不受外界影响。只用异步操作的结果,可以决定Promise的状态。有三

2017-02-21 18:27:19 997

原创 有趣的代码,持续更新...

1、原文链接// 我挺喜欢最上边的评论的,虽然我不知道是否正确<script>var a = {n:1}; var b = a; a.x = a = {n:2}; // 可以更换 a.x = a = {n:2}看看console.log(a.x);// --> undefined console.log(b.x);// --> [object Object] </script>

2017-02-19 23:30:21 4490

原创 React&RN关键点集锦,持续更新......

1、获取设备宽、高、像素比import Dimensions from 'Dimensions';import PixelRatio from 'PixelRatio';let totalWidth = Dimensions.get('window').width; // 宽度let totalHeight = Dimensions.get('window').height; // 高度le

2017-02-18 11:37:26 758

原创 JS常见代码块,持续更新......

个人使用过程中收集的…弄丢了几次,现在放到博客,更新中……1、拿到总的offsetLeftfunction getOffsetLeft(dom){ var actualLeft = dom.offsetLeft; var curr = dom.offsetParent; while(curr){ actualLeft += curr.offsetLeft; curr = c

2017-02-17 19:18:13 1438

原创 React组件的生命周期

一个React组件被渲染的过程有三个阶段。这个过程就叫做组件的生命周期。每个React组件都会经历这个过程。为了使这个过程可操控,React提供了一些方法,在组件生命周期过程中,通过这些方法我们可以得到某个阶段发生的通知。这些方法就叫作组件的生命周期方法,它们按特定顺序被调用。所有React组件的生命周期方法可以分为下面三个阶段。挂载(Mounting):这个阶段发生在组件被插入DOM时。更新(

2017-02-17 10:51:13 1054

原创 ES6学习笔记二之数组的扩展

Array.from()Array.from() 方法从类似数组(array-like)或可迭代对象(iterable)创建一个新的数组实例(包括ES6新增的数据结构Set和Map)。Array.from(arrayLike[, mapFn[, thisArg]])如下是一个类数组的对象,Array.from将它转换为一个真正的数组。// [].slice.call(arrayLike); es5

2017-02-17 00:03:52 531

原创 ES6学习笔记一之js发展、let、const、解构赋值

ECMAScript和JavaScript的关系?1996年11月,JavaScript的创造者—-Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这种语言能成为国际标准。次年,ECMA发布262号文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言成为ECMAScript,这个版本就是1.0版。该标准一开始就是针对JavaScript语言制定

2017-02-13 23:17:23 2003

转载 XSS跨站总结

简介:跨网站脚本(Cross-site scripting,通常简称为XSS或跨站脚本或跨站脚本攻击)是一种网站应用程序的安全漏洞攻击,是代码注入的一种。它允许恶意用户将代码注入到网页上,其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。这些

2017-02-12 18:10:13 1191

转载 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史)

内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。

2017-02-09 14:31:46 2579

原创 前端性能优化的14条法则

文章是高性能网站建设指南(Steve Souders)的总结。性能黄金法则: 只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

2017-02-09 10:50:21 2490

原创 javascript模块化之CommonJS、AMD、CMD、UMD、ES6

这是一篇关于js模块化编程的总结记录javascript模块化之CommonJS、AMD、CMD、UMD、ES6

2017-02-05 18:20:21 21305 13

转载 webpack学习笔记一

原文链接:https://segmentfault.com/a/1190000006178770?_ea=1088498由于使用的是webpack版本是2.2.1,所以针对原文做了一些修改。针对webpack2的修改部分和添加的部分在最底部,文中已经改过来了。写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏

2017-02-04 00:22:11 4967

原创 mongoose学习笔记一

名词解释Schema: 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力Model: 由Schema编译而成的假想(fancy)构造器,具有抽象属性和行为。Model的每一个实例(instance)就是一个document。document可以保存到数据库和从数据库返回。Instance: 由Model创建的实例。概念解析 SQL术语/概念 MongoDB术语/概念 解释

2017-02-01 23:53:24 3926

Zeta Telnet

简单方便的Zeta Telnet。

2016-09-28

HTML5程序设计第二版源码

HTML5程序设计第二版源码,非第一版。 说明:由于原文件超过60MB限制,其中99%以上的空间都是被第四章的video部分占用。无法压缩到60MB一下。 所以我删除了第四章的一个Intermission-Walk-in.ogv文件。它有替换的mp4版本,不影响使用。

2016-07-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除