自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

龐校長PAMPANG

pampang.github.io, github.com/pampang

  • 博客(38)
  • 收藏
  • 关注

转载 ReactNative之原生模块开发并发布--iOS篇

文章出处: http://www.cocoachina.com/ios/20160510/16174.html前段时间做了个ReactNative的App,发现ReactNative中不少组件并不存在,所以还是需要自己对原生模块进行编写让JS调用,正是因为在这个编写过程中遇到不少问题,发觉了官网文档中许多的不足。所以产生了写一个实践教程的想法,最终有了这么一篇文章。整篇文章主要以编

2016-07-07 17:19:46 459

原创 Windows下安装React Native的安卓环境

Windows下安装React Native的安卓环境目录安装Java SDK安装Android SDK安装C++环境安装python环境(可选)安装Android Studio(安卓编辑环境)安装react-native-cli初始化我的第一个React Native项目运行我的React Native项目安装安卓虚拟机连接我的真机设备在我的虚拟机或者真机上运行项目P.S.

2016-04-22 09:55:55 628 1

原创 在项目中使用gulp

在项目中使用gulphttp://pampang.github.io/2016/02/02/%E5%9C%A8%E9%A1%B9%E7%9B%AE%E4%B8%AD%E4%BD%BF%E7%94%A8gulp/目录为什么要使用gulp?使用gulp之后,我们的技术选型是怎样的?使用gulp之后,我们的项目可以变成怎么样?使用gulp之后,我们的项目怎么放?现在有什么gulp命令?有啥管用

2016-04-22 09:54:49 2083

原创 javascript时间戳的坑

最近在使用javascript进行时间处理。因为得到的是一个时间字符串,因此惯常的做法是将这个时间字符串直接用new Date(str)的方法转换成时间对象。但是却发现了问题:传入的时间格式为ISO 8901的时候,javascript将该字符串默认为在GMT(00:00)时区的时间,然后会将该时间转换成当前的时区的时间。简而言之,就是将你的时间加上了你所在的时区与GMT时区的

2016-03-26 16:28:08 1576

原创 win7/win10下sublime使用Monaco字体,出现边缘发虚的情况——解决方案

最近将系统升级到了win10,同时也在工作中使用win7的电脑,都同样发现一个问题,就是我的编程字体:Monaco在sublime的显示会出现边缘发虚的情况。 对比其visual studio code 和 atom,则没有上面所说的, win7/win10下sublime使用Monaco字体,出现边缘发虚的情况。于是便开始寻找解决方案。大家同时编辑器,所调用的字体都是一致的,不可能有什么差别。

2016-03-16 15:36:17 4025

转载 React + ES6 实践中遇到的问题

React + ES6 实践中遇到的问题react Javascript问题一:Cannot read property ‘setState’ of undefined在ES6的class中React是不会自动绑定this的,所以需要自己绑定:将onClick={this.props.onBtnClick}改成onClick={this.props.onBtnClose.bind(this)}或者在

2016-03-14 14:44:14 4345

原创 学会看nodeJS报错

今天将电脑升级了,从win7到win10。原本兴高采烈的,但是被nodeJs耍了一把。当我想要通过nodeJs中的npm安装一些东西的时候,一直报错。这可把我给吓坏了,以为是win10跟nodeJs不兼容,心想装系统装了那么久,又碰到坑了。因为第一句的npm ERR!就是说windows的版本。连忙百度,各种折腾,慢慢的发现网上各个报错的哥们,npm ERR的那

2016-01-16 17:08:27 1617

原创 gulp插件推荐,无敌好用

最近在折腾gulp这方面的东西,其中发现了很多非常好用的插件,现在给大家安利一下:P.S. : 如果您需要查看这些插件的具体用法,我建议您进入到  www.npmjs.com  中,查找该插件并学习使用。或者你也可以联系我,我会尽我所能帮你解答哦~1、gulp-compass。这个插件帮助使用compass编译sass文件,当然前提是你有安装ruby并搭建好sass

2016-01-15 17:09:35 2352

原创 让元素自适应垂直居中

