《H5+移動應用實戰開發》已出版

本文轉載自查看原文 2019-05-22 08:29 2259 前端

　　《H5+移動應用實戰開發》終於出版了，最近在忙着Vue和Webpack相關的前端書籍寫稿。本書面向的讀者為：從后端轉前端，或零基礎開始學習移動端開發的人。前后端完全分離的開發方式越來越成為一種趨勢，下一本書，將是專業前端書籍，是關於Vue在實際工作中的單頁應用開發，涉及到Vue全家桶以及webpack相關技術。

　　項目源碼地址：https://github.com/zouyujie/h5_book

京東：H5+移動應用實戰開發

當當：http://product.dangdang.com/27864696.html

天貓：H5+移動應用實戰開發

DIV高度設置全屏

html：

<div class="full"></div>

css：

.full{ height:100%; position:fixed; }

在有dom結構變更的情況下，mui.back要點擊2次才能回退成功

於是我調用了2次back方法，而且第二次調用延時了

            mui.init();
            var old_back = mui.back; mui.back = function() { mui.confirm('完工內容未提交，確認離開嗎？', '離開確認', btnArray, function(e) { if(e.index == 1) { //執行mui封裝好的窗口關閉邏輯；  old_back(); setTimeout(function () { old_back() }, 300);//解決回退不了的問題 console.log('sltImgCount:' + sltImgCount) } }); }

CSS透明度的問題

在設置div的透明度的時候發現設置了父div的透明度（opacity=0.5），子div的透明度也隨着改變了，並且設置子div的透明度不起作用，這種情況下可以使用rgba來設置父div的透明度：例如設置div黑色半透明，可以設置div的background:rgba(0,0,0,0.5)

This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.

這是引用組件時，路徑大小寫不對導致的

關於Vue-cli npm run build生產環境打包,本地不能打開問題

問題：

Tip: built files are meant to be served over an HTTP server.

Opening index.html over file:// won't work.
解釋：

npm run dev是開發環境, npm run build是生產環境, 在開發環境完成代碼和測試, 之后用生產環境生成代碼,執行npm run build 命令后，會生成dist目錄，里邊包含index.html和static文件夾。

npm run build的時候, 一開始就會提示Built files are meant to be served over an HTTP server. Opening index.html over file:// won't work., 在vue-cli的默認配置中, 把assetsPublicPath: '/'改成assetsPublicPath: './',dist文件夾里的文件必須放在服務器的根目錄, 如果你想本地打開的話, 可以在npm run build完成之后執行以下命令:

npm install -g http-server // 該命令只需執行一次, 安裝過之后, 以后就不需要重復安裝了

再運行：hs

原文：https://blog.csdn.net/zx_p24/article/details/80360312

vue 單文件樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法

方法一

vue 單文件樣式寫了scoped 不能覆蓋框架原有樣式的解決辦法

在vue 里面<style scoped></style> 是為了讓樣式只影響本身自己組件的樣式，不改變全局的樣式。

但是存在一個問題組件框架的ui樣式沒辦法覆蓋。

解決辦法：在vue 文件里面寫兩個style 樣式

例如

<style>

///全局的

//全局的這個一定要在要覆蓋的ui樣式之前，在包裹上一層，這樣就不會影響別的組件的樣式

</style>

//私有的

</style>

全局和私有的style 的順序一定不能變，全局的在最前面，私有的在后面

引用：https://www.cnblogs.com/daiwenru/p/9913179.html

方法二

/deep/ .el-table .red-row { background: #ffc2c2; } or .el-table >>> .red-row { background: #ffc2c2; }

引用：https://blog.csdn.net/p930318/article/details/82767401

安裝cnpm

因為npm安裝插件是從國外服務器下載，受網絡影響大，可能出現異常，如果npm的服務器在中國就好了，所以我們樂於分享的淘寶團隊干了這事。！來自官網：“這是一個完整 npmjs.org 鏡像，你可以用此代替官方版本(只讀)，同步頻率目前為 10分鍾一次以保證盡量與官方服務同步。”；

官方網址：http://npm.taobao.org

安裝：命令提示符執行注意：安裝完后最好查看其版本號cnpm -v或關閉命令提示符重新打開，安裝完直接使用有可能會出現錯誤；

注：cnpm跟npm用法完全一致，只是在執行命令時將npm改為cnpm（以下操作將以cnpm代替npm）。

npm安裝stylus和stylus-loader

去到 package.json dependencies 里面隨便找個地方加上下面這兩句話

    "stylus-loader": "^3.0.1",
    "stylus": "0.52.4",

然后去 cmd 運行

cnpm install (npm install 一樣的我用了淘寶鏡像)

Error:Cannot find module 'stylus'

在webpack 里面用了 stylus-loader，但npm instatll 沒有正確安裝，出現error： Cannot find module ‘stylus’。

解決辦法：
重新npm install stylus 和 stylus-loader

npm install stylus –save-dev
npm install stylus-loader –save-dev

npm太慢，淘寶npm鏡像使用方法

安裝vue-cli

官網地址：https://github.com/vuejs/vue-cli

Git中的bash與CMD的區別

　　Windows在使用git工具時，可以看到有兩個命令輸入窗：

　　　　　1. Git CMD

　　　　　2. Git Bash

　　兩者的區別：Bash是基於CMD的，Bash在CMD的基礎上新增了一些命令和功能，故建議使用Bash更方便。

　　Git GUI 是一個圖形操作頁面。

Git配置區分文件大小寫

git config core.ignorecase false

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 這個月干啥去了？——H5+移動應用實戰開發 H5+混合移動app應用開發——開篇 H5+混合移動app應用開發——app升級 H5+混合移動app應用開發——坑我太甚 H5+混合移動app應用開發——開篇 H5+混合移動app 《Node+MongoDB+React 項目實戰開發》已出版 h5+ 開發分享功能混合開發 h5+ 沉浸式的適配第5章使用MUI與H5+構建移動端app