原创 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