贡献者374
粉丝0
説明 window.postMessage()方法可以安全地實現Window對象之間的跨域通信。例如，在一個頁面和它生成的彈出窗口之間，或者是頁面和嵌入其中的iframe之間。 通常情況下，不同頁面上的腳本允許彼此訪問，當且僅當它們源自的頁面共享相同的協議，端口號和主機（也稱為“同源策略”）。window.postMessage()提供了一個受控的機制來安全地規避這個限制（如果使用得當的話）。 一
昵称 毛瑞
1. v-model 指令 input v-model="text" / 上例不過是一個語法糖，展開來是： input :value="text" @input="e = text = e.target.value" / 2. .sync 修飾符 my-dialog :visible.sync="dialogVisible" / 這也是一個語法糖，剝開來是： my-dialog :vi
昵称 fjc0k
前言 現在的前端面試不管你用的什麼框架，總會問你這個框架的雙向綁定機制，有的甚至要求你現場實現一個雙向綁定出來，那對於沒有好好研究過這方面知識的同學來説，當然是很難的，接下來本文用160行代碼帶你實現一個極簡的雙向綁定機制。如果喜歡的話可以點波贊/關注，支持一下，希望大家看完本文可以有所收穫。 本文是在面試題：你能寫一個Vue的雙向數據綁定嗎？的基礎上仔細研究+改動，並添加了詳細註釋，而成的。
昵称 OBKoro1
簡介 一個利用html5的跨域api postMessage解決一個系統中，多個iframe跨域通信交互的js庫。 github地址 ：cross-domain 背景 最初公司只有一個系統來做銷售，隨着公司業務越來越多，搭建很多類似的系統（這些系統本來是沒有任何關係的，每個系統目前都非常複雜）。 由於目前公司戰略有調整，原來的銷售是針對某種產品，現在銷售工作要針對客户進行多產品的銷售促成，這樣一個
昵称 zhoutao
JSONP原理 JSON和JSONP JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。對於JSON大家應該是很瞭解了吧，不是很清楚的朋友可以去json.org上了解下，簡單易懂。 JSONP是JSON with Padding的略稱。它是一個非官方的協議，它允許在服務器端集成Scripttags返回至客户端，通過javascriptcallbac
昵称 zhoutao
隨着項目越來約龐大，導致構建包的時候速度緩慢！ 首先推薦使用wepback的可視化資源分析工具。以下給出webpack-bundle-analyzer配置【vue-cli構建項目時會自動配置好】 安裝webpack-bundle-analyzer 控制枱輸入npm/cnpm install --save-dev webpack-bundle-analyzer config/i
昵称 小野
工作中有個需求是小程序的網頁在關閉的時候，需要回傳給小程序一個參數 查閲小程序官方文檔，有這樣一個接口 wx.miniProgram.postMessage ，可以用來從網頁向小程序發送消息，然後通過 bindmessage 事件來監聽消息，如下是官方文檔描述 以下是代碼： // 網頁代碼 !DOCTYPE html html head meta charset="utf
昵称 pxzsl
作者：心葉 時間：2019年01月24日 20:08 需求説明 在我們開發代碼的時候，不會把全部代碼寫在一個文件，只有最後打包的時候會合並在一起，而有時候，我們除了要合併代碼，還可能需要更靈活的合併方案。 這個插件就是在一個代碼文件中的指定位置插入一些了碎片文件。 如何使用 首先，需要安裝node包： npm install grunt-plug-insert --save-dev 一旦安裝
昵称 心葉
jQuery對象方法 $("a").css("color", "red"); 當使用$選擇元素的時候，它會返回一個jQuery對象，這個對象中包含了你一直使用的方法（比如：.css()，.click()等）。這個jQuery對象是從$.fn對象中得到的這些方法。$.fn對象包含了jQuery對象的所有方法，如果想編寫我們自己的方法，也要將方法定義在$.fn對象裏面。使用這種方式編寫插件，即jQue
昵称 blob
jq--CDN jQ -- jQuery源碼解析 1、jQuery.extend() 與 jQuery.fn.extend() 把jQuery看成一個封裝js類 這樣好理解 $.extend是擴展的jQuery這個類 為jQuery類添加類方法 可以理解為靜態方法 只跟這個類本身有關 跟具體的實例化對象是沒關係的。 jQuery.fn.extend() 拓展的是jQuery對象(
昵称 快樂的單身漢
項目概覽 JS 插件文檔庫地址：JS 插件文檔庫 · 語雀 在線演示代碼倉庫：JS 插件文檔庫示例代碼 · GitHub 在線預覽：JS 插件在線演示 項目介紹 如今，隨着大前端的發展，曾經的霸主：jQuery 也漸漸的隕落，隨之一起沒落的，也包含基於 jQuery 的一些優秀的插件。這些優秀的插件，讓我們在前端的開發中，節省了大量的時間。自己的項目中也使用了大部分基於 jQuery 的
昵称 魯鵬
手動擋經常會改不齊全，發現能寫正則還是很方便的。 find replace調出替換面板 也可以快捷鍵 command+alt+F 這個引用到複雜點的數據裏面 真的省事不要太多 方便不要太多 我知道得太遲了。。。。。。 mark一下 僅供參考 歡迎更正補充 end
昵称 Jerry
開源運維自動化平台-opendevops 簡介 官網 | Github | 在線體驗 CODO是一款為用户提供企業多混合雲、自動化運維、完全開源的雲管理平台。 CODO前端基於Vue iview開發、為用户提供友好的操作界面，增強用户體驗。 CODO後端基於Python Tornado開發，其優勢為輕量、簡潔清晰、異步非阻塞。 CODO開源多雲管理平台將為用户提供多功能：ITSM、基於RBAC權限
昵称 團團糰子
之前，何同學的視頻在網上活了一陣子。引發了我們思考：5G將會給我們帶來什麼。同時也回顧了4G乃至3G時代已經給我們帶來了哪些新的變革。最近，一個問題總是時不時的冒出我的腦海：前端性能優化時候還有必要？ 回顧前端性能優化 然後我找到了 雅虎軍規 的 35 條 儘量減少 HTTP 請求個數——須權衡 使用 CDN（內容分發網絡） 為文件頭指定 Expires 或 Cache-Con
昵称 源泉
所謂web,即使你我素未謀面，便知志趣相投；足不出户，亦知世界之大。 最近收到一個用户提的需求場景，當JavaScript發生異常錯誤時，如果我們能記錄出錯前鼠標點擊、頁面跳轉、網絡請求，控制枱打印等信息，這樣我們便能更快速的帶您重返"失事"現場。我覺得這個想法挺好的，那就加入我們的前端監控試試呢？我實現了一套目前的解決方案：一鍵還原出錯代碼和出錯場景還原。如果你們有更好的解決方案，一定要聯繫我
昵称 前端開源監控作者
遇到的坑：webview和h5通信時，會有一些延遲導致不能立即生效 具體描述：在使用react-native時，需要加載外部網頁，加載後，RN提供一個按鈕可以關閉網頁，但如果打開的是內部網頁就需要隱藏這個按鈕，h5代碼使用react寫的，在componentDidMount時，發送postmessage給客户端（RN），此時發現收不到，查閲react-native官方文檔後得已解決。
昵称 楊龍飛
所謂web,即使你我素未謀面，便知志趣相投；足不出户，亦知世界之大。 01 - 什麼是閾值報警功能 在我們前端監控系統中，雖然我們收集了用户實時訪問應用數據信息，並提供可視化界面方便用户查詢，但是作為一款監控系統，卻少了靈魂的東西，那就是自動報警功能，因為我們並不喜歡，也沒人願意時時刻刻查看監控系統。因此，我們需要自動報警。 那自動報警怎麼做呢？自動報警意味着我們事先定義好一系列規
昵称 前端開源監控作者
本文首發於知乎《10分鐘徹底搞懂前端頁面性能監控》，搬運轉載請註明出處，否則追究版權責任。 前言 前端頁面性能是一個非常核心的用户體驗指標。本文介紹阿里UC 嶽鷹全景監控平台 如何設計一個通用、低侵入性、自動上報的頁面性能監控方案。主要採用的是Navigation Timing API以及sendBeacon等方法。 為什麼要監控頁面性能？ 一個頁面性能差的話會大大影響用户體驗。用户打開頁面等待的
昵称 Marks
🧨放假了特意給大家坐火車打發時間寫了這篇工具收集類的小文, 讓大家輕輕鬆鬆學知識, 😊"鐵皮飯盒"祝大家十一快樂, 吃開心玩開心! 新手階段的前端面臨的最大問題就是: "😥這個咋做?", 這個階段的前端自己實現交互功能基本是不可能的, 那怎麼體現價值呢? 我給個建議: "不會寫還不會用嗎?", 其實js發展這麼多年,常見的功能在github上都是可以找到的, 下面我就給大家拿出我收藏多年的"
昵称 鐵皮飯盒
隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊
昵称 Shenfq
所有源代碼、文檔和圖片都在 github 的倉庫裏，點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—
昵称 karuru
所有源代碼、文檔和圖片都在 github 的倉庫裏，點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—
昵称 karuru
1. 概覽 在 JavaScript 中，使用 // 即可創建一個正則表達式對象，當然也可以使用 new RegExp() 常用的跟正則相關的方法有 match、test 和 replace。 其中 match，replace 都是字符串上的方法， test 是正則對象上的方法。 下面看具體的圖示： 2. 匹配單字符 /reg/ 可以直接匹配具體的字符串 reg。 /[arzy]/
昵称 savokiss
一、模塊化的由來 在沒有模塊化思想之前，我們總是將大量的邏輯代碼寫在一起，這樣的代碼雜亂無章，沒有條理性，不便於維護，不利用複用。並且很多代碼重複，邏輯重複。甚至造成全局變量污染，也不方便保護私有數據。 為了解決上面的問題，模塊化的編程思想應運而生。 模塊化的基本思想就是：==閉包自調用函數== 對閉包瞭解不夠的同學，請先查看《 JS閉包全面解析》一文。 二、模塊規範 想要了解
昵称 巴斯光年
