tag Javascript

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

@Javascript / 博客 RSS 訂閱

nut 頭像

堅殼 - 如何回覆postMessage的消息

evt.origin為消息來源frame的location.origin evt.source為消息來源frame的window對象，通過evt.source.postMessage(message, evt.origin)即可回覆消息 需要特別注意的是frame unload時發送的消息，監聽方獲取到的evt.source為空，此時為不可回覆狀態，需要處理異常，否則會中斷代碼邏輯

postmessage , Javascript

收藏 評論

b_a_r_a_n 頭像

B͜a͜r͜a͜n͜ - webpack.01-簡單使用

webpack官網：https://webpack.js.org/ 全局安裝webpack cnpm i -g webpack webpack-cli 創建index.js console.log('hellowebpack')//示例：建議寫es5語法可正常運行，es6需要babel後面做筆記會寫 cmd運行 webpack index.js//------生成文件夾dist，生成文件main.

webpack , es5 , npm , Javascript

收藏 評論

o2team 頭像

凹凸實驗室 - 一個學習 Koa 源碼的例子

作者： MarkLin 學習目標： 原生 node 封裝 中間件 路由 Koa 原理 一個 nodejs 的入門級 http 服務代碼如下， // index.js const http = require('http') const server = http.createServer((req, res) = { res.writeHead(200) res.

node.js , koa.js , Javascript

收藏 評論

nznznz 頭像

奶粥 - Requirejs加載文件、清除緩存

Requirejs加載js問題 在使用 require(['app1'], function (app1) { console.log(app1); }); 加載app1模塊時，不配置requireJs.config中的path時，會請求當前html文件所在路徑下的app1.js 如果找不到，報如下錯誤 require.js:168 Uncaught Error: Scr

requirejs , Javascript

收藏 評論

sugar_coffee 頭像

sugar_coffee - es5/es6中新增的方法

ES5中的新增方法 ES5 中給我們新增了一些方法，可以很方便的操作數組或者字符串，這些方法主要包括： 數組方法 字符串方法 對象方法 1.1 數組方法 迭代(遍歷)方法：forEach()、map()、filter()、some()、every()； array.forEach(function(currentValue, index, arr)) 讓數組中每個元素都執行一次 fn

ecmascript-6 , es5 , 前端 , Javascript

收藏 評論

dabaibai_5ebb89514c34a 頭像

大白白 - js原型知識梳理(二)

最近重新梳理了一下原型的知識,想分享一下，希望對那些被原型，原型鏈，構造函數，實例對象等關係滿頭包的童鞋有些幫助~~~ 廢話不説了 上代碼 //原型 prototype function Man(name,age){ this.name=name, this.age=age } let Pers

prototype , 前端 , Javascript

收藏 評論

xingzhaodezhaoxiansheng 頭像

姓趙的趙先生 - jsonp跨域原理解析

1、背景： 由於瀏覽器同源策略的限制，非同源下的請求，都會產生跨域問題，jsonp即是為了解決這個問題出現的一種簡便解決方案。 2、同源策略： 同一協議，同一域名，同一端口號。當其中一個不滿足時，我們的請求即會發生跨域問題。 舉個栗子🌰： http://www.abc.com:3000到https://www.abc.com:3000的請求會出現跨域（域名、端口相同但協議不同） http:

node.js , 前端 , Javascript , Jsonp

收藏 評論

alienzhou 頭像

alienzhou - 替代 webpack？一文帶你瞭解 snowpack 原理，你還學得動麼

近期，隨着 vue3 的各種曝光，vite 的熱度上升，與 vite 類似的 snowpack 的關注度也逐漸增加了。目前（2020.06.18）snowpack 在 Github 上已經有了將近 1w stars。 snowpack 的代碼很輕量，本文會從實現原理的角度介紹 snowpack 的特點。同時，帶大家一起看看，作為一個以原生 JavaScript 模塊化為核心的年輕的構建工具，它是如

構建工具 , webpack , 模塊化開發 , 前端 , Javascript

收藏 評論

haikuotiankong_mac 頭像

海闊天空_mac - 基於小程序請求接口 wx.request 封裝的類 axios 請求

Introduction wx.request 的配置、axios 的調用方式 源碼戳我 feature 支持 wx.request 所有配置項 支持 axios 調用方式 支持 自定義 baseUrl 支持 自定義響應狀態碼對應 resolve 或 reject 狀態 支持 對響應（resolve/reject）分別做統一的額外處理 支持 轉換請求數據和響應數據 支持 請

