原创 vue總結---總結vue知識體系之實用技巧

vue 作爲目前前端三大框架之一,對於前端開發者可以說是必備技能。那麼怎麼系統地學習和掌握 vue 呢?爲此,我做了簡單的知識體系體系總結,不足之處請各位大佬多多包涵和指正,如果喜歡的可以點個小贊!本文主要講述一些vue開發中的實用技巧。

原创 vue總結---總結幾個vue-router的使用技巧

SPA(single page application):單一頁面應用程序,只有一個完整的頁面;它在加載頁面時,不會加載整個頁面,而是隻更新某個指定的容器中內容。單頁面應用(SPA)的核心之一是:更新視圖而不重新請求頁面;vue-rout

原创 總結幾個webpack打包優化的方法

爲什麼要優化打包? 項目越做越大,依賴包越來越多,打包文件太大 單頁面應用首頁白屏時間長,用戶體驗差 我們的目的 減小打包後的文件大小 首頁按需引入文件 優化 webpack 打包時間 優化方式 1、 按需加載 1.1 路由組件按需加載

原创 vue基礎1---input\select\is(is解決組合標籤渲染錯位)

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-widt

原创 圖片的壓縮---使用canvas進行壓縮2

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-widt

原创 圖片的壓縮---使用canvas進行壓縮(簡潔版)

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-widt

原创 webpack--總結18個webpack插件,總會有你想要的

何爲插件(Plugin)?專注處理 webpack 在編譯過程中的某個特定的任務的功能模塊,可以稱爲插件。 Plugin 是一個擴展器,它豐富了 webpack 本身,針對是 loader 結束後,webpack 打包的整個過程,它並不直

原创 vue總結---vue知識體系之高級應用篇

vue 作爲目前前端三大框架之一,對於前端開發者可以說是必備技能。那麼怎麼系統地學習和掌握 vue 呢?爲此,我做了簡單的知識體系體系總結,不足之處請各位大佬多多包涵和指正,如果喜歡的可以點個小贊!本文主要講述一些vue開發中的幾個高級應

原创 vue總結----vue知識體系之基礎入門篇

vue 作爲目前前端三大框架之一,對於前端開發者可以說是必備技能。那麼怎麼系統地學習和掌握 vue 呢?爲此,我做了簡單的知識體系體系總結,不足之處請各位大佬多多包涵和指正,如果喜歡的可以點個小贊!     Vue 的優缺點是什麼 優點

原创 JavaScript設計模式1--工廠模式、單例設計模式、建造者設計模式

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>設計模式1</title>     </head>     <body>  

原创 JavaScript設計模式3---代理設計模式、責任鏈設計模式、命令設計模式

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>JavaScript設計模式3</title>     </head>   

原创 JavaScript設計模式2--裝飾器設計模式、適配設計模式、外觀模式、享元設計模式

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>JavaScript設計模式</title>     </head>   

原创 前端模擬數據---mockjs

源於https://gitee.com/vsdeveloper/heima_76 使用步驟:基於vue下使用mockjs 一:安裝依賴 安裝mockjs: npm install mockjs 安裝axios :npm install a

原创 vue3.0 Composition API 初識 綜合版本(基本新特性+生命週期)

本篇是基於vue2.0平臺,安裝 npm install  vue-function-api --save 最近新出的是@vue/composition-api   ,安裝npm install @vue/composition-api

原创 JavaScript設計模式4---迭代器模式、備忘錄設計模式、觀察者模式

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>設計模式4</title>     </head>     <body>