原创 寶塔配置nginx + php,並解決寶塔888端口phpmyadmin無法訪問的問題,絕對可用

情景: 可能是我前面部署有其他項目吧,用了nginx佔用了80端口,導致後面安裝php和phpmyadmin的時候,打開phpmyadmin都是無法訪問,我用的是華爲雲,表示安全組和防火牆都放行了888端口,都不行.在網上也找了很

原创 css實現單色或圖片背景透明,而文字不透明的方法

一.單色背景 方法: 不使用opacity屬性,而是使用rgba 例子: <style> .bg { background-color:rgba(0,0,0,0.4) } </style> <div clas

原创 vue cli3.x以上版本搭配vant配置postcss-pxtorem和lib-flexible

1.下載包 npm install lib-flexible --save npm install postcss-pxtorem --save-dev 2.在main.js,加入以下代碼 import "lib-flexibl

原创 vue-cli3.0 axios跨域請求代理配置

假設後端的請求地址: http://127.0.0.1:3000/admin/api 1.在根目錄下創建vue.config.js文件(vue cli3.x以上版本是沒有config文件的),代碼如下: module.export

原创 在vue中,解決apaparse把.csv轉成json格式中文亂碼問題,並把處理過程進行封裝

前後效果圖: 一.出現這類問題的原因 編碼格式的問題,默認處理時utf8格式,但可能出現GBK,GB2312(我的就是)…等格式 二.解決的方法 識別編碼,告訴papaparse的encoding屬性 三.需要的插件jschar

原创 廣東移動UNT401H南傳通過adb裝當貝桌面

1.機子如圖: 2.需要的: 電視盒子,電腦,安裝包 3.先準備好adb和當貝桌面安裝包 adb下載鏈接: 網盤分享,提取碼: mtl5 當貝桌面: 當貝桌面官網,下載好後把dbzm-xxx.apk的命名改成dbzm.apk,並

原创 一文徹底弄懂scoped的原理,導致的問題及解決的辦法

先說個前序,有多少人把scoped寫成scope的… 原理: 在 vue 去編譯組件的時候,如果當前 style 標籤上有 scoped 屬性,那麼就會爲當前組件所有標籤(若有子組件,則會在子組件最外層標籤)添加上一個 data-

原创 使用css3的網格(Grid),做出瀑布流式佈局

效果如下: 關於Grid(網格) 佈局,就看大神阮一峯的Grid 網格佈局教程 效果的代碼如下: html代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

原创 WebGL實現雲朵效果,及遇到的問題,已解決

效果如下: 1.源代碼地址:https://github.com/wdm510708502/webgl-clouds 2.打開index.html,有可能你會驚奇的發現,雲呢?雲呢? 你可能用的是谷歌瀏覽器或者360瀏覽器,而使

原创 小程序富文本圖片自適應屏幕

效果如下: // 這是富文本返回的數據 關鍵代碼: let wxWidth = wx.getSystemInfoSync().windowWidth res.data.data.xxx = res.data.data.xxx.

原创 express-generator腳手架,引入babel,支持import和async,絕對可用

1.首先在package.js中加入如下的依賴包,並需要修改啓動的路徑(後面有說要自己新增個index.js文件) { "name": "express-app", "version": "0.0.0", "priva

原创 CentOS7.x下,安裝node+pm2+mongoDB+nginx部署vue項目

本文章參考了qiu_freedom的博客,改動主要在現有版本的更新和自己參考博客搭建遇到的問題(已解決)賦上了說明。 一、購買服務器和遠程連接 1.購買服務器和域名 可以選擇騰訊或者是其他產商的服務器,購買後會獲得服務器ip地址,

原创 使用vh,vw配合媒體查詢做pc端的界面自適應

效果如下: 前景提要: 因爲我司後臺管理的頁面都需要在可視的瀏覽界面中展示所有內容,不允許在html,body中出現滾動條,查找了很多的佈局方法,都不盡人意.後面看到vw,vh單位,驚喜起來.特寫此文章 前端的環境: 利用vue

原创 canvas製作框內跳動小球

效果如下: 思路: 1.制定畫布,確定好座標 2.繪製出圓形小球 3.給圓一個原始座標,xy軸的速度 4.每20毫秒刷新一次,達到變化的目的 5.判斷邊緣 全部代碼及釋義如下: <!DOCTYPE html> <html lan

原创 簡單使用Vuex

由例子開始,從中學會簡單使用Vuex, 需求,把路由的標題應用在網頁上,效果如下: 環境: 利用了vue cli3.x並在初始化項目時添加了Vuex 1.在目錄store下的index.js中的代碼 import Vue fro