原创 ReactNative: Android與iOS平臺兼容處理

方法一： 創建不同的文件擴展名：*.android.js *.io.js 方法二： import { Platform } from 'react-native'; if (Platform.OS === 'android') {

2019-11-30 14:44:52 1

原创 前端技術之：Vue.js應用回退或刷新界面時提示用戶保存修改

在實際應用中，運營人員在編輯數據時不希望因不小心點擊了瀏覽器的回退或刷新按鈕導致花費了很長時間編輯的數據丟失。可以採用以下兩種手段防止運營編輯時丟失數據： 在運營人員刷新頁面或回退時，自動保留數據至瀏覽器端本地存儲，在重新進入編輯頁面時再

2019-11-25 15:03:04

原创 服務安全之： CAS服務的本地搭建方法

瀏覽器中打開以下鏈接：https://github.com/apereo/cas-overlay-template/tree/5.3從此代碼倉庫中下載或者checkout相應版本的代碼，並切換到代碼的主目錄。假定CAS服務所使用的域名爲ca

2019-11-19 15:21:14 3

原创 服務安全之：JWT

   JWT是JSON Web Tokens的縮寫。既然叫JSON Web Tokens，所以JWT Tokens中真正包含的是多個JSON對象。爲什麼是多個JSON對象呢？因爲SWT Token實際上是由三部分組成，其中有兩部分是JSON

2019-11-15 15:17:53

原创 前端技術之：如何在vuex狀態管理action異步調用結束後執行UI中的方法

一、問題的起源 最近在做vue.js項目時，遇到了vuex狀態管理action與vue.js方法互相通信、互操作的問題。場景如下圖所示： 二、第一種解決方法 例如，我們在頁面初始化的時候，需要從服務端通過API接口獲取數據，數據獲取成功前需

2019-11-08 08:05:25 1

原创 前端技術之：如何創建一個NodeJs命令行交互項目

方法一：通過原生的NodeJs API，方法如下： #!/usr/bin/env node # test.js var argv = process.argv; console.log(argv) 通過以下命令執行： node test.j

2019-11-07 09:45:42 1

原创 前端技術之：通過plop生成Controller的方法與步驟

Controller的生成 開發者可以通過plop命令生成各種類型的控制器類（Normal、Restful、View）, 以下是示例生成步驟。 執行以下命令： plop controller 複製代碼 此時控制檯輸出： ? controll

2019-11-06 09:15:23 1

原创 前端技術之：如何通過類的屬性獲取類名

class A { constructor(a, b = 'bbb', c = 1) { this.a = a; this.b = b; this.c = c; } } 獲取類的原型對象constructor

2019-11-05 09:45:41

原创 前端技術之：命令模塊及其執行方法

一、創建一個命令模塊1、package.json { "name": "@uad/nat-cli", "version": "0.0.2", "description": "Demo", "main": "index.js"

2019-11-04 21:45:50

原创 前端技術之：如何在Vue中使用clipboard.js複製服務端數據

第一步 創建點擊對象頁面元素，並綁定業務數據。 <el-button type="text" size="mini" class="copy-button"   :data-resource-type="scope.data.resour

2019-10-31 08:35:19

原创 前端技術之：JSON.stringfy詳細說明

JSON.stringify() 語法JSON.stringify(value[, replacer[, space]]) value 被序列化爲字符串的對象 replacer 根據類型不同，其行爲也不一樣。如果是一個

2019-10-29 08:05:22

原创 前端技術之：如何在控制檯將JS class實例輸出爲JSON格式

有一個類： class Point { constructor(x, y) { this.x = x; this.y = y; } } 如果我們在控制檯中輸出其實例： console.log(new Point(10

2019-10-28 09:35:25

原创 前端技術之：如何運行使用了ES（import）的node程序

方式一：在package.json文件的scripts域中，配置以下的命令："start": "cross-env NODE_ENV=dev node -r esm server/index.js”這行命令的重點在於node命令的-r參數，

2019-10-25 09:55:34

原创 前端技術之：JavaScript Test 斷言庫

expect聲稱可以寫更好的斷言。https://github.com/mjackson/e... chai可以寫BDD樣式的斷言，也可以寫TDD樣式的斷言，可用於Node.js與瀏覽器端，可以與任何測試框架集成。https://githu

2019-10-23 08:25:30

原创 前端技術之：JavaScript測試工具

Mocha一個用於Node.js與瀏覽器端的簡單、自由、有趣的JavaScript測試框架。https://mochajs.org/https://github.com/mochajs/mocha Jest一個令人愉悅的JavaScript

2019-10-22 10:05:38