原创 Node.js生成圖形驗證碼--captchapng/ccap/trek-captcha

captchapng 是一個使用base64編碼,只能生成數字驗證碼的node模塊 使用npm安裝captchapng npm install --save captchapng 可以通過node.js的http模塊搭建服務器,設

原创 Canvas 基本用途

canvas標籤類似img,可以設置width屬性和height屬性,如果沒有設置,canvas畫布的默認寬高是300 * 150。canvas只有width和height這兩個屬性。 使用方法: <canvas id="can

原创 擁抱新的一年

2017的最後一刻,不管怎樣,好的壞的都已經過去,在即將來臨的2018年,我們需要做的就是好好努力,珍惜當下!加油! 點贊 收藏 分享 文章舉報 左岸16 發佈了79

原创 微信小程序客服消息解密

const crypto = require('crypto'); const decodePKCS7 = function (buff) { let pad = buff[buff.length - 1]; if (p

原创 前端開發小總結

減少多重if…else判斷 爲了後期測試調試方便,可以先分析業務,把多個if…else判斷分成下面幾個部分去分別判斷: 1. 空值判斷 2. 業務判斷 3. 狀態判斷 立即執行函數 var a = 2; (function

原创 談談JavaScript異步操作Promise

Promise是一個構造函數 var p = new Promise(function(resolve, reject) { // 異步操作 setTimeout(function() { cons

原创 flex佈局justify-content屬性和align-items,align-self屬性

justify-content(在父元素設置) 設置彈性盒子元素在主軸(橫軸)的對齊方式。 取值: justify-content: flex-start | flex-end | center | space-between

原创 寫在那時

前幾天去大學城裏找我的小曼琦聚聚,又見了一個一年多沒見的初中同學,她熱情招待我並帶我去到處玩,下午分別的時候仍堅持陪我搭地鐵一直到公交車站,在地鐵裏還把位置讓給我坐,笑着說起當年各種的點點滴滴,腦海中浮現出一幅幅溫暖的畫面。那麼多

原创 使用node.js生成後端可以拖動的拼圖驗證碼

使用npm包canvas在後端繪製一張背景圖片,然後在這張背景圖片中截取一部分作爲拼圖,讓用戶移動拼圖到正確的位置,同時將此拼圖所截取的區域用一個空白的區域覆蓋。 import express from 'express'; c

原创 前端工作總結

Redux學習 Redux是一個非常好的狀態管理器。 Promise 在使用promise時,如果使用new實例化一個Promise對象,傳遞的參數是一個函數,這時這個函數在new實例化時就已經執行了,這是需要引起注意的細節。所以

原创 開發PC端頁面佈局遇到的問題總結

Element.getBoundingClientRect() Element.getBoundingClientRect()方法返回元素的大小及其相對於視口左上角的位置。返回的對象包含一組只讀屬性——top, bottom, l

原创 JavaScript判斷滾動條是否滑動到頁面底部

判斷滾動條到底部,需要用到DOM的三個屬性值,即scrollTop、clientHeight、scrollHeight。 scrollTop爲滾動條在Y軸上的滾動距離。 clientHeight爲內容可視區域的高度。 scrollHe

原创 容易忘記的點

1.文字與icon對齊 一個<div>和一個<i>同一個層級 使用vertical-align: middle;可以豎直方向對齊 2.white-space用法 white-space屬性指定元素內的空白怎樣處理,默認值爲normal

原创 小程序開發

小程序開關選擇器switch 小程序默認的開關比較大,可以設置樣式修改開關的大小。 <switch class="pull-right" style="zoom:.8;" checked />

原创 React獲取底層DOM節點ref屬性

在React中,有時需要訪問底層DOM節點來執行一些命令式操作。 class Focus extends React.Component { constructor(props) { super(props) th