原创 vue-router詳細介紹

寫在前面 用戶進行了交互操作,現在要對頁面內容進行變更,此時可以通過javascript進行動態替換DOM,但是其不便於分享、收藏,對於搜索引擎和用戶來說都是不友好的! 什麼是前端路由? ​ 根據不同的 url 地址展示不同的內容

原创 vue3 effect

從測試用例來學習vue3 effect 此次分享主要是 effect 這個 API 的一些功能、option 以及實現原理。 核心內容是 effect 如何做到跟蹤 reactive 內的變化的 測試用例 因爲 effect

原创 vue slot-scope和v-slot

vue中插槽的使用 一、什麼是插槽 官方解釋:元素作爲組件模板之中的內容分發插槽,傳入內容後slot 元素自身將被替換。 插槽就是子組件中的提供給父組件使用的一個佔位符,用<slot></slot> 表示,父組件可以在這個佔位符中

原创 Event Loop 是什麼

淺談Event Loop 從單線程說起 衆所周知,js是一種單線程語言。爲什麼是單線程呢?我引用一句爛大街的話:假設js同時有兩個線程,一個線程想要在某個dom節點上增加內容,另一個線程想要刪除這個節點,這時要以哪個爲準呢?當然,

原创 js 的一些簡寫

數組去重 Set() Set類似於數組,區別在於它所有的成員都是唯一的,不能有重複的值 function dedupe(array) { return Array.from(new Set(array)); } dedupe(

原创 flutter 入坑分享

簡介 Flutter 是 Google 推出並開源的移動端開發框架(基於「Dart」語言)。使用 Flutter 開發的APP可以同時運行在 IOS 與 Android 平臺上。並且 Flutter 默認帶有 Material 風

原创 ES6之Symbol和Map

Symbol es6中新增的一種數據類型,表示獨一無二的值 基本數據類型: String Number Boolean null undefined Symbol 引用數據數據類型: Object 創建: let s1 = Sym

原创 定時器 setTimeout & setInterval

setTimeout和setInteval是window對象上兩個主要的定時方法,他們的語法基本相同,但完成功能的卻是不同的。 settimeout方法是定時程序,也就是在到達某個指定時間後,執行什麼事。(執行一次就拉倒) se

原创 Rxjs相關介紹

Rxjs簡單介紹 RxJS 是 Reactive Extensions for JavaScript 的縮寫。是一個基於可觀測數據流的響應式編程的庫。 它是基於訂閱-發佈模式、觀察者模式與迭代器實現的。 響應式編程 響應式編程是

原创 微信小程序應用介紹

微信小程序介紹從以下幾方面 什麼是小程序?怎麼建立一個小程序? 小程序的頁面結構? 視圖層結構等? 組件之間如何通信? 頁面跳轉方式有哪些 生命週期? 小程序如何引入其他ui組件? 小程序 是什麼? 微信小程序,簡稱小程序,

原创 vue做seo優化

前言 先了解什麼是seo? 再瞭解搜索引擎蜘蛛的工作原理? seo爲啥對vue單頁面不友好? vue項目怎麼做seo優化? prerender-spa-plugin怎麼使用,以及它的工作原理 什麼是seo? SEO是由英文Se

原创 div水平垂直居中的方法

div水平垂直居中的方法 *方法1:使用JS實現:兼容全部的瀏覽器 <script type="text/javascript"> //->獲取當前屏幕的寬度和高度 var winW = docume

原创 原型鏈繼承

原型鏈繼承 簡單的原型繼承:列1 <script> function People(){ this.name="kk"; this.age="22"; } People.prot

原创 url 字符串截取

url 字符串截取 方法1 split字符串截取 function serilizeURL(url){ var rs=url.split("?")[1]; var arr=rs.split("&

原创 數組去重的幾種方法

數組去重的幾種方法 數組去重1 var ary1=[1,2,3,1,3,4,5,6,7]; //ary.splice(0,3);//4,5,6,7 刪除 ary1.splice(0,2,0); // 0,