原创 移動端常見問題總結

qq瀏覽器 x5內核瀏覽器強制橫屏或豎屏顯示: <meta name="x5-orientation" content="portrait|landscape" /> 全屏顯示: <meta name="x5-fullscreen" co

原创 sass中的sourcemaps是幹什麼用的

       最近在使用gulp構建項目,在編譯sass的時候遇到了sourcemaps,查閱了相關資料,大概弄懂了它是個神馬,以及如何生成使用。        首先,從名字可以看出sourcemaps是生成文件到源文件的一個映射,也就是

原创 如何在react native中將base.bundle和業務js代碼分開打包

出於業務需要,有時需要將base.js和業務代碼分開打包,這時就需要修改打包代碼,具體修改方式看我的github地址: https://github.com/succeed2011/react-native-document-note

原创 手機騰訊網根節點字體計算方案

下面這段代碼是手機騰訊網的字體計算方案, 根據屏幕寬度動態計算<html>節點字體大小 (function() {                 var baseFontSize = 100;                 var

原创 css3翻轉後顯示背部隱藏的元素的效果3D翻轉效果- transform rotate backface-visibility

    最近在做一個項目,需求是鼠標移入一個div元素,此元素進行翻轉,將背部遮擋的div元素顯示出來。 想法是將這兩個div絕對定位,重疊在一起,背部的元素初始化transform: rotateY(180deg);然後翻轉 這個元素的

原创 css選擇器優先級 好文收藏

原文鏈接: http://blog.csdn.net/lzgs_4/article/details/43446303 CSS的選擇器是有權重的,當不同選擇器的樣式設置有衝突時,會採用權重高的選擇器設置樣式。權重(即優先級)的規則如下,

原创 gulp npm安裝gulp-sass報錯: checking for Python executable "python2" in the PATH

今天安裝gulp-sass的時候報錯: checking for Python executable "python2" in the PATH, 嘗試了很多方法,最後用cnpm來安裝就安裝成功了 具體做法: 1. 安裝cnpm  n

原创 css3 3d轉換

1. perspective: 900 //目前瀏覽器都不支持這個屬性,webkit內核瀏覽器支持 -webkit-perspective 2. transform-style: preserve-3d; //開啓3d轉換 transf

原创 js將數組中符合某一規則的數組項調換順序

比如,有數組[1,2,3,4,5,6,7,8],現在想將所有的偶數調換順序,也就是希望數組變成[1,8,3,6,5,4,7,2], 這個需求是從實際項目中引出的,當時做的項目是一次向後臺已數組json的形式發送多條命令,後來改了需求,需要

原创 react打包模塊--package--原理及源碼解析

最近在研究React Native的打包模塊 packager 1. react-native\packager\react-packager\src\DependencyResolver\haste\index.js HasteDep

原创 對象賦值時this指向問題 obj1.say = obj2.say;obj1.say()

今天碰到一個問題,有如下的兩個對象,問執行obj1.say()輸出什麼? var obj1 = ( function() { var inner = 'a-1' return { inner: 'a-2', say: fun

原创 js讀取和設置瀏覽器cookie的一種簡便方法

讀取cookie function getCookie(name) { vararr,reg=new RegExp("(^|;)"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.matc

原创 @support與CSS3條件規則

原文  http://blog.csdn.net/hfahe/article/details/8619480 好吧,好久沒有聊CSS3了,今天我們來講講CSS3的最新特性。          在Chrome最新的動態裏,添加了對 C

原创 css畫圓, 如何用純css實現一個動態畫圓環效果

最終的效果是:用純css實現動態畫圓的動畫效果 html結構如下: <div class="wrap"> <div class="circle"></div><div class="top"></div><div class="bott