原创 移動端常用樣式

@charset “utf-8”; / 禁用iPhone中Safari的字號自動調整 /html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;/解決IOS默認滑動很卡

原创 vue flexable pc端適配

利用webpack配置px2rem-loader和lib-flexible來實現px轉化rem1、安裝npm install px2rem-loader -Dnpm install lib-flexible -S2.參照官網配置方法 //

原创 頁面打分工具lighthouse

使用方式有兩種,一種是google 的 控制檯選擇audis -》 run audis 另一個是本地全局安裝推薦全局安裝。首先全局安裝lighthouse: npm install -g lighthouse //or use y

原创 手動設置 webpack.config.js 目錄

默認webpack 是在當前路徑下尋找webpack.config.js 找不到就會報錯,如果想要執行別的目錄下的文件,可以執行 webpack --config D:\code\work\Doclever\doclever\Clien

原创 git 本地創建分支和遠程分支關聯

本地切換並創建新分支 git checkout -b 'doclever_201909' 拉取遠程分支 git pull 報錯 here is no tracking information for the current br

原创 vue 模擬登錄驗證並跳轉當前頁面

主要代碼 router.ts router.beforeEach((to, from, next) => { console.log(to, from) if (to.name !== "login") { if (ses

原创 vue 和jquery 區別總結

僅僅從自己使用經驗來說下感受。 1,vue 是一個前端框架,jquery 是javacript庫,封裝了一些js常用的方法,僅此而已。vue有成熟的生態鏈,mvvm模式,是一個真正的web框架。表現在:1:vue有固定的寫法和規定,必須要有

原创 flutter 環境搭建

搭建flutter 環境真的是一種煎熬,因爲衆所周知的原因,很多東西西藥手動下載,幾次想放棄都堅持下來了,不容易,真心不容易。首先按照官網的教程下載flutter 和插件 https://flutterchina.club/tutori

原创 vue-cli2.0 與 3 引入方式

vue-cli 現在出到3 了 不同的版本使用方式還是稍有不同的,根據引入方式可以選擇不同版本 2的引入方式 vue install -g vue-cli 3 引入方式 vue install -g @vue/cli 這樣會引入2 的

原创 vuex 初體驗

以前一直想學下vuex 但是一直沒有學進去,今天無聊看看vuex ,沒想到竟然如此之簡單,可能看react-redux 看懵了,現在忘了react-redux 再一看vuex真的是眼前一亮,不得不說,起碼易用性方面vue真的是甩react

原创 cnpm 和npm 命令切換

npm 切換 cnpm npm config set registry https://registry.npm.taobao.org cnpm 切換回 npm npm config set registry=http://

原创 react jsx 語法 和vue template 語法區別

vue 的template 和react jsx 有什麼區別呢,來整理下。 1:追求理念不一樣 react 認爲現在瀏覽器追求的js css html 這三種文件分工協作的方式效率低下,他認爲js css html 應該是一個整體,而不是像

原创 mongoDB 可視化管理工具 MongoDb Compass

mongoDB 可視化管理工具 MongoDb Compass 留個記號

原创 vue react 與原生 js jquery 渲染時間簡單對比

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

原创 動態配置dom的順序

對於頁面上的dom元素,如果想要通過一個數組來確定一組dom元素的順序,如果vue element 都是很簡單可以實現的 <ul> <li v-if="item in lidata" :id="item.