原创 微信小程序h5頁面分享設置

前言(廢話): 最近開發新項目,因爲公司希望能在開發完h5後順便吧微信小程序也上了,但是人力有限,只能做到h5,開發小程序壓根做不到,只能投機了, 我真是個機靈鬼。。。 然後我就看API,咦,賊拉簡單,一。使用web-view標

原创 git 合併指定文件到當前分支

前言,最近接到領導通知,說要將上一週完成的功能代碼合併到另外一個分支上。然後我就切換目標分支,發現代碼的提交記錄已經滯後了很多,又不能將代碼全部合併過來,就只能研究如何將部分代碼合併過來。話不多說,擼起袖子加油幹… 操作 gi

原创 微信支付又一次成功的教我做人

時間過得飛快,轉眼間從業前端已經有些年頭了,見了太多的場景,意想不到的的錯誤,以爲自己足夠成熟和冷靜的時候,支付再一次教了我一回,怎麼做一個人。。。 事情的經過大致是這樣子的,公司有一個h5新項目,然後再開發的時候需要對接支付。

原创 mysql學習之安裝配置

數據庫的作用 存儲大量數據,方便檢索和訪問 保持數據信息一致性,完整性 共享和安全 通過組合分析,產生新的有用的信息 數據庫基本概念 實體 只要是在客觀世界存在的,可以被描述出來的都是實體 數據庫(DB) 就是數

原创 react服務端渲染之環境搭建

react服務端渲染 說明 近期一直想看看react項目ssr到底是怎麼做的,最近一直在學習,研究如何從零到一的實現react的服務端渲染,並將整個過程的代碼整理出來,作爲參考 react項目重構 項目中使用了koa和exp

原创 react-ssr之redux使用

作爲全家桶之一,必須要有啊。必須的必啊 安裝redux(這個我就不說了,自己去npm找) 倉庫的基本配置 在src目錄下新增store目錄 在store目錄下創建index.js, actions-types.js ac

原创 vue 圖片上傳,圖片預覽

因爲項目是vue+vant,這裏圖片預覽直接使用vant的組件,不做多餘的封裝 html 結構 主要選擇圖片按鈕,圖片預覽區, 選擇圖片的input <div class="img-upload"> <ul cla

原创 es6 之 new Function

恩麼麼,有一種這樣的場景,隨着開發的場景越來越多,我們很多時候需要動態幾算,以前只要把函數封裝好就可以用了,有沒有考慮過講方法也動態封裝呢。。。 怎麼說呢,大神就是大神,很多我還沒用到的東西別人已經實現了,最近剛好用到… ne

原创 配合使用redux-thunk

假設需求,我們值home頁面需要加載用戶列表 首先修改服務器, 這裏主要是給幾個假數據,在請求接口的時候使用 // 1.在src下新建api目錄 // 2. 在src/api目錄下 新建server.js, 內容如下 cons

原创 react-ssr之node代理

src/server/index.js 中配置代理 主要借用 httpProxy 插件實現 const Koa = require('koa2') const _ = require('koa-route'); const h

原创 react-ssr之事件綁定

沒有處理事件的頁面是不完整… 這裏使用一個計數器的demo來展示如何實現事件綁定…. 主要需要兩個步驟,抽離配置,頁面引入我們寫好的計數器腳本 抽離webpack配置文件,單獨打包server端和client端 webpac

原创 react-ssr之路由配置

凡事都是現有1,再有2,然後有100… 我們處理好了事件綁定,那肯定還是需要路由配置的,話不多說,擼起來 新增路由文件 在src目錄下新建router.js /** * @desc 這裏是最基本的路由配置 * 只有兩個頁面

原创 設計模式之適配器模式

適配器的定義 將一個類的藉口轉換爲用戶希望的另一個接口。適配器模式,讓那些接口不兼容的類的可以一起工作 適配器模式別名: 包裝模式, 它即可以作爲類解構模式,也可以使用對象解構模式。 在適配器模式定義中所提及的接口是指廣義的接口,它

原创 設計模式之裝飾器模式

裝飾器模式的定義 裝飾器模式(decorator pattern):允許向一個先有的對象增添新的功能,同時又不改變其解構。 裝飾器模式的優點 裝飾器模式與繼承關係的目的都是要擴展對象的功能,但是裝飾器模式可以提供比繼承更多的靈

原创 設計模式之單例模式

單例對象的類只能允許一個實例存在。 思路 有一個引用類對象 這個對象實例永遠只有一個 實現的基本步驟: 將構造函數定義爲私有函數,這樣其他處的代碼就無法通過調用該類的構造方法來實例化該類的對象,只有通過該類提供的靜態方法來得到