方法有两个:1、使用css3的新特性:flex;        display: -webkit-box;        display: -ms-flexbox;        display: -webkit-flex;        display: flex;        -webkit-box-pack: center;        -ms-flex-pa

2016-01-13 10:48:05 445

原创 gulp简单入坑介绍

gulp简单介绍目录gulp简介gulp与grunt的区别nodejs和npm创建一个npm项目 —— npm init .为我的项目安装npm插件 —— npm install *gulp编写简述 —— gulp.*在我的项目中使用gulp —— (ejs + sass)我认为的文件目录结构 —— app, build*我的gulpfile.js详解寻找好用的gulp插件 ——

2016-01-09 23:19:32 1770

原创 实现兼容各浏览器的背景渐变,透明度渐变,色彩渐变

http://www.colorzilla.com/gradient-editor/打开这个网站,输入自己想要的参数,就可以在线生成兼容性的渐变了。不过请注意,因为filter是覆盖在元素之上的,所以如果元素是有文字等内容需要呈现在前,则需要另外为filter配置一个新的元素。希望大家能够使用愉快!

2016-01-08 14:07:33 392

原创 解决div下放img标签,会出现空隙的情况

今天在开发前端页面的时候,发现在div下放一个img元素时,会有2px左右的空隙。代码如下: div.banner的尺寸如下:而img.banner__Bg的尺寸则如下:从上图我们可以发现,div.banner的高为129px,而img.banner__Bg的高则为:127px。经过调试,最终发现原因:img在默认

2016-01-07 14:38:36 1486

原创 MingW下,鼠标划选文本,变成Ctrl+C

http://www.myexception.cn/operating-system/448495.htmlSecureCRT鼠标双击或拖成变成Ctrl+C的解决方法很长一段时间在SecureCRT中双击鼠标或拖动鼠标选择文字的时候都会变Crtl+C键,让程序意外鼠出,或无法操作一直在SecureCRT中找问题没有找到,最后发现是与Lingoes划词翻译冲突造成的,

2015-12-28 15:52:44 484

转载 Fiddler教程

文章出处:http://blog.csdn.net/molaifeng/article/details/45399797简介Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器,以代理服务器的方式,监听系统的网络数据流动。启动Fiddler后,会在本地打开8888端口,网络数据流通过Fiddler进行中转时,可以监视HTTP/HTTPS数据流

2015-12-15 12:02:59 557

原创 HTML下table的加载

刚刚在编写表格的时候出现了一个问题:我在为表格一个td中的a标签绑定事件时,发现无法绑定成功。经过调试,了解到:绑定不成功的原因是,在HTML加载时,在td中的a标签并未加载出来,于是乎我的绑定不成功。绑定的代码是写在的上一行中,处于body的最末尾。按照以往的经验,那么我们应该能够顺利的绑定成功。然而现实却不会让你那么顺利。我尝试着将代码放到在a标签下方,于是绑定又成功了。或

2015-11-24 18:31:20 1053

转载 require.js 入门学习 (share)

文章出处:http://www.cnblogs.com/duanhuajian/archive/2013/01/04/2844151.htmlrequire.js 入门学习 (share)  最近的项目用到了require.js ,搜集一些资源留个备份,顺便分享给大家。  以下内容转自阮一峰老师的网络日志:http://www.ruanyifeng.com/bl

2015-11-09 22:27:27 299

原创 JavaScript中函数传入参数与外部变量绑定

http://www.cnblogs.com/imlucky/archive/2012/11/10/2763949.html

2015-10-08 16:39:46 1471

转载 【转载】CSS 的优先级机制[总结]

文章出处:http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.htmlCSS 的优先级机制[总结]样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。一般情况下,优先级如下:(外部样式)External s

2015-09-25 12:49:51 337

原创 npm install *** -g ,安装后报错“不是内部或外部命令,也不是可运行的程序”

