tag Javascript

標籤
貢獻1,356
1129
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 icecreamlj 頭像 lengxi_16 頭像 yayu 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 hightopo 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

obkoro1 頭像

OBKoro1 - 160行代碼仿Vue實現極簡雙向綁定[詳細註釋]

前言 現在的前端面試不管你用的什麼框架，總會問你這個框架的雙向綁定機制，有的甚至要求你現場實現一個雙向綁定出來，那對於沒有好好研究過這方面知識的同學來説，當然是很難的，接下來本文用160行代碼帶你實現一個極簡的雙向綁定機制。如果喜歡的話可以點波贊/關注，支持一下，希望大家看完本文可以有所收穫。 本文是在面試題：你能寫一個Vue的雙向數據綁定嗎？的基礎上仔細研究+改動，並添加了詳細註釋，而成的。

vue.js , 前端框架 , 雙向綁定 , 前端 , Javascript

收藏 評論

toopoo 頭像

zhoutao - 利用html5的postmessage解決iframe跨域問題的庫cross-domain.js，使用超簡單

簡介 一個利用html5的跨域api postMessage解決一個系統中，多個iframe跨域通信交互的js庫。 github地址 ：cross-domain 背景 最初公司只有一個系統來做銷售，隨着公司業務越來越多，搭建很多類似的系統（這些系統本來是沒有任何關係的，每個系統目前都非常複雜）。 由於目前公司戰略有調整，原來的銷售是針對某種產品，現在銷售工作要針對客户進行多產品的銷售促成，這樣一個

postmessage , crossdomain , 跨域 , html5 , Javascript

收藏 評論

toopoo 頭像

zhoutao - JSONP原理及JQUERY JSONP的使用

JSONP原理 JSON和JSONP 　　JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。對於JSON大家應該是很瞭解了吧，不是很清楚的朋友可以去json.org上了解下，簡單易懂。 　　JSONP是JSON with Padding的略稱。它是一個非官方的協議，它允許在服務器端集成Scripttags返回至客户端，通過javascriptcallbac

iframe , postmessage , Javascript

收藏 評論

tingtinger 頭像

小野 - webpack的可視化資源分析工具webpack-bundle-analyzer的使用

隨着項目越來約龐大，導致構建包的時候速度緩慢！ 首先推薦使用wepback的可視化資源分析工具。以下給出webpack-bundle-analyzer配置【vue-cli構建項目時會自動配置好】 安裝webpack-bundle-analyzer 控制枱輸入npm/cnpm install --save-dev webpack-bundle-analyzer config/i

vue.js , webpack2 , Javascript

收藏 評論

pxzsl 頭像

pxzsl - 微信小程序的坑之wx.miniProgram.postMessage

工作中有個需求是小程序的網頁在關閉的時候，需要回傳給小程序一個參數 查閲小程序官方文檔，有這樣一個接口 wx.miniProgram.postMessage ，可以用來從網頁向小程序發送消息，然後通過 bindmessage 事件來監聽消息，如下是官方文檔描述 以下是代碼： // 網頁代碼 !DOCTYPE html html head meta charset="utf

小程序 , postmessage , Javascript

收藏 評論

yelloxing 頭像

心葉 - grunt插件：grunt-plug-insert

作者：心葉 時間：2019年01月24日 20:08 需求説明 在我們開發代碼的時候，不會把全部代碼寫在一個文件，只有最後打包的時候會合並在一起，而有時候，我們除了要合併代碼，還可能需要更靈活的合併方案。 這個插件就是在一個代碼文件中的指定位置插入一些了碎片文件。 如何使用 首先，需要安裝node包： npm install grunt-plug-insert --save-dev 一旦安裝

plug , grunt , npm , Javascript

收藏 評論

myz2000 頭像

blob - JQuery插件之$.fn

jQuery對象方法 $("a").css("color", "red"); 當使用$選擇元素的時候，它會返回一個jQuery對象，這個對象中包含了你一直使用的方法（比如：.css()，.click()等）。這個jQuery對象是從$.fn對象中得到的這些方法。$.fn對象包含了jQuery對象的所有方法，如果想編寫我們自己的方法，也要將方法定義在$.fn對象裏面。使用這種方式編寫插件，即jQue

jquery插件 , Javascript

收藏 評論

luomg1995 頭像

快樂的單身漢 - jQuery擴展

