原创 requestAnimationFrame實現js防抖

timer.js const hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';

2020-07-08 09:17:55 3

原创 js實現複製並能保留原格式粘貼

使用textarea能粘貼的時候保留原格式。 使用input粘貼的時候格式會丟失。 const input = document.createElement('textarea'); document.body.

2020-07-08 09:17:55 1

原创 css實現文字上下滾動輪播效果

效果圖： 人狠話不多，代碼如下： import React from 'react'; import styles from './notice.less'; class Index extends React.Component

2020-06-22 08:03:07 10

原创 node.js原生開發服務端項目之使用redis存儲session信息實現登錄

const http = require('http') const querystring = require('querystring') const redis = require('redis') const getCooki

2020-06-22 08:03:07 4

原创 Sequelize之Model模型定義

概念 模型是Sequelize中的重要部分。是數據庫表的一個抽象。在Sequelize中，模型是一個繼承了Model的類。 Sequelize中每個模型都有一個名字，這個名字可以不用與數據庫表名字相同。默認情況下，數據庫表名字是模型名字的

2020-06-22 08:02:56 5

原创 解決ios滑動穿透問題

function closest(el, selector) { const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSele

2020-06-22 08:02:56 1

原创 nginx知識雜記

Mac下nginx的配置文件默認的路徑： /usr/local/etc/nginx/nginx.conf 找到上述路徑下的nginx配置文件，打開： user lizuncong owner; worker_processes 1

2020-05-21 19:14:53

原创 React 16.13.1使用useState時會執行兩次render的問題

示例使用typescript編寫一個簡單的hello 新建一個Hello.tsx組件： import React, {useState} from 'react' interface IHelloProps { messag

2020-05-11 09:38:42

原创 使用express-jwt生成token的demo

const express = require('express') const jwt = require('express-jwt') const jwtSign = require('jsonwebtoken') const co

2020-04-19 05:35:54

原创 Sequelize之Model實例

Model實例 model就是個ES6的class。model的每個實例都是這個model的一個對象，映射到數據庫表中的一行。 創建一個Model實例 儘管model是個類。但是不能直接通過new創建實例，應該通過build方法。 co

2020-04-13 20:15:34 5

原创 node.js原生開發服務端項目之使用本地node.js變量存儲session信息實現登錄

使用session實現登錄的思路： 1.服務端收到客戶端請求，解析請求頭獲取sessionId。 2.如果sessionId不存在，則生成一個唯一的sessionId，生成sessionId的規則可以根據自己需要設置，這裏使用時間戳+隨機

2020-04-13 20:15:34

原创 js壓縮圖片到指定大小

需求：前端上傳圖片的時候通常需要提供指定大小以內的圖片。比如不大於500KB。 思路：利用canvas轉blob的時候通過quality控制圖片質量，達到壓縮的目的。此方法有個缺點。只能對圖片格式爲jpeg或webp的圖片有效。因此壓縮的

2019-09-03 05:29:49 31

原创 css實現文字上下滾動效果，類似通知欄的效果

先看效果： 1.js文件： import React from 'react'; import styles from './notice.less'; const noticePng = require('../../../../.

2019-07-30 04:42:15

原创 IOS微信瀏覽器點擊input元素無反應以及輸入框輸入後頁面不回彈的問題

1.最近在開發微信公衆號網頁，發現在iOS中，input元素快速點擊的時候無法獲得焦點，雙擊或者觸摸屏幕的時候才能獲取焦點。安卓端沒有問題。一開始以爲是iOS微信瀏覽器的兼容問題。後來認真排查了下，發現是我在引入ant-mobile組件庫

2019-06-11 13:32:47

原创 css實現文字左右滾動效果

<div className={styles.rotaryContainer}> <div className={styles.rotaryBlockFirst}> 註釋：自2019年7月起，這是一段很長的文本文本文本文本文

2019-03-07 15:18:40 1