原创 Ant-design CSS 打包優化

Ant-design CSS 打包優化 最近使用螞蟻金服的 ant-design-mobile 組件,下面記錄一下使用過程的問題。 官方安裝文檔如下 https://github.com/ant-design/ant-design

原创 package.json scripts 腳本使用指南

package.json scripts 腳本使用指南 Node 開發離不開 npm,而腳本功能是 npm 最強大、最常用的功能之一。本文介紹如何使用 npm 腳本(npm scripts)。 一、package.json scr

原创 使用C語言繪製一個笑臉smile

首先我們繪製一個簡單的例子 #include <math.h> #include <stdio.h> int main() { double a, b; for (b = 1; b >= -1; b -= 0.05, putc

原创 JS數組去重的幾種方法比較

數組去重分幾種情況:數組的項全部是數值;數組的項全部是字符串;數組的項全部是對象;數組的長度 1 indexOf 去重 let array = [1, 2, 4, 2, 3]; function unique(array) {

原创 Create React App 自動創建 SPA 項目

原文鏈接:https://create-react-app.dev/docs/getting-started Create React App is an officially su

原创 01 LeetCode 兩數之和(簡單題目)

題目:兩數之和 給定一個整數數組 nums 和一個目標值 target,請你在該數組中找出和爲目標值的那兩個整數,並返回他們的數組下標。 你可以假設每種輸入只會對應一個答案。但是,你不能重複利用這個數組中同樣的元素。 示例: 給定 num

原创 前端詞雲

現在很火的動態詞雲效果,自己也用JS做了一個簡易的詞雲,下面是實現效果和源碼。 下面是主要代碼,需要jquery庫。 <!DOCTYPE html> <html> <head lang="en"> <meta chars

原创 ssh: connect to host github.com port 22: Connection refused fatal: Could not read from remote 報錯解決

ssh: connect to host github.com port 22: Connection refused fatal: Could not read from remote repository。 今天 github

原创 貪吃蛇JS實現

網上看到可以使用原生JS實現貪吃蛇,JS代碼300行,下面是遊戲截圖。 廢話不多說,直接上代碼,HTML和CSS部分不分析。JS部分的功能說明在註釋中。 先放CSS代碼 body { background: rgb(102, 17

原创 超級瑪麗JavaScript實現(Super Mario JS recompiled)

前幾天用JS實現掃雷和貪吃蛇(通過HTML的DOM節點實現基本界面,界面背景簡單,交互簡單)。比較複雜的是植物大戰殭屍,不同的關卡設置單獨的函數,殭屍和植物使用不同的類名實現。 超級瑪麗通過canvas實現背景,交互很複雜,功能很多,JS

原创 掃雷JS實現

前幾天分析了貪吃蛇的JS前端實現方案,今天分析了掃雷的實現。 因爲掃雷單元格較多,獲取元素設置樣式頻繁,所以使用Jquery庫處理元素選擇部分。 下面是源代碼 function Cell(row, column, opened, f

原创 Resumable 文件分塊上傳

Resumable.js 提供多個同時上傳,穩定的可以撤銷的文件上傳(使用HTML的文件API) It’s a JavaScript library providing multiple simultaneous, stable

原创 React中使用LocalStorage用戶登錄

localStorage 通常用來存儲服務器發送的一些數據或者用戶自定義數據。localStorage 中的鍵值對總是以字符串的形式存儲。 (意味着數值類型會自動轉化爲字符串類型)。 與 cookie 相比,localStorag

原创 7月前端知識點總結

今天已經7月31號,簡單總結這個月的知識點和個人想法: 1、前端架構設計 view-model 分離思想:現在前端使用 React 框架。React 框架通過狀態驅動,父子組件之間通過 props 進行數據傳遞,組件內部使用 state

原创 ECMA7 新標準

日常項目中,ES5 ES6 的語法經常使用,一部分新標準和提案已經增加,這裏簡單總結一下。 ES7 array.includes(item) return bool ES8 Async Functions SharedArr