原创 關於mac npm 全局設置問題

在命令行中創建一個文件.npm-global,把這個文件作爲全局安裝的文件夾 mkdir ~/.npm-global 設置路勁 npm config set prefix '~/.npm-global' 在~目錄下打開或者創建

原创 js中的宏任務和微任務

我們都知道,javaScript 是單線程的; 瀏覽器 通過拿到 j s 代碼 傳遞給 js引擎 去執行, 引擎按順序執行,這也就是宿主任務, 宿主任務:通過瀏覽器 去傳遞給js引擎去執行的任務; 當然 js 也可以通過 api

原创 實現一個 微信小程序 模板生成腳手架

想要做什麼: 通過腳本的方式創建 小程序項目模板 通過交互的方式輸入配置項 如:mp-wx-cli init 思路: 拿到終端的 輸入 key 得到key 之後複製準備好的模板 更改 json 文件中的配置項,如工程名,appid 選擇基礎

原创 封裝一個js下載文件的工具

import moment from 'moment'; const ajax = (url, options = {}) => { window.URL = window.URL || window.webkitURL; re

原创 一個比較有意思的縮放旋轉實現

function setGesture(el){ var obj={}; //定義一個對象 var istouch=false; var start=[]; el.addEventListener("tou

原创 useContext

接收一個 context 對象(React.createContext 的返回值)並返回該 context 的當前值。當前的 context 值由上層組件中距離當前組件最近的 <MyContext.Provider> 的 value pro

原创 js數組快速排序實現

var quickSort = function (arr) { if (arr.length <= 1) {//如果數組長度小於等於1無需判斷直接返回即可 return arr; }

原创 一個強大的react圖片預覽 react-images 組件

import React, { useState, useEffect } from 'react'; import Carousel, { Modal, ModalGateway } from 'react-images'; co

原创 js 取差集

// 取差集 const differenceSet = selectProductList.filter(ea => reallySelectedRows.every(eb => eb.skuId !== ea.skuId))

原创 關於小程序自定義組件observer 頻繁觸發導致內存溢出

組件 使用 observer 的目的是 組件某一個屬性改變,獲得監聽,處理想要的數據。 但是,直接改變 properties 下的屬性 可能存在內存溢出的情況,這個時候可以考慮,重新給組件掛載一個值, ... properties: {

原创 win下安裝mongodb

下載鏈接:https://www.mongodb.org/dl/win32 解壓壓縮包 安裝 你想要的安裝的位置 在F 盤在創建一個數據庫 testData testData 下 創建 logs\mongo.log dbpath=F:

原创 js中的~~的妙用

~ : 用於對一個二進制操作數逐位進行取反操作 第 1 步:把運算數轉換爲 32 位的二進制整數。 第 2 步:逐位進行取反操作。 第 3 步:把二進制反碼轉換爲十進制浮點數。 ok 說了那麼多挺費勁的,不過在開發中 有個妙用 ~~它代

原创 react Hook 一些用法

useState import React, { useState } from "react"; function App() { const [obj, setObject] = useState({ count: 0,

原创 React.memo

React.memo 爲高階組件。它與 React.PureComponent 非常相似,但它適用於函數組件,但不適用於 class 組件。 function MyComponent(props) { /* 使用 props 渲染 */

原创 封裝了一個react下拉刷新上拉加載組件

useState,useEffect,React.memo,Ts 使用等 import React, { useState, useEffect} from 'react' import { ListView, Icon } from '