原创 【兼容】scrollTope一直爲0 (IE,Chrome,Safari)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test</title> <style type="text/css"> bod

原创 Footer 多頁面應用跳轉

<!-- HTML 結構 --> <ul> <li> <a href="index.html"> <i class="icon-index"></i>

原创 git 合併分支 及 解決問題

合併分支前必須保證本地文件已提交 首先把 切換到master分支上 --- git checkout master 在add commit之後 如果切換分支報錯git 報錯: error: Your local changes to the

原创 新增頁面 has not been registered yet

報錯: Page [pages/src/test/test] has not been registered yet. 自行創建的新頁面.js文件中,必須有 Page({ })裏面留空即可,否則就會爆這個錯誤Page "pages/d

原创 yarn

yarn是什麼 Yarn 對你的代碼來說是一個包管理器, 你可以通過它使用全世界開發者的代碼,或者分享自己的代碼。 Yarn 做這些快捷、安全、可靠,所以你不用擔心什麼。 通過Yarn你可以使用其他開發者針對不同問題的解決方案,使自己的開發

原创 vue-devtools 工具

1.github下載地址:https://github.com/vuejs/vue-... 2.下載安成之後打開cmd進入vue-devtools文件夾把依賴裝好npm install 之後再進行npm run build最好裝一個cnpm

原创 網址收集

框架 妹子UIhttps://amazeui.clouddeep.cn UIkithttp://www.getuikit.net/index... ICON ZUIhttp://zui.sexy/#/ 前端練習題 牛客網https://ww

原创 圖片加載 SDK

頁面中圖片加載效果 有一種加載先變模糊然後清晰另一種是很清晰 但逐行加載 爲什麼呢?因爲他們的區別是壓縮算法不同 模糊到清晰的是小波算法逐行顯示的是離散餘弦變換 瀏覽器探測到圖片本身的壓縮算法不同 再去顯示壓縮算法不同的圖片然後用不同的

原创 YAHOO 軍規

一、儘可能減少Http請求 什麼是Http請求?官方回答:從客戶端到服務器端的請求消息包括消息首行中對資源的請求方法 資源的標識符及使用協議菜鳥回答:當你打開網頁的時候 所看到的文字圖片多媒體等 都是從服務器獲取的 每一個內容的獲取 就是h

原创 優化術語

技術類 首屏時間:加載到第一屏的功能點 所消耗的時間點白屏時間:進入頁面到head解析的時間可操作時間:與模塊相關 主要是測試核心模塊的使用率 及用戶感知連通率:多爲視頻站點 時間爲縱軸 主要是對應時間用戶看到視頻或者聽到的聲音比例 產品類

原创 遍歷數組

方法1 -- for var arr = [1,2,3,4,5,6,7,8,9] for(var i = 0; i<arr.length;i++){ console.log(arr[i]) } 方法2 -- for...in var

原创 Vue項目---目錄結構

生成的結構目錄如下 文件夾類 build webpack相關配置文件一般情況下不需要自己配置 config vue基本配置文件可配置端口號打包輸出等 node_modules 依賴包也就是運行cnpm install 安裝的所有組件

原创 Vue項目 --- vue-cli創建項目模板

創建模板 終端打開 命令工具 並下載 vue-cli cd ~/Desktopnpm install -g vue-cli 回車後 等待... ... 打一個文件夾爲 blog-client 的包兒~ 並下載模板 vue init web

原创 Flex詳解

flex 之前是怎麼佈局的 normal flow (文檔流) float position display inline-block 負maring flex 介紹 特點: 塊級佈局側重垂直方向、行內佈局側重水平方向,flex佈局是

原创 響應式 --- 媒體查詢

響應式 我自己的理解就是限制住像素範圍然後分別寫入一套cssHTML就寫兩套或者更多 但只顯示一套 其實吧現在!!!很少有網站是用響應式寫的主流的一些像是 某寶 某東 都是用js判斷也就是做一個pc端 一個移動端 看用戶用的是電腦還是手