今天在配置安装electron的时候,可谓麻烦不断。首先是安装了node.js,从官网上下载一个一键安装包,集成了npm,按理说应该很爽。之后跟着electron的官网走,慢慢的等待下载安装。最后打算运行,却发现报错了!"electron不是内部或外部命令,也不是可运行的程序"。紧接着我在网上用npm包在安装了几个组件,统统都是这个问题。在翻阅了很多资料之后,终于发现了问题所在

2015-09-23 16:50:22 8367 2

原创 JavaScript中函数命名机制

在Javascript中,为大家熟知的创建函数的方法有两种:类型1、var f = function(){ ... }类型2、function f(){ ... }然而,当两种方式混合的时候,会发生什么样的结果呢?var f = function g(){ ... }请问g、g()存在吗?经过测试,得到的结果是: Document va

2015-09-18 14:08:40 538

原创 实现1.add(1).add(2).add(3)……的级联叠加

最近在面试的时候,面试官问我:“1.add(1).add(2).add(3)...我希望这样来实现数的叠加求和,你告诉我怎么实现?”我哑口无言。回来经过不断的调试,终于被我找到了实现的方法。首先,要和大家说的是,1.add(1).add(2)是绝对实现不了的。为什么呢?因为1它不是一个对象,直接运行此代码,会报“语法错误”。所以,问题1:如何将1转变为对象。经过测试,我

2015-09-18 13:52:33 1416 1

转载 Javascript闭包——懂不懂由你,反正我是懂了

文章出处:http://kb.cnblogs.com/page/110782/越来越觉得国内没有教书育人的氛围,为了弄懂JS的闭包,我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释,当我看到stackoverflow上这一篇解答,我脑中就出现了一句话:就是这货没跑了!  不才译文见下,见笑了。  Peter Mortensen问:就像老

2015-09-11 16:31:55 276

转载 CSS块级元素、内联元素概念

文章出处:http://www.nowamagic.net/librarys/veda/detail/1190CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面。看过O'Reilly的《CSS权威指南》,发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西,或许

2015-09-08 11:01:25 260

原创 块元素与内联元素的区别

块元素:块元素又名块级元素(block element),和其对应的是内联元素(inline element),都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始,相邻的块级元素将会在不同行显示。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素加上display:block这样的属性,让它也有每次都从新行开始

2015-09-08 10:55:09 694

原创 jQuery中实现each()

在jQuery中,each()方法非常常见。它分为两种:1、静态方法:jQuery.each(obj, callback, args);2、为jQuery对象服务的:$(selector).each(callback, args)其中2是调用1实现了:return jQuery.each(this, callback, args);言归正传,我们先从each()的三个参数入

2015-09-07 17:13:00 438

转载 使用css保持一定宽高比例

文章出处:http://www.tuicool.com/articles/zQfQzur需求描述:移动端实现横跨页面半圆。(类似问题,实现4x4的正方形网格)简化问题,我们可以理解为实现一个高度和宽度比为1:2的块。需要解决问题:1,高度和宽度按照一定比例。2,外容器高度和宽度不确定。3,尽量不使用图片和脚本替代。4,兼容

2015-08-16 20:42:11 2746

原创 JS笔记-熟悉DOM元素中的各种属性

今天在看别人的JS原生代码的时候,突然发现了很多此前没有看过的属性,例如:documentElement, nodeName, nodeValue, nextSibling, firstChild等。在代码中,恰当的运用了这些属性,达到了事半功倍的效果,非常便利、好用。于是乎,我翻阅了一些资料,总结了一下关于DOM元素的基本属性:Today, when I was reading the Ja

2015-07-29 23:15:47 550

转载 转别人的web笔记,非常值得学习

http://www.w3cfuns.com/blog-5455438-5407108.html

2015-07-24 23:55:14 244

转载 转Array.prototype.slice.call(arguments)

http://www.cnblogs.com/littledu/archive/2012/05/19/2508672.html

2015-07-24 23:50:00 256

原创 JS笔记-this的各种用法

在面向对象编程语言中,在就出现了this对象。在Javascript中,也有this对象,但情况就相比复杂多了。一般地说,this对象引用的是函数据以执行的环境对象。坊间传言:this就是指向最近的对象。谁是对象而且离this最近,this就指向谁。这个是很表层的说法。而深层的说法,指的是:this指针代表的是执行当前代码的对象的持有者。比如以下代码:var hi = "I a

