原创 canvas刮刮卡遊戲開發

canvas刮刮卡遊戲開發 先看效果: 一.基礎知識-畫布元素的使用 1 繪製線條 思路 在頁面中添加畫布元素 獲取畫布元素的上下文環境對象 使用上下文環境對象繪製圖形,保存在內存中 繪製一個線條 //設置畫布的起始點

原创 vue路由懶加載辦法

前言 像vue這種(spy)單頁面應用,如果沒有使用到懶加載,webpack打包的文件過大,造成進入首頁時,加載的資源過多,時間過長,即使做了loading也不利於用戶體驗,而運用懶加載可以將頁面進行劃分,需要的時候加載頁面,可以

原创 面試準備之原生JS

一.數據類型 在javascript當中數據類型總共分爲兩類:基本類型和引用類型;基本類型是有6種分別是:null,undefined,boolean,number,string和symbol(es6新增,表示獨一無二的值,具體可

原创 JQ編程原理

案例:給元素添加自定義方法 普通寫法: // 1.封裝自執行函數給上面元素添加顏色的方法 (function(globel){ function Libary(selector,c

原创 項目中用到的特別函數封裝

判斷數組對象裏的值是否有空,如果有空彈框並返回true // 判斷簽到活動有沒有空字符串 const _this = this function isEmptyObj1(arr) {

原创 px一鍵全部自動轉換rem工具(pxtorem)

比如在iphone678中我們html的font-size設置爲16px(設置方法可看我移動開發文章),而設計稿寬度爲375(一般都是這個,谷歌瀏覽器手機模式控制檯打開也是這個),那就可以按圖示使用: 完整源碼:(直接創建htm

原创 ES6語法總結(我的第二版,比較完整版)

ES6相關 es6的新增的一些東西 一. let const的增加 1.let ES6中新增了用於聲明變量的關鍵字 a.具有塊級作用域 if (true) { let a = 10; } console.log(a

原创 SSR服務器端渲染(Next.js總結和豆瓣電影項目)

一.前言 先解釋一下Nuxt.js和Next.js雖然只有一個字母之差,但它們是不同的兩個服務端渲染框架. 什麼是Next.js? 引用Next中文官網的一句話: Next.js 是一個輕量級的 React 服務端渲染應用框架。

原创 工作工具之-函數封裝-繼續補充篇

繼續補充 class OtherFn { /** * [deepClone 深度克隆] * @param {[type]} obj [克隆對象] * @return {[type]}

原创 vscode開發工具設置

下載setting sync插件,登錄github賬號; 花姐id:d6ec2acfbb7fd148460e57cbe4729557 設置過程: 我的vscodeid:9296fc120b18f09fc7c3b4f90f254a6

原创 工作工具之-函數封裝-string篇

string class StringFn { /** * 去除空格 * @param {str} * @param {type} * type: 1-所有空格

原创 工作工具之-函數封裝-dom篇

DOM class DomFn { $ (selector){ var type = selector.substring(0, 1); if (type === '#') {

原创 react 原生上傳方法

react 原生上傳方法 import React, {Component} from 'react'; class FetchUpload extends Component { constructor(props)

原创 react-native打包apk文件(同時附flutter打包教程)

首先,在rn環境都配好的基礎下,直接在cmd(哪個目錄無所謂)執行下面命令: keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -ke

原创 工作工具之-函數封裝-base64篇

base64 function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmno