原创 【JavaScript系列】類型判斷的4種基本方法,研究jquery的type方法,空對象的檢測方法,類數組對象

一、前言 類型判斷有時候真的頭疼,但是一旦熟練使用就會覺得不過如此。初級的,會判斷數字和字符串。中級的,會判斷數組和對象。進階的,會判斷日期,正則,錯誤類型。高級的,會判斷plainObject,空對象,window對象等等。 基本類型:S

原创 【解決方案】數據埋點的一點思路與vue的SPA單頁面實踐

一、前言 數據埋點是監控用戶在應用中的表現行爲,對於TO C的產品迭代來說越來越重要。 數據埋點是產品需求分析的來源,檢驗功能是否達到預期。前端是更貼近用戶,我來說說數據埋點在系統開發中的方案。 二、數據埋點方案分析 不同的產品對於數據的關

原创 【nginx系列】nginx升級到支持http_image_filter_module處理圖片

一、前言 最近在研究nginx在前端中使用最大化,發現了可以很好的處理圖片。 二、http_image_filter_module模塊 我們先來到軟件包的地方看到了configure。 我們先看一下這個模塊http_image_filte

原创 【nginx系列】nginx升級到支持HTTP2.0

一、前言 最近想折騰一下服務器,升級到http2.0。 然後nginx照着官網配置了一下 # ssl寫在443端口後面。這樣http和https的鏈接都可以用 listen 443 ssl http2 def

原创 【JavaScript系列】vue項目中實現滾動條(具體視窗口的滾動條)操作:(1)置底,(2)置於上次停留的位置

一、前言 之前寫了一個happyChat的項目,主要是想學習一下socketIO的使用。然後最近在給happyChat做前端優化和升級。發現第一版做的很low。 需要優化的問題: 1、問題1:滾動條會出現在頭部和底部的視窗中,之前固定頭部和

原创 【設計方案】設計方案系列--如何設計移動端高清方案

一、前言 有時候需要前端做到移動端高清顯示,1、面對開發移動端H5頁面,2、面對不同分辨率的手機,3、面對不同屏幕尺寸的手機。 二、視覺稿 前端開發正常是,視覺的小哥哥給我們psd或者導出的skech文件,這個就是視覺稿,然後前端開始寫結構

原创 【V8引擎】淺析Chrome V8引擎中的垃圾回收機制和內存泄露優化策略

V8 實現了準確式 GC,GC 算法採用了分代式垃圾回收機制。因此,V8 將內存(堆)分爲新生代和老生代兩部分。 一、前言 V8的垃圾回收機制:JavaScript使用垃圾回收機制來自動管理內存。垃圾回收是一把雙刃劍,其好處是可以大幅簡化程

原创 JavaScript系列--八種【數組去重】方法的總結

一、前言 數組去重是一個老生常談的問題,但是有時候會彈出點其他東西。 二、雙重循環 這個方法是最常見的,最原始的方法。 // 方法一:雙重循環 var array = [1,1,'1','2','1',1,2] function uniq

原创 計算機基礎--http的基礎整理和鞏固

一、前言 主要包括:1、http基礎:TCP/IP,TCP協議,IP協議,DNS協議,URI與URL; 2、http協議:http報文,http方法,http狀態碼,常見問題 名詞解釋: (1)HTTP(HyperText Transfer

原创 方案設計--如何看待前端框架選型 ?

對於前端團隊,可以實現企業受益最大化要點。 一、技術選型的策略 1、保證產品質量 (1)功能穩健:網頁不白屏,不錯位,不卡死;操作正常;數據精準。 (2)體驗優秀:加載體驗,交互體驗,視覺體驗,無障礙訪問。 2、降低人力成本 (1)降低前期

原创 javascript系列--this指向和apply,call,bind三者的區別

一、前言 this指向,apply,call,bind的區別是一個經典的面試問題,同時在項目中會經常使用到的原生的js方法。同時也是ES5中的衆多坑的一個。ES6中可能會極大的避免了this產生的錯誤,有時候需要維護老的項目還是有必要了解一

原创 JavaScript 系列--JavaScript一些奇淫技巧的實現方法(三)數字取整,數組求和

一、前言 簡短的sleep函數,獲取時間戳:https://www.mwcxs.top/page/74... 數字格式化 1234567890 --> 1,234,567,890;argruments 對象(類數組)轉換成數組: https

原创 JavaScript 系列--JavaScript一些奇淫技巧的實現方法(二)數字格式化;類數組轉數組

一、前言 之前寫了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的實現方法(一)簡短的sleep函數,獲取時間戳 https://www.mwcxs.top/page/74... 介紹了sleep函數和獲取時間戳的

原创 JavaScript 系列--JavaScript一些奇淫技巧的實現方法(一)簡短的sleep函數,獲取時間戳

一、前言 有些東西很好用,但是你未必知道;有些東西你可能用過,但是你未必知道原理。實現一個目的有多種途徑,俗話說,條條大路通羅馬。發散一下大家的思維以及拓展一下知識面。 二、實現一個簡短的sleep函數 sleep函數主要用來做延遲執行的,

原创 javascript系列--javascript深入理解--作用域,作用域鏈,閉包的面試題解

一、概要 作用域和作用域鏈是js中非常重要的特性,關係到理解整個js體系,閉包是對作用域的延伸,其他語言也有閉包的特性。 那什麼是作用域?作用域指的是一個變量和函數的作用範圍。 1、js中函數內聲明的所有變量在函數體內始終是可見的; 2、在