2015-06-05 17:01:48 266

原创 在HTML中使用JavaScript和CSS

想要在HTML页面中加入JavaScript和CSS,一般可以通过两个方法:1、内嵌:在HTML中直接插入代码块;其中JavaScript的形式为:/*write something here*/而CSS的形式则为:/*write something here*/2、外部链接:在HTML中引用JavaScript或者CSS文件。其中JavaScrip

2015-06-01 16:29:47 573

原创 JS笔记-JS基本架构

JavaScript是一个成熟的编程语言,能够处理复杂的计算和交互,拥有了闭包和匿名函数,业已具备了与浏览器窗口及其内容等几乎所有方面交互的能力。JavaScript主要有三部分组成:1、ECMAScript;2、DOM文档对象模型;3、BOM浏览器对象模型。1、ECMAScript:是JavaScript的核心,规定了JavaScript的语法、类型、语句、关键字、保留字、操作符、对象等

2015-05-25 20:05:13 362

原创 JS笔记-在while中使用setTimeout

今天在实现某些动画功能的时候,尝试着在while中调用setTimeout()函数,并在其中递增判断数值,满以为能够执行下去,但是却发现最后系统崩溃了。a = 0;while( a < 1){ setTimeout(function(){ target.style.opacity = a; }, 250);}经过排查,终于发现了原因:Java

2015-05-19 20:42:59 3658 3

原创 JS笔记-关于在DOM0级别中设置事件处理对象的思考

在JavaScript指定事件处理程序的方式中,有三层,分别是DOM 0 级, DOM 1 级, DOM 2 级。DOM 0 级是最传统的形式,主要为直接给指定元素的某个事件直接指定,ex: div.onclick = function(){aliert("hello world!")};在上述过程中,div元素的click事件被赋予了一个匿名函数。但,请注意:我们并不能通

2015-05-17 23:22:53 318

原创 JS笔记-关于Date()类的用法详解

Javascript为我们提供了一个强大的Date()类,以便我们获取当天的时间信息。我们能够通过Date()中的内含方法,达到获取年、月、日、时、分、秒、毫秒、周等信息。下面,我将通过一段代码来展示。 get time get time var d = new Date("2015 05 16 12:1:11:1

2015-05-17 10:36:19 414

原创 JS笔记【归纳】:DOM中的事件处理程序

在触发DOM上的某个时间是,会产生一个事件对象event,这个对象中包含着所有与时间有关的信息。包括导致事件的元素、事件的类型一急其他与特定事件相关的信息。例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含于按下的键有关的信息。在DOM上,有两种方法对事件对象进行处理。一个是位于DOM0级别的,一个则是位于DOM2级别的。下面我来详细阐明一下。

2015-05-12 19:52:41 329

原创 思考:【滤镜仅在IE有效!】在style使用filter(滤镜)设置水平翻转(flipH)和竖直翻转(flipV)

在CSS中,有滤纸属性filter,可以将某一个标签内的内容按水平方向翻转或者按竖直方向翻转。基本实现如下: 滤镜实现翻转 div{ position: absolute; top: 100px; left: 100px; filter: flipV; } img { position: absolute; top: 120px; left:

2015-05-12 09:18:18 660

原创 JS笔记--探讨闭包中内部函数在各情况下的可访问范围

闭包实质有权访问另一个函数作用域中的变量的函数,通过通过在一个函数中创建的另一个函数而获得闭包。首先要说明的是,闭包并不等于匿名函数,匿名函数可以构成闭包,但不等于闭包。         闭包的作用域,曾一直是困扰我多天的问题。为什么在某些情况下,闭包只能访问到外部函数的活动对象?而在某些情况下,闭包能访问到整个作用域链上的每一个变量?具体的问题,要归结于闭包是否被引用。

2015-05-03 15:25:38 1265

空空如也

空空如也

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

TA关注的人

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