原创 深入學習作用域和閉包—全面(JS系列之二)

作用域 在學習作用域之前,先了解兩個重要的概念:編譯器、引擎 編譯器:負責詞法分析及代碼生成等編譯過程 引擎:負責整個 JavaScript 程序的編譯和執行 什麼是作用域 通俗的來講就是變量起作用的範圍。比較規範的解釋(引用《你

原创 一名合格前端人員必須知道的 this 用法和陷阱(JS系列之三)

前言 this 關鍵字是 JavaScript 中最複雜的機制之一。它是一個很特別的關鍵字,被自動定義在所有函數的作用域中。作爲一名前端攻城獅對它再熟悉不過了,然而正是因爲熟悉它所以很容易忽略它,以至於用它時踩了不少的坑,甚至在面

原创 深入瞭解JavaScript執行過程(JS系列之一)

前言 JavaScript 執行過程分爲兩個階段,編譯階段和執行階段。在編譯階段 JS 引擎主要做了三件事:詞法分析、語法分析和代碼生成;編譯完成後 JS 引擎開始創建執行上下文(JavaScript 代碼運行的環境),並執行

原创 Element-ui 和 vue-cropper 實現圖片上傳按尺寸大小裁剪

使用 element-ui 和 vue-cropper 實現圖片上傳按尺寸大小裁剪功能,這是 github源碼 element-ui upload 組件 element-ui upload 組件上傳圖片,設置自動上傳,使用

原创 水平、垂直居中佈局大全

文章目錄水平居中佈局text-alignmargin + autofloat + margin autoposition + transform / marginflex + justify-contentdisplay - ta

原创 ES6 常用語法和開發總結(萬字長文)

文章目錄前言let 聲明 VS const 聲明解構賦值字符串新增方法正則表達式數值擴展函數數組對象Set 和 Map 數據結構SetMapProxy 攔截器ReflectPromiseAsync 函數ClassModule 模塊

原创 Vuex多模塊開發應用

Vuex多模塊開發應用Vuex多模塊開發應用背景使用 Vuex 的modulemodule 的命名空間的高級用法Vuex 使用的小技巧State倉庫字段太多怎麼維護 —— 使用函數使用mapState, mapGetters, m

原创 一枚菜鳥前端工程師月度工作總結

工作總結前言技術工作學習2019年的展望 前言 每個月進行工作總結,有利於自己回顧在這個月完成了什麼工作,有哪些地方做的好,想想還能不能做的更好;哪些地方做的不好遇到哪些問題,記錄下來,審視自己避免重蹈覆轍。以下從技術、工作、學習上來

原创 JavaScript系列之一 (數據結構)

JavaScript基礎數據結構JavaScript數據類型JavaScript數據類型分類基本類型Null類型Undefined類型Number 類型String 類型Boolean類型類型轉換引用類型Array類型Object數據

原创 Android通過JSON數據格式和java服務後臺進行數據交互

Android和JAVA後臺實現數據通信前言項目介紹目錄結構介紹功能介紹登陸功能特別重要網絡請求封裝類註冊功能列表顯示功能 前言 進行綜合設計的時候,要求做個javaweb項目並掛到服務器上,與此同時在Android上通過訪問後臺接口

原创 手動實現一個js的call, apply, bind, instanceof方法

手動實現js的call, apply, bind, instanceof方法call方法apply方法bind 方法 call方法 /** * 實現一個caLl方法 */ Function.prototype.mycall =

原创 webpcak4.0入門配置

webpack4.0入門配置 1、首先npm install webpack webpack-cli webpack-dev-server -g (mac電腦用超級管理員的形式進行安裝需要前面加上sudo,Windows 電腦不用

原创 Compass用法指南

作者: 阮一峯 日期: 2012年11月29日 幾個月前,我介紹了Sass的用法。 Sass是一種”CSS預處理器”,可以讓CSS的開發變得簡單和可維護。但是,只有搭配Compass,它才能顯出真正的威力。 本文介紹Compa

原创 vue-cli + webpack + sass 搭建一個工程化項目

環境安裝 1、首先安裝 node的環境,官網地址這裏 檢查是否安裝成功 node -v //node的版本 npm -v //npm是node的包管理器 如果出現 “ 不是內部或外部命令,也不是可運行的程序 或批處理文件。”需要

原创 WEB前端性能分析--工具篇

在線網站類: WebPageTest 說明: 在線的站點性能評測網站,地址http://www.webpagetest.org/ 補充: 其實這網站也是個開源項目,所以支持自己搭建一個內部的測試站點 ShowSlow 說明: sho