原创 React Hooks與setInterval

前言 Hooks出來已經有段時間了，相信大家都用過段時間了，有沒有小夥伴們遇到坑呢，我這邊就有個setInterval的坑，和小夥伴們分享下解決方案。 前言 寫個count每秒自增的定時器，如下寫法結果，界面上count爲1？ functi

2019-11-07 17:35:25

原创 google adsense 添加自動廣告

前言 很多大佬寫自己網站是爲了開源給大家做貢獻，如果可以景上添花，通過廣告給自己帶來寫一定收入，豈不是達到作者與讀者的雙贏狀態。那麼如果要插入廣告，怎麼才能發到用戶體驗良好，但是廣告曝光率又高呢。畢竟我們也不是專業的運營同學，google做

2019-09-09 20:45:02 3

原创 this爲什麼會爲undefined?

一、前言 普通function定義的函數 ‘運行環境’也是對象，this指向運行時所在的對象。如下： 如果一個函數在全局環境運行，this就指向頂層對象（瀏覽器中爲window對象）；如果一個函數作爲某個對象的方法運行，this就指向那個對

2019-08-16 01:05:02

原创 微信小程序開發注意指南和優化實踐

前言 轉眼間已經參與過我廠好幾個小程序的開發了，下面本妹子將開發中的那些注意點和各位小夥伴們分享下，妥妥的乾貨一枚。 一、WXML 不要換行寫，有空格不行 微信開發者工具不會對代碼進行trim操作，如果代碼中換行，頁面也直接換行。 wx:

2019-06-19 20:00:18

原创 Https在各種Web服務器下配置

前言 前端很多情況需要用啓動web服務器，而爲了保證數據的安全性，都需要用Https對傳輸的數據進行加密傳輸，而且有些web-view只允許https通過訪問，所以學習怎麼配置https也成爲大前端不可以少的功課之一。下面本妹子將先簡單介紹

2019-06-05 00:04:59 4

原创 假設最後一個css元素是html標籤，則選擇器解析從左往右的提案

現狀 現在瀏覽器css匹配核心算法的規則都是是以 right-to-left 方式匹配節點的。 如.root .sub span {...}，瀏覽器渲染方式是 span -> .sub -> .root它的讀取順序變成：先找到所有的span

2019-04-01 21:15:05

原创 gulp插件解決瀏覽器緩存問題

一、前言 有些簡單前端小項目，不需要涉及框架，前端打包壓縮的話本妹子還是喜歡用gulp。本文將用gulp-rev和gulp-rev-rewrite解決cdn緩存問題。以及列出的是本妹子最常用的gulp插件，小夥伴們可以參考。案例地址：htt

2019-04-01 21:15:05

原创 Intersection observer檢測元素是否在視窗內

前言 一直以來，檢測元素在瀏覽器視窗口內不是件容易的事，很多解決方案都不能很準確的判斷，計算量也有可能拖慢網站性能。但是很多場景都需要用到： 當頁面滾動時，懶加載圖片或其他內容。 實現“可無限滾動”網站，也就是當用戶滾動網頁時直接加載更多

2019-01-03 23:05:12 2

原创 慎用try catch

前言 ECMA-262第3版引入了try catch語句，作爲JavaScript中處理異常的一種標準方式。基本的語法如下所示。但是在前端js代碼中很少看到try catch語句,並不是所以代碼都需要加try catch來作得不償失的“保險

2018-12-18 01:22:44 3

原创 require 和 import 詳解

前言 JS模塊化編程是前端小夥伴們必不可少的知識，下面妹子將於自認爲比較清晰的方式列舉出來。 1 require 特點： 1.運行時加載 2.拷貝到本頁面 3.全部引入 1.1 CommonJS Node.js就是用CommonJS思想

2018-12-12 00:32:40

原创 表連接類型

前言 對於關係型數據庫來說，對於複雜的查詢表連接是必不可少的，下面妹子就來介紹下表連接的方式 內連接（Inner Join） Inner指的是 intersect相交,顧名思義就是取兩表的交集。 SELECT COUNT(a.per_id)

2018-11-30 01:53:29

原创 pm2 遠程發版

創建配置項 在你的git倉庫根目錄中新建pm2配置文件ecosystem.config.js,如註釋所示，或者執行pm2 init初始化文件ecosystem.config.js。 module.exports = { apps : [

2018-11-13 22:43:06 2

原创 centos安裝高版本git

方法一 根據git官網所示https://git-scm.com/download/linux,當操作系統爲CentOS 時，推薦下載源碼包,然後編譯安裝。 不多說了，開始乾貨了。首先應該安裝好必要的依賴包，省得在安裝過程中出現各種問題。

2018-11-08 22:03:09

原创 Pa11y測試網站可訪問性工具

前言 非常感謝wapyce和carlsonsantana測試我的博客網站，並給我發出Issue，讓我知道了網站有些bug，以及Pa11y這個測試利器。 簡介 Pa11y是自動化測試網站可訪問性的工具。 它原理是用命令行的形式運行 HTML

2018-10-29 18:56:50 8

原创 js雙等號探索(三): [] == false爲True,而!![] == false爲False ？

[] == false; //爲True !![] == false; //爲False 一、[] == false爲True 第一步 轉成[] == 0 根據 MDN Web 文檔-比較操作符:https://developer.moz

2018-09-28 22:44:50 10