原创 Vue2在實際項目中的應用——公共組件介紹

這個公共的庫在項目中是通過dependencies引入進來的: "dependencies": { 。。。 "frontend-library": "git+https://git.com/Frontend/librar

原创 Vue2在實際項目中的應用——程序入口啓動

由於一個項目中要build出來幾個訪問端口,所以會有幾個對應的main-xxx.js。 main中主要乾的幾件事: 1)加載各種庫,包括element-ui和通用的library 2)判斷是開發環境還是生產環境,進行不同的初始化過程 1)

原创 Vue2在實際項目中的應用——前端工具,js框架以及庫介紹

前端的工具就是webpack2,做了以下幾點優化 1)加入了StyleLintPlugin,對scss進行格式進行檢查 2)使用HappyPack,ParallelUglifyPlugin進行build的速度優化 3)使用ContextR

原创 Vue2在實際項目中的應用——模塊劃分以及路由配置

整體項目模塊的劃分以業務邏輯爲主,不按照vue組件類型進行劃分。按照組件類型劃分會很難維護,降低查找文件的速度。 下面以系統管理舉例: 系統管理在UI上是一個一級菜單,下面會有三個二級菜單,包括審計,消息管理和發佈者管理。所以直接映射到

原创 Vue2在實際項目中的應用——命名規範概覽

vue的官方網站現在有了一個風格指南(https://cn.vuejs.org/v2/style-guide/),當時寫這個項目的時候,這個指南還不是很完整,所以項目並沒有完全遵循這個指南。指南終究是指南,也沒必要完全遵循,只要項目組內大

原创 用Vue&ElementUI Upload組件實現自定義順序上傳

產品要求: 最多選擇100個文件 每張圖最大2M 需要給出每張圖上傳的結果:成功從列表中刪除,失敗提示網絡錯誤,大於2m也需要提示 支持重試 遇到的問題: upload組件不支持多文件順序上傳,如果一次性上傳100張圖,壓力有點大 不支持

原创 Prototype框架源碼分析彙總

Prototype 學習——Prototype對象 Prototype 學習——工具函數學習($方法) Prototype 學習——工具函數學習($A方法) Prototype 學習——工具函數學習($w,$F方法)

原创 ES2018: RegExp named capture groups

ES2018: RegExp named capture groups[2017-05-15] dev, javascript, esnext, es2018, regexpThe proposal “RegExp Named Captu

原创 ES6學習系列目錄

1.  ES6學習——ES6背景介紹 2.  ES6學習——環境搭建 3.  ES6學習——新的語法        3.1  塊級作用域(Block-Scoped)                 3.1.1 塊級作用域概述    

原创 ES6學習——新的語法:Symbol private類屬性

ES6本身並沒有提供class屬性的私有(private)還是公有(public)的特性,以前要實現類屬性的私有化,一般可以通過下面這種方法進行模擬: function Person(name) { var _name = nam

原创 Vue中實現簡單的AOP

有個簡單的需求,需要在前端記錄用戶的一些行爲,聯想到Java中可以用annotation加攔截函數調用實現,試着在JS中看看能不能也這樣實現。 annotation或者decorator的功能在JS中還處在草稿階段,但是通過Babel的

原创 H5頁面中有關視頻的一些問題

1)在紅米3或者note3中,用戶上傳視頻通過URL.createObjectURL生成blob url進行預覽,會出現黑屏,不能播放的問題,這是瀏覽器內核的一個bug,具體參考: https://bugs.chromium.

原创 金融數據類——國內貴金屬

國內貴金屬主要從銀天下獲取的,下面列出一些資產對應的URL,直接返回的JSON格式數據: 上海黃金au(t+d) 黃金延期(http://api.baidao.com/api/hq/npdata.do?ids=101)上海白銀ag(t+

原创 AngularJS在實際項目中的應用系列目錄

1,項目目錄結構概覽 2,命名規範概覽 3,前端工具介紹 4,前端js框架以及庫介紹 5,模塊劃分 6,模塊路由 7,程序入口啓動 8,Controller層介紹 9,Service層介紹 10,移動端設計 11,動態模塊切換設計 12,

原创 一道常被人輕視的前端JS面試題

http://www.cnblogs.com/xxcanghai/p/5189353.html 前言 第一問 第二問 變量聲明提升 函數表達式 第三問 第四問 第五問 第六問 構造函數的返回值 第七問 最後