2016年12月_水月夜

转载微信小程序 rpx

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.微信小程序尺寸单位rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPho

2016-12-30 11:42:14 630

转载移动端开发--物理像素和逻辑像素

虽说在在web app开发中，只需要掌握页面布局，页面适配，能够将页面完美在各种设备上展现。但是，为什么要这样做？这样做原理是什么？这么优点是什么？深究下去，大家不一定很清晰。那么，咱们一起学习下~一、2种像素设备像素设备像素是指设备中使用的物理像素，又称硬件像素css像素css像素是指cs

2016-12-30 11:40:26 4540

转载 Javascript中的hasOwnProperty

判断一个属性是定义在对象本身而不是继承自原型链，我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的。// Poisoning Object.prototypeObject.prototype.bar = 1;var foo = {goo

2016-12-28 17:36:21 475

原创闭包的相关解释合集（来源于知乎）

作者：wyatt-pan链接：https://www.zhihu.com/question/19554716/answer/12763637来源：知乎著作权归作者所有，转载请联系作者获得授权。JavaScript 中的闭包与其 Scope Chain 特性真是密不可分的.JavaScript 中的闭包:例子:def foo() {var a = 1;def

2016-12-28 16:10:55 776

转载 npm升级所有可更新包

使用npm管理node的包，可以使用 npm update 对单个包升级，但是没有命令能够把当前所有包都升级。一个一个包的升级实在是太麻烦，就想找到一个升级所有本地包的方法: shell脚本和 npm-ckeckshell脚本使用shell脚本升级npm包，首先所在找到需要升级的包和版本号，再使用 npm install 完成升级。npm -g 是管理本地

2016-12-28 12:20:01 9193

转载 :before和 :after

现在我们经常在 html 源码中看到如下的写法：这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after。伪元素首先我们要明白什么是伪元素，css 设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为：selector:pseudo-element {property:v

2016-12-28 12:15:51 273

原创伪类与伪元素

CSS中一个冒号和两个冒号有神马区别？这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述：A pseudo-element is made of two colons (::) followed by the name of

2016-12-28 12:04:21 282

转载实例讲解CSS3中Transform的perspective属性的用法

基础CSS3的transform可以做2D的操作，当然也有3D。但需要再一个拥有perspective属性的父元素才能显现3D的效果。例如：XML/HTML Code复制内容到剪贴板div id="div1"> div id="div2">3Ddiv> div> perspective属性固名思义就是透视的意思；该属性可以定义3D视觉的角度

2016-12-27 20:54:38 2625

转载 reactjs中props和state最佳实践

reactjs中props和state最佳实践翻译文章：ReactJS Props vs State Best Practicesprops & state的误用产生的bug，花费了我们大量的修复时间。在一个app中如果包含有成百不可见的危险代码，对我们的应用将是非常危险和头痛的事情。这篇文章中，你将明白这些不可预知的行为产生的原因，这样在编程中出错将变得非常困难。这

2016-12-27 11:23:38 922

转载 JS中this的四种用法

JS中this的四种用法1.在一般函数方法中使用 this 指代全局对象12345function test(){　　　　this.x = 1;　　　　alert(this.x);　　}　　test(); // 12

2016-12-27 11:20:31 651

转载 JavaScript中的this,call,apply使用及区别详解

在之前的JavaScript学习中，this,call,apply总是让我感到迷惑，但是他们的运用又非常的广泛。遂专门花了一天，来弄懂JavaScript的this,call,apply。中途参考的书籍也很多，以《JavaScript设计模式与开发实践》为主，《JavaScript高级程序设计》、《你不知道的JavaScript》为辅。这三本书对我理解this,call,apply都起了很

2016-12-26 15:38:43 414

转载 call 与 apply

call 方法: 调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,argN]]]]])参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变

2016-12-26 15:21:42 253

转载 HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？

先看下面的例子你就能明白两者的差别：测试一下块元素与内联元素的差别测试一下块元素与内联元素的差别在上面的例子中，会自己产生一个新的行，而并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，块元素可以包含内联元素或某些块元素（上面的例子其实是错误

2016-12-17 14:42:28 1033

水月夜的博客