原创 PWA之 workbox 學習

前言:我們的應用可以分爲兩部分,一部分是屬於主進程的(包括js(同步,異步),以及dom渲染等等),在一個時刻點,只能執行一個,要麼先去渲染dom,完了再去執行js;要麼執行完js,在去渲染dom,而不能同時執行js和dom渲染。 另一部分

原创 webpack中如何加載靜態文件

前言: 對於非靜態的文件,如js,當webpack打包時,會被直接打到模塊文件中,如main.js,如果修改了,需要再次編譯而對於靜態文件,如jpg,svg等,我們不希望webpack去打包,只需要在build完後,直接放到dist下的某個

原创 <script> 屬性詳解

html元素及其屬性,相信大家都很熟悉,但是script的屬性,未必熟悉,故而整理總結,以待查閱。 前言 默認情況下,瀏覽器是同步加載 JavaScript 腳本,即渲染引擎遇到<script>標籤就會停下來,等到執行完腳本,再繼續向下渲染

原创 詳解vue中靜態資源的路徑問題(深度好文)

前言: node中的全局變量require 開始前,咱們先聊聊node中require的用法。 您可能覺得這有什麼,不就是直接require(url)直接引用嗎,如果您這麼想,那可就太小看require了。 let url = "@/ass

原创 React-Native從搭建環境到 發佈 APP 指北

開始前的話語: 1、由於andriod studio不易下載,並且佔用內存大,運行的AVD模擬器非常遲鈍。所以本文采用genymotion模擬器搭建,它更加輕量,運行更流暢。2、由於很多學習react的用戶,都是在windows電腦上開發,

原创 react中使用css的7中方式(應該是最全的)

第一種: 在組件中直接使用style 不需要組件從外部引入css文件,直接在組件中書寫。 import React, { Component } from "react"; const div1 = { width: "300px",

原创 如何將自己的前端代碼,部署到搭建的nginx服務器上?

第一步: 下載 nginx nginx download官網地址 下載後,將其解壓到 本地的任一目錄下。 此時我們可以看到有如下目錄: html路徑下放置我們前端 build好的代碼(如何build,相信各位都會),conf下有個非常重要的

原创 Vuex最完整的模塊定義

const state = { token: 0, username: "", }; const getters = { isLogin: (state, getter, rootState, rootGetter) => {

原创 深拷貝和淺拷貝-深度解析

前言 對於 數字,boolean 和 字符串 等基本類型 而言,賦值、淺拷貝和深拷貝無意義,因爲每次都會在堆中開闢一塊新的空間,指向新的地址。 一、賦值: 指向同一個地址,不拷貝。 var obj1 = {name:'圓', radius: