原创 vertical-align到底怎麼用
作用 說實話，vertical-align屬性算是學習前端初期接觸的比較早的一個屬性了。一開始以爲它和text-align是對應的，一個設置文本橫向顯示位置，一個設置縱向顯示位置。當然很早以前也就知道這種理解是錯的。但是卻一直沒用徹底搞懂v
2020-12-27 15:51:37
原创 監測頁面顯示隱藏的API
很多時候我們都有這樣的需求，當頁面不顯示的時候去做一些操作或者禁止一些操作。Page Visibility API爲我們實現這個需求提供了方便。 該API依賴於document對象，有兩個屬性和一個事件，我們來依次看一下： 一、屬性 1.
2020-12-27 15:51:37
原创 用HTML5的Web Speech API識別語音讀出內容
Web Speech API包括兩個部分，一個是識別用戶說話；還有一個是朗讀指定內容。這個功能無疑在某些場景是非常有用的。 1、webkitSpeechRecognition（語音識別） 因爲webkitSpeechRecognitionA
2020-12-27 15:51:37
6
原创 console這一家子你都熟嗎？
開篇前言 每一個前端開發者第一次接觸控制檯打印時，第一次應該都是交給了console.log()吧？而且當時看到百度在控制檯的招聘信息，感覺好會玩！！反正我一直而且只用過console.log來調試的。其實也知道有其他的打印方式，但是從沒好
2020-12-27 15:51:37
原创 react-native環境搭建的坎坷
前期按照官方教程去操作即可，這裏之總結自己碰到的問題。 官網提到要有穩定的翻牆工具，這一點不是必須的，我沒有也安裝成功了。 按照教程走完之後，到項目中取執行react-native run-android,出現紅屏報錯 這時看到好像需
2020-06-15 07:01:01
原创 移動端適配
之前開發移動端比較，適配方面做得很粗糙，最近纔開始仔細研究，看了一些相關的博客發現其實原理並不難理解，但是還是在這裏稍微總結一下（源於網上資料）。 不考慮設備像素比 網易做法： 設計稿的寬度是750，用設計稿寬度除以100，求出基準值7.
2019-06-25 13:41:17
原创 event-bus
在vue中，組件之間的通信往往是必須的，父子組件之間通信自然也不必說了，所有組件之間通信也有Vuex這樣的全局狀態管理的庫。但是如果只是一個很小的項目，我們只需要很簡單的一個通信，沒有必要使用vuex的時候，就可以使用eventbus來實現
2019-04-17 13:41:32
原创 Docker的安裝
安裝 （CentOS安裝這裏不介紹） 首先第一點要保證自己的Linux系統內核版本不要低於3.10，之前我的CentOS版本是6.7，內核版本是2.X安裝失敗了。然後安裝了7.2版本可以了。通過以下命令檢查內核版本。 uname -r
2019-04-06 13:37:31
原创 前端安全問題
XSS跨站腳本注入攻擊 攻擊者會惡意的向網站注入一些代碼，讓瀏覽器錯誤把這些注入當作腳本執行了。（比如在輸入框中輸入一些<script>標籤等等）。 防範： 做輸入驗證 把<等符號進行編碼爲< CSRF跨站請求僞裝攻擊 比如沒
2019-03-06 12:57:32
原创 module.exports、exports和export、export default傻傻分不清楚
首先要知道前者和後者是兩個不同的規範下的模塊導出方式，我們來分別看一下： CommonJS模塊規範 CommonJS規範規定，每個模塊內部，module變量代表當前模塊對象。module的exports屬性就是對外提供的接口，加載該模塊時其
2019-02-14 12:55:58
3
原创 Vuex
安裝配置 npm install vuex --save 我使用的vue-cli腳手架（不再強調），在main.js中引入並且配置到全局 import Vuex from 'vuex'; import storeConfig from '
2019-02-13 14:04:58
原创 JUnit4基本使用
這裏直接使用maven，添加junit的座標。 <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</versio
2019-02-10 14:10:53
1
原创 JavaMail
相關概念 1. 郵箱服務器 就想web要有web服務器一樣（tomcat等），郵件也有對應的郵件服務器 2. SMTP協議 用戶發送郵件到郵件服務器的協議，處理該請求的服務器稱之爲SMTP服務器。和POP3協議都屬於TCP/IP協議的一員。
2019-02-10 14:10:53
1
原创 Java-註解
一、JDK自帶註解 我們最常見的就是@Override，表示方法重寫，覆蓋父元素的該方法。 @Override public String toString() { return super.toString(); } 除此之外還
2019-02-10 14:10:53
原创 Java-生成二維碼
zxing方法 zxing是谷歌提供的一個生成而二維碼的庫，這裏使用maven，所以先添加要使用的jar包的座標。 <dependency> <groupId>com.google.zxing</groupId> <artifact
2019-02-10 14:10:53