原创 10個前端經常遇到的問題解決方案

作爲一個開發了多個 H5 項目的前端工程師,在開發過程中難免會遇到一些兼容性等爬過坑的問題。現在我將這些問題一一彙總一下,並在後面給出坑產生的原理,和現階段常規的填坑方案。由此來做一個階段性的總結。   移動端 H5 相關基礎技術概覽

原创 微信小程序開發

                                    微信小程序開發  1.官放文檔網站訪問https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html開發文

原创 js執行順序之Even Loop

event loop都不陌生,是指主線程從“任務隊列”中循環讀取任務,比如   例1:   setTimeout(function(){console.log(1)},0);   console.log(2)   //輸

原创 html5中的拖放

html5中的拖放

原创 js 中對象的get Set的使用方法

console.log('.......obj1.........') // 第一種設置對象的存取器屬性 var obj1 = { a:1, b:2, // c爲存取器屬性 set c(x){ this.b = x console.log

原创 本地拉去github的分支生成ssh-key

1) 檢查SSH key是否已經存在: 用這個命令 ls ~/.ssh/ 進行檢查 id_rsa.pub 是否存在,如果存在,就不用生成一個新的SSH key了,直接跳到下面的第3步。 2)如果第1步中的SSH key不存在,生成一個新的

原创 藉助chrom瀏覽器調試h5

1.手機通過數據線連接電腦 2在chrome中輸入chrome://inspect/#devices 3.手機通過瀏覽器打開需要訪問的頁面,選擇inspect之後便可抓取移動端的數據包 **在連接過程中會出現幾種常見問題 1.點擊ins

原创 前段常用算法

  雖說我們很多時候前端很少有機會接觸到算法。實際上學習數據結構與算法對於工程師去理解和分析問題都是有幫助的。如果將來當我們面對較爲複雜的問題,這些基礎知識的積累可以幫助我們更好的優化解決思路。   Q1 判斷一個單詞是否是迴文? 迴文是

原创 前段性能排查

function performanceTest() { let timing = performance.timing, readyStart = timing.fetchStart - timing.navigationStart,

原创 js中的閉包之我理解

閉包是一個比較抽象的概念,尤其是對js新手來說.書上的解釋實在是比較晦澀,對我來說也是一樣.   但是他也是js能力提升中無法繞過的一環,幾乎每次面試必問的問題,因爲在回答的時候.你的答案的深度,對術語的理解以及js內部解釋器的運作方式的

原创 常用正則

IDcard: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1]

原创 react開發腳手架create-react-app

1、首先基於npm在全局安裝create-react-app $ npm install -g create-react-app 2、在指定目錄中創建一個react項目工程 $ create-react-app my-app my-

原创 js操作cookie

JavaScript是運行在客戶端的腳本,因此一般是不能夠設置Session的,因爲Session是運行在服務器端的。 而cookie是運行在客戶端的,所以可以用JS來設置cookie. 假設有這樣一種情況,在某個用例流程中,

原创 sass封裝常見的@mixin

1.常用三角封裝 @mixin triangle($direction, $size, $borderColor ) { content:""; height: 0; width: 0; @if $direction == top { b

原创 eslint常用配置

'rules': { // no-var 'no-var': 'error', // 要求或禁止 var 聲明中的初始化 'init-declarations': 2, // 強制使用單引號