原创 javascript用戶密碼加密,js密碼加密

今天總結幾種javascript用戶密碼加密的方法,雖然前端當中密碼加密不經常用,一般在後端加密之後存入數據庫。今天主要列舉一下前端js加密方法,以後可能也用得到!1、base64加密在頁面中引入base64.js文件,調用方法爲:   

原创 微信公衆平臺開發 -- 獲取 ACCESS TOKEN

一、Access Tokenaccess_token是公衆號的全局唯一票據,公衆號調用各接口時都需使用access_token。正常情況下access_token有效期爲7200秒,重複獲取將導致上次獲取的access_token失效。公

原创 VUE 地區三級聯動插件 v-Distpicker

V - Distpicker 地區選擇器 環境問題不多說,自己看文檔,主要講一下在實際使用過程中如何將下拉框的值賦值到對象屬性上. 文檔: https://distpicker.uine.org/ github: https://g

原创 this指向問題詳解

首先必須要說的是,this的指向在函數定義的時候是確定不了的,只有函數執行的時候才能確定this到底指向誰,實際上this的最終指向的是那個調用它的對象(這句話有些問題,後面會解釋爲什麼會有問題,雖然網上大部分的文章都是這樣說的,雖然在很

原创 HTML5事件—visibilitychange 頁面可見性改變事件

又看到一個很有意思的HTML5事件   visibilitychange事件是瀏覽器新添加的一個事件,當瀏覽器的某個標籤頁切換到後臺,或從後臺切換到前臺時就會觸發該消息,現在主流的瀏覽器都支持該消息了,例如Chrome, Firefox,

原创 原生Js實現複製功能的方法總結,execCommand和clipboardData的使用

原生Js實現複製(Copy)的兩種方法,一種是利用 clipboardData,另外一種則是用 execCommand(),今天將統一講解一下關於他們的使用方法。   document.execCommand 當一個HTML文檔切換到設計

原创 url的三個js編碼函數escape(),encodeURI(),encodeURIComponent()簡介

引子 瀏覽器URl地址,上網一定會用到,但是瀏覽器地址有中文或者瀏覽器url參數操作的時候,經常會用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。關於瀏覽器參數操作,請

原创 VUE實現打印功能的兩種方法

第一種方法:通過npm 安裝插件   1,安裝  npm install vue-print-nb --save 2,引入  安裝好以後在main.js文件中引入             import Print from 'vue-pr

原创 async/await 的執行順序

隨着async/await正式納入ES7標準,越來越多的人開始研究據說是異步編程終級解決方案的 async/await。但是很多人對這個方法中內部怎麼執行的還不是很瞭解,本文是我看了一遍技術博客理解 JavaScript 的 async/

原创 Swiper插件 loop:true時引發綁定dom的click事件無效及解決方案

現象 在使用 swiper 這個庫的時候,一旦設置 loop:true 的時候,有時會遇到 dom 綁定事件無法觸發的問題。 原因 當loop模式下slides前後會clone若干個slide,從而形成一個環路,但是卻不會複製綁定在dom

原创 React Router路由傳值的三種方法

一.props.params 官方例子使用React router定義路由時,我們可以給<Route>指定一個path,然後指定通配符可以攜帶參數到指定的path: 首先定義路由到UserPage頁面:   import { Router

原创 前後端數據交互,axios和jquery ajax的區別

axios作爲Vue生態系統中濃墨重彩的一筆,我學習這個東西也是花了一定的時間的。剛開始的時候,也是遇到了很多問題。 逐漸摸透了它的脾氣。 首先說說FormData和Payload兩種數據格式的區別: 先是提交一個FormData的請求試

原创 react打包之後有多餘文件的問題

打包之後還有config、node_modules、static、webpack等多餘文件。  解決辦法:   打開  =>  webpack.config.prod.js  找到   =>  devtool: shouldUseSour

原创 react 生命週期

在組件的整個生命週期中,隨着該組件的props或者state發生改變,它的DOM表現也將有相應的改變,一個組件就是一個狀態機,對於特定的輸入,它總會返回一致的輸出。 React爲每個組件提供了生命週期鉤子函數去響應不同的時刻——創建時、存

原创 React異步請求數據出現setState(...): Can only update a mounted or mounting component...

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on