原创 手機狀態欄高度

this.$nextTick(() => { var immersed = 0; var ms = (/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/

原创 判斷 瀏覽器 手機 版本信息

export function getBrowser () { const u = navigator.userAgent; // const app = navigator.appVersion; const dat

原创 js基礎易忽略點

1 if ( typeof v === 'undefined') { // true } if ( typeof null === 'object') { // true } 2 Number(null) //0 5 + n

原创 notification2017_v0118.js

/** @瀏覽器桌面提醒 @author limeizhang#tencent.com @time 2017-05-24 @https */ window.FERD_UserData = function(res){ var _

原创 nginx代理獲取真實ip

function getClientIp(req) { let api = req.connection.remoteAddress || req.socket.remoteAddress || (req.connecti

原创 js 獲取剪切板內容,控制圖片粘貼。

目前只有Chrome支持獲取剪切板中的圖片數據。還好需要這個功能的產品目前只支持Chrome和Safari,一些Chrome的新特性是可以盡情使用了,還是能夠覆蓋到大部分用戶的。所以本文只討論Chrome如何使用和如何阻止Safa

原创 react加載 外部html

將html加載器添加到您的項目中: npm i -D html-loader 將以下規則添加到webpack.config文件中: { test: /.(html)$/, use: { loader: ‘html-loader’,

原创 linux 檢查網絡訪問的配置

檢查網絡訪問的配置 getsebool -a | grep httpd_can_network_connect 如結果如下 httpd_can_network_connect --> off 則執行如下命令打開: #SELinux

原创 Nodejs連接redis

Nodejs連接redis 目前Nodejs端使用redis模塊對redis服務進行連接,代碼如下: var redisClient = redis.createClient(config.redisAuth); redisCl

原创 Nginx代理proxy pass配置去除前綴

一個種方案是proxy_pass後面加根路徑/. 另一種方案是使用rewrite 使用Nginx做代理的時候,可以簡單的直接把請求原封不動的轉發給下一個服務。 比如,訪問abc.com/appv2/a/b.html, 要求轉發到l

原创 使用 PostCSS 進行 CSS 處理

在 Web 應用開發中,CSS 代碼的編寫是重要的一部分。CSS 規範從最初的 CSS1 到現在的 CSS3,再到 CSS 規範的下一步版本,規範本身一直在不斷的發展演化之中。這給開發人員帶來了效率上的提高。不過與其他 Web 領

原创 webpack搭建框架

原文鏈接:http://note.youdao.com/noteshare?id=2e5d6d15d4b37d721831821a93c64449 搭建框架 webpack 基本介紹 W

原创 實現雙向綁定Proxy和defineproperty

<main> <p>請輸入:</p> <input type="text" id="input"> <p id="p"></p> </main> const obj = {}; Object.definePrope

原创 JavaScript 正則表達式匹配漢字

原文鏈接:https://zhuanlan.zhihu.com/p/33335629 一個可能有 20 年曆史的正則表達式 在谷歌搜索「JavaScript 正則表達式匹配漢字」的時候,

原创 flex佈局兼容性寫法

1.容器寫法 display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */