原创 Mac Terminal (終端) 使用ssh快速登錄遠程服務器
平常我們使用終端連接遠程服務器的時候每次都要輸入IP （換成服務器的IP地址和用戶名） ssh [email protected] -p 22 然後還要輸入密碼，有的時候記不住還要去找一下密碼，很麻煩。 接下來介紹一下使用公鑰來鏈接遠
2020-06-26 08:57:19
1
原创 video.js API 詳解
videojs github官網地址官方文檔地址 這裏簡單的對官方的英文參數列表做了一個簡單說明，並寫了一Jquery的適配調用 $(document).ready(function () { var player
2020-06-26 08:57:19
3
原创 常用功能JS收藏（提升代碼逼格）
獲取URL的查詢參數let query = {}; location.search.replace(/([^?&=]+)=([^&]+)/g, (_,k,v) => query[k]=v); 生成隨機字符串// 生成長度爲1
2020-06-26 08:57:19
原创 js判斷PC端或是移動端
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|
2020-06-26 08:57:19
原创 側邊欄彈出導航插件
下面介紹一款自己優化完善的側邊欄彈出框插件（基於jQuery） 1、首先需要有一個下面的HTML框架。可以放在DOM中的任意位置。 <div class="menu-modal"> <div class="menu-bg"></div
2020-06-26 08:57:18
原创 Google AMP 標籤組件
AMP HTML 庫提供的組件可劃分爲： 內置：基礎庫中包含的組件，例如 amp-img 和 amp-pixel。擴展：相對於基礎庫而言的擴展組件，必須作爲自定義元素明確包含在文檔中（例如<script async custom-ele
2020-06-26 08:57:18
原创 Vue二次封裝UI組件，並傳遞props和v-on事件
有的時候我們全局引用UI框架（類似於ElementUI）的時候，有些簡單的組件我們想進行二次封裝，並確保能傳遞所需的props和事件，這時候就需要用到vue實例上的兩個屬性:$props和$listeners,最後全局註冊組件覆蓋
2020-06-14 16:17:31
原创 移動端rem佈局
利用css media媒體查詢改變根元素fontsize的方法我這裏就不說了，這次是用js動態設置根元素也就是html的fontsize的大小來進行移動端自適應佈局。 首先head裏面需要禁止用戶的縮放行爲。 <meta name="v
2020-02-22 23:03:53
原创 面向對象、構造函數、原型與原型鏈詳解
面向對象、構造函數、原型與原型鏈詳解 如果要我總結一下學習前端以來我遇到了哪些瓶頸，那麼面向對象一定是第一個毫不猶豫想到的。儘管我現在對於面向對象有了一些的瞭解，但是當初的那種似懂非懂的痛苦，依然歷歷在目。 爲了幫助大家能夠更加直
2020-02-22 23:03:53
原创 各社交網站頁面分享代碼鏈接
Facebook：http://www.facebook.com/sharer.php?u=分享地址 Twitter ： https://twitter.com/intent/tweet?url=分享地址&via=分享人（可以@）&tex
2020-02-22 23:03:53
原创 ES6模板字符串編譯示例
<div id="div"></div> let template = ` <ul> <% for(let i=0; i < data.supplies.length; i++) { %> <li><%= data.suppl
2020-02-22 23:03:53
原创 獲取input上傳文件名
<input id="input" type="file" name="" οnchange=changeName(event)> <span id="span"></span> function changeName(e){ va
2020-02-22 23:03:53
原创 web開發中常用css兼容代碼（包括移動端）
持續更新中。。。 1、select去除下拉按鈕 select::-ms-expand { display: none; } select{ -webkit-appearance: none; -moz-appearance: n
2020-02-22 23:03:53
原创 npm常用插件
本文持續更新中。。 1、rimraf 用於刪除文件夾 npm install -g rimraf（全局安裝） 先定位目標文件夾的父級目錄，然後命令行輸入rimraf ***（***爲需要刪除的文件夾名稱） 例如： rimraf
2020-02-22 23:03:53