jq--CDN jQ -- jQuery源碼解析 1、jQuery.extend() 與 jQuery.fn.extend() 把jQuery看成一個封裝js類 這樣好理解 $.extend是擴展的jQuery這個類 為jQuery類添加類方法 可以理解為靜態方法 只跟這個類本身有關 跟具體的實例化對象是沒關係的。 jQuery.fn.extend() 拓展的是jQuery對象(

jquery插件 , jquery , Javascript

收藏 評論

pengloo53 頭像

魯鵬 - JS 插件文檔庫邀你一起協同創作

項目概覽 JS 插件文檔庫地址：JS 插件文檔庫 · 語雀 在線演示代碼倉庫：JS 插件文檔庫示例代碼 · GitHub 在線預覽：JS 插件在線演示 項目介紹 如今，隨着大前端的發展，曾經的霸主：jQuery 也漸漸的隕落，隨之一起沒落的，也包含基於 jQuery 的一些優秀的插件。這些優秀的插件，讓我們在前端的開發中，節省了大量的時間。自己的項目中也使用了大部分基於 jQuery 的

jquery插件 , Javascript

收藏 評論

daguaisou 頭像

Jerry - 【操作】sublime正則搜索替換修改數據

手動擋經常會改不齊全，發現能寫正則還是很方便的。 find replace調出替換面板 也可以快捷鍵 command+alt+F 這個引用到複雜點的數據裏面 真的省事不要太多 方便不要太多 我知道得太遲了。。。。。。 mark一下 僅供參考 歡迎更正補充 end

sublime-text-3 , 正則表達式 , HTML , Javascript , Json

收藏 評論

tuantuantuanzi 頭像

團團糰子 - 開源運維自動化平台-opendevops

開源運維自動化平台-opendevops 簡介 官網 | Github | 在線體驗 CODO是一款為用户提供企業多混合雲、自動化運維、完全開源的雲管理平台。 CODO前端基於Vue iview開發、為用户提供友好的操作界面，增強用户體驗。 CODO後端基於Python Tornado開發，其優勢為輕量、簡潔清晰、異步非阻塞。 CODO開源多雲管理平台將為用户提供多功能：ITSM、基於RBAC權限

tornado , Docker , shell , Javascript , Python

收藏 評論

79px 頭像

源泉 - 時至5G時代，是否還有必要談：前端性能優化？

之前，何同學的視頻在網上活了一陣子。引發了我們思考：5G將會給我們帶來什麼。同時也回顧了4G乃至3G時代已經給我們帶來了哪些新的變革。最近，一個問題總是時不時的冒出我的腦海：前端性能優化時候還有必要？ 回顧前端性能優化 然後我找到了 雅虎軍規 的 35 條 儘量減少 HTTP 請求個數——須權衡 使用 CDN（內容分發網絡） 為文件頭指定 Expires 或 Cache-Con

前端工程師 , 前端性能 , Javascript

收藏 評論

evenboy 頭像

前端開源監控作者 - 前端監控(出錯場景還原)

​所謂web,即使你我素未謀面，便知志趣相投；足不出户，亦知世界之大。 最近收到一個用户提的需求場景，當JavaScript發生異常錯誤時，如果我們能記錄出錯前鼠標點擊、頁面跳轉、網絡請求，控制枱打印等信息，這樣我們便能更快速的帶您重返"失事"現場。我覺得這個想法挺好的，那就加入我們的前端監控試試呢？我實現了一套目前的解決方案：一鍵還原出錯代碼和出錯場景還原。如果你們有更好的解決方案，一定要聯繫我

前端性能 , 監控工具 , html5 , Javascript

收藏 評論

windseek 頭像

楊龍飛 - RN中webview的一些思考

遇到的坑：webview和h5通信時，會有一些延遲導致不能立即生效 具體描述：在使用react-native時，需要加載外部網頁，加載後，RN提供一個按鈕可以關閉網頁，但如果打開的是內部網頁就需要隱藏這個按鈕，h5代碼使用react寫的，在componentDidMount時，發送postmessage給客户端（RN），此時發現收不到，查閲react-native官方文檔後得已解決。

react , react-native , postmessage , html5 , Javascript

收藏 評論

evenboy 頭像

前端開源監控作者 - 閾值報警功能

所謂web,即使你我素未謀面，便知志趣相投；足不出户，亦知世界之大。 ​ 01 - 什麼是閾值報警功能 在我們前端監控系統中，雖然我們收集了用户實時訪問應用數據信息，並提供可視化界面方便用户查詢，但是作為一款監控系統，卻少了靈魂的東西，那就是自動報警功能，因為我們並不喜歡，也沒人願意時時刻刻查看監控系統。因此，我們需要自動報警。 那自動報警怎麼做呢？自動報警意味着我們事先定義好一系列規

node.js , 前端框架 , 前端優化 , 前端性能 , Javascript

收藏 評論

marks 頭像

Marks - 10分鐘徹底搞懂前端頁面性能監控

本文首發於知乎《10分鐘徹底搞懂前端頁面性能監控》，搬運轉載請註明出處，否則追究版權責任。 前言 前端頁面性能是一個非常核心的用户體驗指標。本文介紹阿里UC 嶽鷹全景監控平台 如何設計一個通用、低侵入性、自動上報的頁面性能監控方案。主要採用的是Navigation Timing API以及sendBeacon等方法。 為什麼要監控頁面性能？ 一個頁面性能差的話會大大影響用户體驗。用户打開頁面等待的

前端性能 , 監控工具 , HTML , 前端 , Javascript

收藏 評論

russell221 頭像

鐵皮飯盒 - 🚆新手前端不要慌! 給你✊10根救命稻草🍃

🧨放假了特意給大家坐火車打發時間寫了這篇工具收集類的小文, 讓大家輕輕鬆鬆學知識, 😊"鐵皮飯盒"祝大家十一快樂, 吃開心玩開心! 新手階段的前端面臨的最大問題就是: "😥這個咋做?", 這個階段的前端自己實現交互功能基本是不可能的, 那怎麼體現價值呢? 我給個建議: "不會寫還不會用嗎?", 其實js發展這麼多年,常見的功能在github上都是可以找到的, 下面我就給大家拿出我收藏多年的"

插件 , jquery插件 , jquery , 前端 , Javascript

收藏 評論

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , Javascript

收藏 評論

karuru 頭像

karuru - React服務端渲染之路06——優化

所有源代碼、文檔和圖片都在 github 的倉庫裏，點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—

react , react-router4 , redux , Javascript

收藏 評論

karuru 頭像

karuru - React服務端渲染之路09——SEO優化

所有源代碼、文檔和圖片都在 github 的倉庫裏，點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—

react , react-router4 , react-router-redux , Javascript

收藏 評論

savokiss 頭像

savokiss - 寫給前端的正則表達式入門

1. 概覽 在 JavaScript 中，使用 // 即可創建一個正則表達式對象，當然也可以使用 new RegExp() 常用的跟正則相關的方法有 match、test 和 replace。 其中 match，replace 都是字符串上的方法， test 是正則對象上的方法。 下面看具體的圖示： 2. 匹配單字符 /reg/ 可以直接匹配具體的字符串 reg。 /[arzy]/

regexp , frontend , html5 , Javascript

收藏 評論

biubiu_5deda9568bbf1 頭像

巴斯光年 - javascript模塊化【RequireJS 】

一、模塊化的由來 在沒有模塊化思想之前，我們總是將大量的邏輯代碼寫在一起，這樣的代碼雜亂無章，沒有條理性，不便於維護，不利用複用。並且很多代碼重複，邏輯重複。甚至造成全局變量污染，也不方便保護私有數據。 為了解決上面的問題，模塊化的編程思想應運而生。 模塊化的基本思想就是：==閉包自調用函數== 對閉包瞭解不夠的同學，請先查看《 JS閉包全面解析》一文。 二、模塊規範 想要了解

模塊化 , requirejs , Javascript

收藏 評論

biubiu_5deda9568bbf1 頭像

巴斯光年 - js實現數據單向綁定

如果你在學習一種前端框架，如vue、angular等，那麼你一定不會對數據的單向綁定陌生。 何為數據的單向綁定？ 傳統開發模式下，如使用jQuery開發，我們想將一個變量顯示到html中，首先要定義一個變量name，然後通過jq代碼操作dom將變量放到HTML中，如果name發生修改，還要再次通過jq代碼操作dom將新的變量值放到HTML中。這就是傳統的MVC框架，其中的Model和View是我們

vue.js , 雙向綁定 , 前端 , Javascript

收藏 評論

biubiu_5deda9568bbf1 頭像

巴斯光年 - js實現數據雙向綁定

接上一篇文章《js實現數據單向綁定》 上篇文章中用原生js實現了數據的單向綁定。本篇文章繼續介紹如何用js實現數據的雙向綁定。綁定的方式模仿vue中的v-model指令。 創建標籤 div id="div1" input type="text" v-model="name" br 姓名：{{name}} /div 創建一個輸入框，使用v-model屬性綁定變量name，注意這裏只是模

vue.js , 雙向綁定 , 前端 , Javascript

收藏 評論