原创 搭建公司自己的組件平臺

組件平臺分享 一.組件上傳平臺sinopia sinopia不需要些代碼只需要你把該配置的東西配置好就行 1.服務器安裝node 2.配置軟鏈 ln -s /../node-v6.10.3-linux-x64/bin/node

原创 移動端頁面適配方案

最近有同學問我關於移動端的適配方案,正好在這裏總結下,順便自己也溫故一下。 rem是什麼? rem(font size of the root element)是指相對於根元素的字體大小的單位。簡單的說它就是一個相對單位。看到rem大

原创 nvm node版本管理工具安裝

一、卸載已安裝到全局的 node/npm 如果之前是在官網下載的 node 安裝包,運行後會自動安裝在全局目錄,其中 npm ls -g --depth=0 #查看已經安裝在全局的模塊,以便刪除這些全局模塊後再按照不同的 node 版本

原创 移動端(h5)上傳,壓縮,預覽圖片

項目裏邊這次用到了移動端上傳圖片,拿出來分享下。 1.首先是思路,在input 發生change的時候判斷瀏覽器時候支持圖片預覽,支持的情況下校驗圖片的格式,圖片的大小,之後將拿到的圖片進行canvas壓縮,圖片轉base64,然後上傳。

原创 如何用react+react-router+fetch+webpack2簡單集成一個移動端項目

前言:根據公司業務的要求,我最近用react寫了一個項目,已經上線,把道路中遇到的一些坑和一些項目中的經驗分享和大家共勉。 ***這是目錄結構*** 當然結構是根據自己項目的複雜程度來定義的,但是大體上都是這樣。 1.技術

原创 Vue-cli開發多頁面應用

寫在前面,Vue多頁面應用場景: 1.項目很老了後端不願意改接口和配置,前端想嘗試新技術。 2.多頁面可能更多是考慮首屏加載速度,或者SEO等情況,主流方案如SSR。當然這種單頁面也有對應解決方案 點擊查看 迴歸正題 思路:單頁面

原创 mui 上拉刷新下拉加載

最近多處地方用到這塊的功能,順便總結下。 1 <!--下拉刷新容器--> <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-s

原创 我知道的前端算法

前端算法大致可以分爲幾類 排序 堆棧,隊列,鏈表 遞歸,動態規劃,貪心算法 二分查找 以上內容面試官一般都會結合數組,字符串來考察你對以上知識的掌握程度 這些排序裏邊主要掌握四個就可以:冒泡、選擇、插入、快速 冒泡排序算法 f

原创 input 兼容性bug

幾個頁面做完了和大家分享下自己的感受。 1.input 聚焦是焦點太大 解決辦法 給input外層加一個div,div的高度設置成input的高度(可以稍微高點),這樣避免聚焦時焦點太醜。 2.input placeholder顯示

原创 js this

上週發的閉包,這周說下與閉包相關的this,this同樣是面試必問的話題,我這裏就我的理解結合高程闡述一下。 定義:this是在執行上下文創建時確定的一個在執行過程中不可更改的變量。 所謂執行上下文,就是JavaScript引擎在執行一段

原创 JS 閉包

前置知識: 1.JavaScript有兩種作用域:全局作用域和函數作用域。函數內部可以直接讀取全局變量,函數外部不能訪問內部變量 2.函數執行完畢後,局部活動對象會被銷燬 3.內存中僅保存全局作用域(全局執行環節的變量對象) 需求:

原创 安卓頁面適配

第一次寫博客,練練手。 適用於背景滿屏的情況下,ui圖給的不準(不是750*1334或則640*1136),給頁面加背景時, document.getElementById("wrapper").style.height =