原创 瀏覽器在線預覽 PDF
此文章說明如何在瀏覽器上實現 在線預覽 pdf 文件，本教程使用 pdf.js 插件實現。 一、下載 pdf.js 百度雲地址：https://pan.baidu.com/s/1lgw-pxb6c_vJw9fLHPoPzg 提取碼：
2020-07-07 16:11:07
原创 Node 學習筆記
一. 第一個node服務器 var http = require('http'); http.createServer(function (request, response) { // 發送 HTTP 頭部 // HTTP 狀態
2020-06-30 02:41:42
原创 項目自動化構建工具 - gulp
gulp 是基於 node 實現 Web 前端自動化開發的工具，利用它能夠極大的提高開發效率。 使用gulp前需要安裝node，npm。 一、安裝gulp： 1、全局安裝gulp npm install gulp -g 2、局部安裝（項
2020-06-30 02:41:42
原创 微信小程序 - 暗黑模式（深色模式）
最近暗黑模式成爲了潮流，微信小程序也推出了暗黑模式適配，下面來記錄一個下適配暗黑模式。 效果圖： 一、實現 1、開啓暗黑模式 在 app.json 中配置 "darkmode": true // app.json { ..
2020-06-30 02:41:32
原创 瀑布流排版
此篇文章說明如何實現頁面瀑布流排版。 何爲瀑布流，先看看效果圖。 前言：在此之前，我閱讀過其他博主的瀑布流方案，多數人實現方案爲以下兩種： 方案1、在頁面渲染時按照奇偶數交替渲染在左右兩列中。 方案2、將請求到的數據按奇偶數分別向兩個數
2020-06-30 02:41:32
原创 Yarn - 安裝與基本使用
yarn是javascript庫的包管理工具。 yarn相對於npm具有 速度快、安全、穩定的特性。 一、安裝 安裝前先確認已安裝node.js，Node 版本支持: ^4.8.0 || ^5.7.0 || ^6.2.2 || >=8.0
2020-06-16 12:47:38
原创 狀態管理器 - MobX
MobX 是一個經過戰火洗禮的庫，它通過透明的函數響應式編程使得狀態管理變得簡單和可擴展。 React 和 MobX 是一對強力組合。React 通過提供機制把應用狀態轉換爲可渲染組件樹並對其進行渲染。而MobX提供機制來存儲和更新應用狀
2020-06-16 12:47:38
原创 propTypes 類型檢測
自 React v15.5 起，React.propTypes已移入另一個包中，需要引入prop-types庫使用。 如果沒有安裝，請執行以下命令安裝依賴： npm install prop-types --save 引入使用： im
2020-06-16 12:47:38
原创 javascript實現獲取中文漢字拼音首字母
今天分享一個日常開發中可能會用到的一個小功能，簡單說就是輸入中文漢字可轉換得到中文漢字拼音首字母。當然我可寫不出這樣的功能，源碼來自於其他民間大神的分享，博主在此記錄一下功能demo，方便日後複用，同時方便需要此功能的各位。 如下輸入名字
2020-06-07 16:02:01
原创 微信小程序 - 授權登錄和授權用戶信息總結
簡述：記錄 微信授權登錄 與 微信授權獲取用戶信息 一、微信授權登錄 用途：用於識別微信用戶的身份 流程： 1、小程序客戶端需請求官方接口獲取到 code ，並向開發者服務器提交 code wx.login({ success(re
2020-06-07 16:02:01
原创 微信小程序 - 菜單左右聯動示例
今天記錄一個個人寫的二級聯動示例。 下面是效果圖： 功能實現關鍵是使用控件scroll-view，下面直接上示例代碼。 頁面對應的js文件： Page({ data: { select_index:0, scr
2020-06-07 16:02:01
原创 React-Router 學習筆記
React Router 是一個基於 React 之上的強大路由庫，它可以讓你嚮應用中快速地添加視圖和數據流，同時保持頁面與 URL 間的同步。 不使用react-router時的路由跳轉方案： import React from 'r
2020-06-07 16:01:51
原创 狀態管理器 - Redux
Redux 是 JavaScript 狀態容器，提供可預測化的狀態管理。 Redux通常結合react一起使用，但除了react還可以與其他框架一起使用，如：angular、vue等； 一、安裝 npm install redux -s
2020-06-07 16:01:51
原创 微信小程序 - 自定義tabBar
微信小程序默認的tabBar只能提供給開發者修改下顏色，然後就沒了。 有的人想要最求個性化的tabBar，比如想要在tab中間加一個巨大的掃碼按鈕，這是很常見的。那麼這時候，自定義tabBar就派上用場了。 做過小程序的應該都知道，定義默
2020-05-25 18:22:28
原创 css 預編譯處理器 - Less
Less 是三大css 預編譯處理器之一！ 一、基礎語法 1、變量 @test: red; // 定義變量 h1{ color: @test; // 引用變量 } // 編譯後 h1 { color: red; }
2020-05-22 09:12:38