原创 webpack4 TypeError: htmlWebpackPlugin.getHooks is not a function

1.使用vue-cli3,打包產生的問題; 解決方案: npm i html-webpack-plugin@next 參考 https://github.com/jantimon/html-webpack-plugin/is

原创 移動端兼容性問題集

1.input獲取焦點時,頁面被放大 // ios全屏 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content=

原创 git操作清單

版本控制 git本質是一個分佈式版本控制系統,客戶端可以完成clone整個倉庫,然後進行提交和修改。 一、瞭解github的工作流 倉庫 遠程倉庫(remote):遠程主倉庫github; 本地倉庫(respository/

原创 vue element-UI table嵌套表格 無法更新視圖

1.點擊“編輯”,當前的div顯示“刪除”; 2.查看row.isShow =  true,但是視圖沒有更新;代碼如下: <template> <el-table :data="tableData4" style="

原创 移動端web如何在真機上進行調試

   在做移動端頁面的時候,在chrome的手機模擬器上進行模擬測試界面。但是在真機上打開頁面的時候,卻出現界面或者是功能上的bug。所以我們做完移動端頁面的時候,不妨先用真機進行調試本地手機頁面。   主要介紹使用過的兩種方法1.Fid

原创 mac系統配置LNMP環境

  由於工作的需要,這幾天在mac上安裝LNMP開發環境,安裝了好幾天了。後面才瞭解到mac有自帶的php,由於版本過低,重新安裝了7.0.30的版本1.安裝Homebrew  homebrew是mac系統下的軟件包管理工具,非常方便在m

原创 mac下安裝PHP擴張phpredis

下載php-redis,下載地址:點擊打開鏈接下載得到phpredis-master.zipsudo make install移到/usr/local/目錄中sudo cp phpredis-master /usr/local/進入/us

原创 使用webpack4 兼容ios8 自動添加前綴

   最近寫了移動端的項目,沒有考慮到要兼容ios8。flex佈局和css3的transform等沒有起到作用。Safari是用webkit內核,需要增加一些前綴,才能起到作用。用webpack構建css樣式的時候,使用postcss-l

原创 ios時間轉時間戳出現invalid Date

  在ios上無法讀取new Date('2018-08-09 11:59:59'),但是在Android是可以用的。 方法一 var endTime = new Date('2018/08/10 11:59:59') alert(en

原创 echart百度圖表使用方法

最近幾個項目都是有關圖表,在國內echart和國外highchart比較,還是比較傾向於使用echart做可視化,echart是完全開源,配置項文檔非常詳細。創建html文檔,設置好DOM,給節點設置width和height步驟1引入ec

原创 vue-cli3 使用svg-sprite-loader的使用

1.爲什麼使用svg-sprite-loader? 用來根據導入的svg文件自動生成symbol標籤並插入html,接下來就可以在模板忠方便地使用svg-sprite技術了 通常我們項目都是使用iconfont阿里巴巴圖標矢量

原创 微信分享朋友、朋友圈、QQ、QQ空間

1.準備工作   APPID公衆號id、申請好友分享接口、ip白名單、js接口安全域名設置(必須是通過備案)。要先登錄微信公衆平臺進入“公衆號設置”的功能設置裏填寫“JS接口域名” 2.引入js 注意:支持使用AMD/CMD標準加載方法

原创 mac下webpack4 配置

環境:mac操作系統node1.安裝webpack  npm由於連接是國外的網站,運行速度要稍微慢些,可以用淘寶鏡像npm install -g cnpm --registry=https://registry.npm.taobao.or

原创 使用js把Unix時間戳轉化成普通日期

方法一:var time = 1523141099; var unixTimestamp = new Date(time*1000); var commonTime = unixTimestamp.toLocaleString()方法二D

原创 vue 12種通信方式

Vue組件間的通信方式 1. props傳遞數據 在父組件中使用兒子組件 <template> <div> 父組件:{{mny}} <Son1 :mny="mny"></Son1> </div> </template>