原创 qiankun 源碼解析
微前端 微前端是一種多個團隊通過獨立發佈功能的方式來共同構建現代化 web 應用的技術手段及方法策略。將單頁面前端應用由單一的單體應用轉變爲多個小型前端應用聚合爲一的應用。各個前端應用不限制技術棧，可以獨立開發、獨立部署、獨立運行時狀態隔離
2022-11-24 14:04:20
原创 js中target，currentTarget和relateTarget
target: 返回觸發事件的元素 currentTarget: 返回綁定事件的元素 relateTarget: relatedTarget 事件屬性返回與事件的目標節點相關的節點。 例如： 對於 mouseover 事件來說，該屬性是鼠標
2020-06-15 04:10:22
原创 JS中DOM事件
我們在瀏覽網頁時，點擊鼠標或者按下鍵盤時，網頁需要給我們一個相應的事件，而這種相應事件就是JavaScript與HTML進行交互，JavaScript是通過事件與HTML進行交互的。 JavaScript中事件有很多種，我們這裏就直接把他包
2018-12-18 13:55:33
原创 jQuery實現拖動效果
本文將實現一個拖動效果，具體的效果類似qq客戶端在桌面上任意位置拖動。 1.首先是HTML部分 <style> *{margin: 0;padding: 0;} html,body{ height: 100%;//保證獲取body的
2018-12-13 13:44:42
原创 JS中的閉包
閉包是JS中的一個重要的概念，在模塊封裝，保存變量中有着重要的作用，掌握閉包在前端開發中佔着非常重要的角色。在瞭解閉包之前我們需要了解一下JS的垃圾回收機制和作用域。 一、垃圾回收機制 我們知道前端開發中，JS中最好不要存在過多的全局變量，
2018-12-13 13:44:42
原创 JS中apply與call
js中apply和call算是一個比較繞的方法，今天我就談談我對它們的理解，錯誤之處歡迎指正。 1，語法 /* call()方法 */ function.call(thisObj[, arg1[, arg2[, [,...argN]]]])
2018-12-13 13:44:42
原创 JS中Ajax入門
AJAX是網頁交互過程中，通過在後臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新，不必加載重複的內容，提高了交互速度。 一、XMLHttpRequest 事件
2018-12-13 13:09:11
原创 vue 高階組件必備知識$attrs，inheritAttrs，$listenters詳解
1，inheritAttrs介紹 vue默認情況下，父組件是可以直接給子組件的根元素添加class和style的，但是有時候我們可能需要在父組件上給子組件添加一些特性綁定(attribute bindings)(我的理解是自定義屬性和一些
2018-12-13 13:09:11
4
原创 JS跨域--H5 postMessage
window.postMessage是html5中新增了一個新的跨域方法，可以用它向其他window對象發送消息，即使不同源也是可以發送消息。 兼容性：目前IE8+、FireFox、Chrome、Opera等瀏覽器都支持 postMessa
2018-12-13 13:09:11
原创 JS中select下拉列表選中的值
select 元素可創建單選或多選菜單，能夠佔據很小的區域，卻包含很多的內容，在政府網站中使用率很高，今天就簡單談談select這個元素。 1.基本屬性 通常來說，我們用select元素來創建下拉列表，用option元素來定義列表中待選擇的
2018-12-13 13:09:11
原创 JS跨域--window.name
window.name跨域 在頁面在瀏覽器端展示的時候，我們總能在控制檯拿到一個全局變量window，該變量有一個name屬性，其有以下 特徵： 1）每個窗口都有獨立的window.name與之對應； 2）在一個窗口的生命週期中（被關閉前）
2018-12-13 13:09:11
原创 使用CSS3來製作各種loading
在網頁開發過程中，有加載的存在，就有loading的存在，在傳統網頁開發過程中，通常都是設計師設計loading樣式，做成gif的形式，這種方式固然很好，但是使用css3製作loading加載速度更加的快，樣式也便於控制。 製作loadin
2018-12-13 13:09:11
1