小程序 , 前端工程師 , 前端優化 , 前端 , Javascript

收藏 評論

ohaha 頭像

哦哈哈 - react-Router的使用及原理講解和實現react-Router

react-router簡介 react-router包含3個庫，react-router、react-router-dom和react-router-native。 react-router提供最基本的路路由功能，實際使⽤的時候我們不會直接安裝react-router，⽽是根據應⽤運行的環境選擇安裝 react-router-dom(在瀏覽器器中使⽤)或react-router-nativ

react , react-router4 , 原理 , Javascript

收藏 評論

huolang_5a14e07d2f2ff 頭像

火狼 - JS開發必須知道的41個技巧【持續更新】

前言 JS是前端的核心，但有些使用技巧你還不一定知道； 本文梳理了JS的41個技巧，幫助大家提高JS的使用技巧； 文章有點長，可以clone下源碼，直接擼，源碼地址請戳全部源碼，原創不易，歡迎star； 序列文章： Vue 開發必須知道的 36 個技巧 React 開發必須知道的 34 個技巧 Array 1.數組交集 普通數組 const arr1 = [1, 2

vue.js , ecmascript-6 , 技巧 , es5 , Javascript

收藏 評論

jingzhexiaoyu 頭像

胡斐 - Docker 第一次上手

Docker第一次上手 引言 DevOps/開發運維/不懂運維和部署的前端開發 項目實際需要，平穩升級構建工具 安裝Docker 去看官網就好了 涉及的幾個命令 dockerimages ![dockerimages](./assets/docker-images.jpg) dockerbuild -t指定image的repository和tag，這兩項的含義可

node.js , frontend , Docker , 前端 , Javascript

收藏 評論

wqjiao 頭像

焦偉奇 - 老生常談之跨域

一、JSONP script src=""/script 基本原理就是通過動態創建 script 標籤，然後利用 src 屬性進行跨域(後端用回調函數名稱包裹數據進行返回即可)，但是要注意 JSONP 只支持 GET 請求，不支持 POST 請求: // 回調函數 function showData (result) { // json 對象轉成字符串 $('#text').

node.js , Nginx , Javascript , Jsonp

收藏 評論

imouou_5a60be738882f 頭像

王小o - 【快速開發App實戰】BUI高仿網易新聞App系列一、搭建App開發環境和工作空間

一. 搭建App開發環境和工作空間 前言 我們的目標是要做一個真實的案例, 着重通過BUI框架及其相關工具的使用, 結合原生打包平台, 幫助大家理解一個App的開發過程. 以最新網易新聞的App為例, 儘量只描述過程, 細節可以自行完善, 高仿得太過以假亂真, 會有侵權問題 ^_^. 文章會分為多個小章節, 知識點逐個講解的方式, 每天掌握一點點, 進步一點點. 文章首發都會在bui神速訂閲號,

app , hybrid-app , webapp , 前端 , Javascript

收藏 評論

imouou_5a60be738882f 頭像

王小o - [分享]高仿網易新聞WebApp模板源碼下載

BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https

hybrid-app , webapp , 前端 , Javascript

收藏 評論

robin_ren 頭像

Robin - angular組件開發

隨着前端框架的誕生，也會隨之出現一些組件庫，方便日常業務開發。今天就聊聊 angular4 組件庫開發流程。 下圖是 button 組件的基礎文件。 nk-button.component.ts 為該組件的核心文件，看看代碼： import {Component, Renderer2, ElementRef, AfterContentInit, ViewEncapsulation, Input}

angular4 , Javascript

收藏 評論

assassin 頭像

assassin_cike - ES5 繼承

首先要明白兩點： 一、非方法屬性每個子類實例需要獨立 二、方法屬性每個子類實例需要共享 為什麼？ 如果非方法屬性為引用類型，且非方法屬性共享，在一個實例中改變，其他實例中就會做出改變，這樣每個實例就會相互影響，而方法屬性一般是不需要進行改變的，只是對方法調用。 方法跟屬性分別可以定義在構造函數內部跟prototype上。 繼承的目的是子類繼承父類的方法跟屬性,換句話説一些類

繼承 , es5 , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 利用 XState(有限狀態機) 編寫易於變更的代碼

目前來説，無論是 to c 業務,還是 to b 業務，對於前端開發者的要求越來越高，各種絢麗的視覺效果，複雜的業務邏輯層出不窮。針對於業務邏輯而言，貫穿後端業務和前端交互都有一個關鍵點 —— 狀態轉換。 當然了，這種代碼實現本身並不複雜，真正的難點在於如何快速的進行代碼的修改。 在實際開發項目的過程中，ETC 原則，即 Easier To Change，易於變更是非常重要的。為什麼解耦很好？ 為

有限狀態機 , fsm , 前端優化 , 代碼質量 , Javascript

收藏 評論

wisdomqq 頭像

阿秋_在路上 - 【進階篇】koa+Mysql的全棧之旅

背景  繼續上一篇【easy篇】前端到全棧從這裏開始完成對雲服務器的初步瞭解，以及nginx的配置，接下來是MySQL安裝，建表操作以及使用Node.js框架Koa進行簡單的數據增刪改查功能。過程比較長，但是按照下面步驟來就比較輕鬆了。 MySQL安裝  登錄雲服務器，進入linux控制枱，安裝執行以下命令行即可 //1.下載安裝 wget http://repo.mysql.com/

node.js , MySQL , koa.js , 後端 , Javascript

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 完整版移動端滑動事件封裝

touchEvent 基於Jquery擴展在移動端產生的事件，包含，單次觸摸事件，兩次觸摸事件，長按事件，滑屏事件，向上滑動事件，向下滑動事件，向左滑動事件，向右滑動事件 預覽 地址預覽 https://hangjob.github.io/touchEvent/index.html 事件類型 單次觸摸事件 $(el).tap tap: function(element, fn) {

移動端web , jquery , 前端 , html5 , Javascript

收藏 評論

jiangpengfei_5ecce944a3d8a 頭像

蔣鵬飛 - 手寫Koa.js源碼

用Node.js寫一個web服務器，我前面已經寫過兩篇文章了： 第一篇是不使用任何框架也能搭建一個web服務器，主要是熟悉Node.js原生API的使用：使用Node.js原生API寫一個web服務器 第二篇文章是看了Express的基本用法，更主要的是看了下他的源碼：手寫Express.js源碼 Express的源碼還是比較複雜的，自帶了路由處理和靜態資源支持等等功能，功能比較全面。與之

node.js , koa.js , 源碼分析 , 前端 , Javascript

收藏 評論

jibvxiz 頭像

吉古力 - 微前端是什麼，可以帶來什麼收益

轉自掘金原文《微前端究竟是什麼，可以帶來什麼收益》 本文將講解微前端誕生的背景，詳細解説微前端概念的緣由以及其深入理解，讀完本文，相信你對微前端有一個比較全面的認知，明白它可以解決您團隊以及整個企業什麼問題，帶來怎麼樣的收益。 一.背景 現在很多企業，基本在物理上進行了應用代碼隔離，實行單個應用單個庫，閉環部署更新測試環境、預發佈環境和正式環境。於是，我們的探討的是，基於不同應用不同庫並獨立部署的

前端框架 , 前端優化 , 前端設計 , 微前端 , Javascript

收藏 評論

beilunyang 頭像

悖論BeilunYang - 使用Workbox創建PWA應用

前言 最近公司項目迭代逐漸放緩，下班時間逐漸變早，所以本着漸進增加的理念，在下班後，將公司項目進行了一下PWA改造 為何要改造成PWA 用户需求。我們的用户有許多電腦小白，不想記網址，又不會使用瀏覽器的收藏功能。以前使用的同類軟件都有桌面版，有一種覺得桌面版比網頁版可靠，使用簡單的錯覺，曾多次在釘釘售後羣裏反映，如何將網頁保存至桌面，方便他下次直接在桌面打開 PWA是漸進式的，如果用户的瀏覽

pwa , webpack , 前端 , Javascript

收藏 評論

angular4 頭像

阿寶哥 - postMessage 還能這樣玩

在日常工作中，消息通信是一個很常見的場景。比如大家熟悉 B/S 結構，在該結構下，瀏覽器與服務器之間是基於 HTTP 協議進行消息通信： 然而除了 HTTP 協議之外，在一些對數據實時性要求較高的場景下，我們會使用 WebSocket 協議來完成消息通信： 對於這兩種場景，相信大家都不會陌生。接下來，阿寶哥將介紹消息通信的另外一種場景，即父頁面與 iframe 加載的子頁面之間，如何進行消息通

消息傳遞 , postmessage , 前端 , Javascript

收藏 評論