原创 React入門9-彈窗組件
react 中 可以通過 react-dom中的 createPortal來定義傳送門。 import React, { Component } from 'react' import {createPortal} from 'reac
2019-09-06 09:32:11
原创 數據結構-隊列
1.實現隊列(enqueue 入隊, dequeue 出隊, head 返回頭, tail 返回尾 size, clear, isEmpty) class Queue { constructor() { this
2019-08-23 09:45:26
原创 數據結構-棧
1. 實現棧[push, pop, top, size, clear, isEmpty] /** * 數組實現棧[push, pop, top, size, clear, isEmpty] */ class Stack {
2019-08-23 09:45:26
原创 vue源碼分析
1. 獲取vue源碼地址 項目地址：https://github.com/vuejs/vue 遷出項目： git clone https://github.com/vuejs/vue.git 當前版本號：2.6.10 2. 文件目錄 3
2019-08-07 09:51:57
3
原创 JavaScript 和 CSS 常用工具方法封裝
JavaScript 和 CSS 常用工具方法封裝 因爲工作中經常用到這些方法，所有便把這些方法進行了總結。 JavaScript 1. type 類型判斷 isString (o) { //是否字符串 return O
2019-08-01 14:20:11
4
原创 canvas-小遊戲-控制人走向
實現效果：通過鍵盤的上下左右鍵控制人的走動？ 代碼實現： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <st
2019-07-30 09:17:12
原创 canvas碰撞檢測-圓
問題：實現一個鼠標移到圓內則北京變黃，鼠標離開圓的背景變回之前的形態的效果？ 思路： 鼠標移動的事件中，獲取距離context的左邊和上邊的距離，ev.offsetX； ev.offsetY，他們距離圓心和差開方就可以獲取到圓心的距
2019-07-18 14:28:23
原创 React入門5-如何創建 refs?
爲什麼 String Refs 被棄用? 如果你以前使用過 React，你可能會熟悉舊的 API，其中的 ref 屬性是字符串，如 ref={'textInput'}，並且 DOM 節點的訪問方式爲this.refs.textInput。
2019-07-18 14:28:23
原创 canvas實現一個pie
1. 效果圖 2. 具體實現 這裏面會設計到數學的知識，如三角函數，弧度和角度的轉換等，需要注意的是： 數學的0°從12點開始，弧度0是從3點開始。 代碼： <!DOCTYPE html> <html> <head>
2019-06-26 15:34:46
原创 gulp4.0入門, 看這一篇就夠了
前言 之前我們講了gulp3.0， 這篇引入gulp4.0， 4.0相比3.0有一些改變的地方： gulp3.0壓縮順序默認是順序執行的，4.0引入壓縮並行的處理方式： gulp.series|4.0 依賴順序執行 gulp.para
2019-06-25 11:11:50
原创 gulp3.0入門, 看這一篇就夠了
1.Gulp和Webpack的基本區別 gulp基於‘流’； webpack基於‘萬物皆爲模塊’： gulp可以進行js，html，css，img的壓縮打包，是自動化構建工具，可以將多個js文件或是css壓縮成一個文件，並且可以壓縮爲一行
2019-06-22 10:42:39
原创 Dart教程-1.vscode配置dart開發環境
1. Dart sdk下載和環境配置 下載地址：http://www.gekorm.com/dart-windows/ 下載完成後安裝並配置環境變量： 替換安裝後的Dart sdk. cmd運行: dart --version. 出現
2019-06-20 11:30:58
20
原创 移動webapp適配方案--rem
1.rem rem 就是根據網頁根元素「html」來設置字體大小 這有什麼用呢？這是移動 webapp 的最佳的適配方案「目前來說」，既然說是最佳的適配方案，那肯定還有別的適配方案，先看看都有那些適配方案吧 1、viewport縮放「
2019-06-10 14:51:35
原创 vue使用粒子效果particles.js的內存泄露問題
1.vue中使用particles.js 效果： 代碼實例: <template lang='pug'> #c-animate .c-background__content .c-bac
2019-06-10 14:51:35
1
原创 一個canvas實現的畫板
1.實現效果 2.上代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>一個canvas實現的畫板</title>
2019-06-10 14:51:35