原创 讀《增長黑客》有感

前言 《增長黑客》作爲互聯網產品策劃必讀書籍,詳細介紹瞭如何讓產品發展更好,並列舉了各種案例和方法論。筆者作爲技術人員,閱讀《增長黑客》後整理筆記於此。忙碌的朋友們可以從本文看看是否有興趣和必要去拜讀下《增長黑客》。 什麼是增長黑

原创 Synergy client xxx has disconnected 解決方案

使用Synergy時出現disconnecting client “HIH-D-11537” NOTE: client “HIH-D-11537” has disconnected,等錯誤時。 解決方案: 配置服務端: 新增機器

原创 從0到1基於vue搭建後臺管理項目

本文主要內容是如何從0到1基於vue搭建一個後臺管理項目的前端工程。示例的代碼地址:https://github.com/tyuqing/vue-admin 1 創建項目 使用vue-cli3快速創建項目,具體的創建方法vue-c

原创 Grunt插件autoprefixer使用指南

在grunt安裝、配置和應用中,我介紹了幾種插件的使用。今天再介紹一個爲兼容各大瀏覽器自動添加前綴的插件autoprefixer。 要想使用它得先安裝 Browserslist caniuse-db num2fraction 等插

原创 前端全局替換圖片服務cdn的解決方案

前言 主要介紹下當我們的產品中依賴的某一個cdn如圖片服務下線後,有哪幾種方案來解決和處理這種情況。分別就手動代碼層替換、全局異常監控、樣式圖片資源處理、nginx映射修改和serviceworker的各種方法進行對比。 解決方案

原创 初步探究ES6之Proxy代理

ES6中提出了一個新的特性,就是proxy,用來攔截在一個對象上的指定操作。這個功能非常的有用。舉一個例子來說: var engineer = { name: 'Joe Sixpack', salary: 50 }; var i

原创 HTML5之File文件操作

本文主要就web中的文件操作進行整理。 file的屬性 首先看看input標籤選中的文件中可以通過javascript獲取的屬性。 最常用的應該就是name,type和size了。代碼如下: <body> <input

原创 初步探究ES6之字符串模板和剩餘參數,默認參數

本文介紹一下字符串模板以及剩餘參數,默認參數的概念以及使用。 先來說說字符串模板。 字符串模板 ES6中允許使用反引號 ` 來創建字符串,此種方法創建的字符串裏面可以包含由美元符號加花括號包裹的變量${varible}。如果你

原创 Webpack打包React報錯Unexcepted token

其根本原因在於我們使用大於6.0版本的babel時沒有正確下載完全。 babel升級後拆分了模塊 。你需要 npm install babel-loader babel-core babel-preset-es2015 bab

原创 Photoshop切圖

切圖,顧名思義,將圖片切成若干塊,以供web開發使用。 原始圖片如下: 直接使用切片工具 簡單的切圖工作我們可以直接使用切圖工具。 比如我們需要切出左上角第二張圖片。 首先我們選中切片工具: shift加鼠標拖動是構建一

原创 初步探究ES6之class類

類語法是ES6中新增的一個亮點特色。我們熟悉的javascript終於迎來了真正意義上的類。在之前,想要通過javascript來實現類,通常會採用如下構造函數的模式: function Person(name,age,job){

原创 初步探究ES6之箭頭函數

今天要介紹的是ES6中的箭頭函數。 語法 我們先來看看箭頭函數的語法: ([param] [, param]) => { statements } param => expression param 是參數,根據參數個

原创 vue技術棧前端建設方案

前言 主要介紹雲課堂前端在CRM系統的前端建設方面的經驗總結,方便其他前端人做技術選型,全棧工程師快速建站。本文適合對vue技術棧和前端工具化、工程化感興趣的朋友。 整體架構 CRM系統的服務端是基於node的,前端是以vue技

原创 Sublime2配置less2css插件教程

我們可以通過在Sublime2中集成less2css插件來完成less文件自動轉換成css文件的過程。 首先,我們在sublime下載中心下載:less2css插件 我們需要less2css插件來將less文件保存後自動生成css

原创 初步探究ES6之module模塊化

多人開發javascript時伴隨着命名衝突等問題,先後有了模擬塊級作用域、命名空間、模塊化開發等方法。 之前,模塊化開發一直是由第三方庫來模擬的,比較知名的有AMD規範和CMD規範。 兩個規範分別對應requirejs和seaj