原创 ES6常用單容易被忽略的方法

1.has (1)has方法用來攔截HasProperty操作(注意不是HasOwnProperty,即has方法不判斷一個屬性是對象自身的屬性,還是繼承的屬性。),即判斷對象是否具有某個屬性時,這個方法會生效。典型的操作就是in

原创 git使用心得 &常見問題整理(不斷更新中,,,)

Git 流程圖 Workspace:工作區 Index / Stage:暫存區 Repository:倉庫區(或本地倉庫) Remote:遠程倉庫 配置Git # 查看系統配置 $ git config --list # 查看用

原创 vue絕對乾貨,可以早點下班約會了

1.動態組件 前兩天產品經理來了新的需求了,告訴我,需要根據用戶的權限不同,頁面上要顯示不同的內容,然後我就哼哧哼哧的將不同權限對應的組件寫了出來,然後再通過v-if來判斷要顯示哪個組件,就有了下面的代碼 一般都會通過v-if,v

原创 js中如何準確判斷一個變量的類型?

JS基礎變量類型 在JS中,有6種基本數據類型和一種複雜數據類型, 基本數據類型有:undefined,Null,Boolean,Number和String,es6中,還有Symbol; 複雜數據類型有:Array,Functio

原创 你應該有的人生觀念

覺得有收穫的,我只有一個要求,點個讚唄? 1.一個人一生只要把一件事做到最好,就可以獲得巨大的財富和資源 在學校的時候,老師經常叫我們“木桶原理”,告訴我們不要偏科,要把自己最差的一門提上來。 直到進入社會,才知道這原理在社會上並

原创 debounce vs throttle

debounce vs throttle debounce假設你正在乘電梯上樓,當電梯門關閉之前發現有人也要乘電梯,禮貌起見,你會按下開門開關,然後等他進電梯;如果在電梯門關閉之前,又有人來了,你會繼續開門;這樣一直進行下去,你

原创 簡談JSBridge

H5端jsBridge 引入方式 由h5端引用 在我司移動端初期版本時採用的是該方式,採用本地引入 npm 包的方式進行調用。這種方式可以確定 JSBridge 是存在的,可直接調用 Native 方法。但是如果後期 Bridge

原创 js,基礎易忘知識,持續更新中,,,

javacript語法易忘知識: 1.實現防抖函數debounce: 防抖函數原理 : 在事件被觸發n秒後在執行回調,如果在這n秒內又被觸發,則重新計時。 場景: 按鈕提交場景: 防止多次提交按鈕,只執行最後提交的一次 服務端驗證

原创 小程序授權流程

微信小程序開發用戶授權登錄 微信官方的開放文檔:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html 說明: 小程序調

原创 live-server啓動一個本地服務器(手機訪問)

開啓本地服務器 通常我們寫一個項目時需要開啓一個服務器移動設備訪問測試,那麼如何開啓一個本地服務器並且手機可以放呢,那麼就可以用live-server來開啓一個服務器 通過以下三步就可以啦 1、首先安裝live-server np

原创 前端應該知道的名言

1.代碼是寫給機器執行的,也是給人閱讀的 2. Every line of code should appear to be written by a single person, no matter the number of

原创 vue,底層方法scroll.js

scroll 方法彙集 // import { isServer } from './index' const isServer = false; // [debounce 和 throttle](https://www.cn

原创 canvas基礎(一)

前言 寫了好多canvas的例子了,動畫也寫了很多,cnavas一直是我感興趣的動畫,剛好年末有時間,抽空更新下canvas. 1. canvas 簡介 1.1是HTML5中重要的元素,和audio、video元素類似完全不需要任

原创 git pull 時提示 Please enter a commit message to explain why this merge is necessary.如何退出

Please enter a commit message to explain why this merge is necessary. 提示輸入爲何需要merge操作 如下 需要輸入或者跳過這一步 1.按i鍵,進入插入(ins

原创 未必知道的css技巧

知識點篇 1、滾動條樣式美化 ::-webkit-scrollbar-track{} ::-webkit-scrollbar-thumb{} 2.grid-template設置網絡模板,實現三列二行佈局 display:grid;