tag 前端

標籤
貢獻1,071
2832
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 smileZAZ 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

xc_xiang 頭像

Alan - 跨域方案總結

平時在開發中總是會遇到各種跨域問題，一直沒有很好地瞭解其中的原理，以及其各種實現方案。今天在這好好總結一下。 本文完整的源代碼請猛戳github博客，建議大家動手敲敲代碼。 1、什麼是跨域？為什麼會有跨域？ 一般來説，當一個請求url的協議、域名、端口三者之間任意一個與當前頁面地址不同即為跨域。 之所以會跨域，是因為受到了同源策略的限制，同源策略要求源相同才能正常進行通信，即協議、域名、端口

cors , postmessage , 跨域 , 前端

收藏 評論

bygpt 頭像

ByGPT - 【FE TIKU 前端面試題庫】性能優化

本文首發 http://fetiku.com/docs/advanc... 1 DNS 預解析 DNS 解析也是需要時間的，可以通過預解析的方式來預先獲得域名所對應的 IP link rel="dns-prefetch" href="//shudong.wang" 2 緩存 緩存對於前端性能優化來説是個很重要的點，良好的緩存策略可以降低資源的重複加載提高網頁的整體加載速度 通常瀏覽器緩

面試 , frontend , 前端

收藏 評論

marks 頭像

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

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

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

收藏 評論

russell221 頭像

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

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

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

收藏 評論

smalike 頭像

smalike - 不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規

不可不知的 WEB 前端網站優化—— 雅虎 34 條軍規 不得不説現在依然適用於大部分的網站 當年雅虎推薦了一套優化網站加載速度的34條法則（包括Yslow規則22條），以下是詳細説明。 1. Minimize HTTP Requests 減少 HTTP 請求 圖片、css、script、flash 等等這些都會增加 http 請求數，減少這些元素的數量就能減少響應時間。把多個JS、CSS在可能

前端優化 , 前端性能 , 前端 , Web

收藏 評論

ruizhengyun 頭像

前端早8點 - 前端初級新人，如何撕去菜鳥標籤

原文地址：https://github.com/ruizhengyu... 作為前端新人，我們常以菜鳥自居，主要是專業程度不高，還有就是自謙。其實，作為菜鳥的我們也想撕掉這類標籤，我們也努力，可還是學不好前端，是真的不適合做這行還是方法不對，沒人告訴我們？如果你覺得自己還處在菜鳥階段的迷茫區，那可以看看本篇文章，希望看完之後你能得到想要的。如果你要闡述你的想法，請在評論區留下你的文字。

前端工程化 , 前端性能 , 前端設計 , 前端

收藏 評論

febobo 頭像

刀哥 - 夢迴前端-數據類型篇

關於夢迴前端 每天一個重要的知識點，以問答的形式進行反推，利用碎片時間來完成自我提升 Day1 數據類型篇 説在前面 JS是典型的弱類型(動態)語言, 意味着你不用提前聲明變量的類型，在程序運行過程中，類型會被自動確定, 也意味着你可以使用同一個變量保存不同類型的數據 請簡述Js中有哪些數據類型? Js中每一個值都屬於某一種數據類型, 根據最新的語言標準，一共有8種類型 Boolean N

前端工程化 , 面試 , 前端優化 , 前端性能 , 前端

收藏 評論

xiaoqianduan_58b28cfebff36 頭像

null仔 - 「交流分享」從入門到放棄之計算機網絡

前言 計算機網絡對於程序員的重要性,想必不用多提～最近在梳理這方面的知識,由點成面,需要一個過程。 梳理了幾個點,借鑑了很多大佬的文章。(站在巨人的肩膀上!) 發出來大家一起學習進步一哈～之後會陸續梳理更新。 啊~枯燥的計算機網絡！ 我用 nodejs 對下面的其中幾個點做了簡單的實踐,進一步驗證原理,加深印象和理解。 HTTP/2 帶來了什麼 HTTPS 連接到底發生了什麼 什麼是中間人攻擊

前端性能 , 前端

收藏 評論

littlelyon 頭像

littlelyon - JSON.parse 比 Object 字面量語法更快

寫在前面 原文地址： https://www.bram.us/2019/11/25/faster-javascript-apps-with-json-parse/ 原文中包含油管視頻，有梯子並且英文好的可以直接點開鏈接觀看。 針對太長不看的讀者 因為 JSON 語法比 Javascript 的語法更簡單，因此解析 JSON 比解析 Javascript 更高效。當一個 web app 需要加載在首

瀏覽器 , 前端性能優化 , 前端性能 , 前端 , Json

收藏 評論

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

收藏 評論

mincloud 頭像

知曉雲 - 第九章：小程序表單與醫療急救卡（上）

作者：知曉雲 - 小程序開發快人一步 來源：知曉課堂 醫療急救卡小程序是什麼？ 該小程序主要為一個表單的填寫與提交。示例表單的內容包括姓名、性別、血型、醫療情況、服藥情況、是否為器官捐獻者和緊急聯繫人電話號碼。提交成功後表單顯示用户已填寫的信息，如果用户想更新，直接更改表單內容再次提交即可。 我們所用到的組件和 API 所需組件 表單：form，將組件內用户輸入的 input/ swit

移動web開發 , 微信小程序 , 小程序 , 前端

收藏 評論

mincloud 頭像

知曉雲 - 第十章：小程序表單與醫療急救卡（下）

作者：知曉雲 - 小程序開發快人一步 來源：知曉課堂 在上一節，我們瞭解了許多表單組件的用法。在這一節，我們將會繼續對小程序進行開發。 特殊功能開發 小程序請求呼出電話 添加輸入框 input 組件和按鈕 button 組件，用以輸入緊急聯繫人電話號碼和點擊 button 撥打號碼 `!--pages/index/index.wxml-- view view緊急聯繫人電話號碼：/

移動web開發 , 微信小程序 , 小程序 , 前端

收藏 評論

sctec 頭像

樑柱 - 3.vue請求數據

請求數據的方式： vue-resource 官方提供的 vue的一個插件 axios fetch-jsonp vue-resource的使用 使用步驟： 1、安裝vue-resource模塊 cnpm install vue-resource --save 2、在 main.js 引入 vue-resource import VueResource from 'vue-reso

vue.js , vue-resource , Axios , 前端

收藏 評論

meiyounvpengyoudeqikeng 頭像

沒有女朋友的棄坑 - jquery插件-firework,怎麼給煙花加背景圖片

使用drawImage()給煙花加背景 如圖所示，但缺點是煙花上升的那條虛線被掩蓋了，希望大神可以解決。 代碼如下 先在2d上下文下面(50行左右)創建一個img實例 // 設置背景圖 img = new Image(); img.src = "images/timg2.jpg"; 這時候如果我們直接讓圖像加載，會發現圖像在瀏覽器打開時慢慢的褪去，重新變成黑色背景。 原因

jquery插件 , jquery , 前端

收藏 評論

yuebanxiaoyequ_5b12c826c10bc 頭像

月半小夜曲 - Node中url模塊的使用

URL模塊是NodeJS的核心模塊之一，用於解析url字符串和url對象 url.parse(url_str[,boolean]) url.parse(url_str[,boolean])用於將url字符串轉為對象格式。該方法有兩個參數，第一個參數為url字符串，第二個為布爾值，可以不寫，表示是否也將query轉為對象 url.parse(url_str) //注意 以下代碼只能在node中運行

node.js , 模塊化開發 , 前端

收藏 評論

helloxiaoming 頭像

helloxiaoming - 前端多種跨域方式實現原理詳解

跨域是我們在項目中經常遇到的，前後端數據交互經常碰到請求跨域，首先我們來想一下為什麼會有跨域這個詞的出現？本文帶你來探討一下以下幾個問題： 跨域是什麼？ 為什麼要跨域？ 跨域的幾種方式？ ... 什麼是跨域? 跨域是指的瀏覽器不能執行其它網站的腳本，它是由瀏覽器的同源策略造成，是瀏覽器對JavaScript實施的安全限制。 跨域實際上指從一個域的網頁去請求另一個域的資源，比如：從 h

cors , Ajax , postmessage , 前端 , Jsonp

收藏 評論

daguaisou 頭像

Jerry - 【工程化】前端工程構建工具gulp篇

gulp ,基於 NodeJS 的項目，自動化構建的工具增強你的工作流程！ 一、工作原理 前端構建工具，gulp是基於Nodejs，自動化地完成 javascript、coffee、sass、less、html/image、css 等文件的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。 借鑑了Unix操作系統的管道（pipe）思想，前一級

gulp , 前端工程化 , 前端構建 , 前端

收藏 評論

winnie_5e6e740266348 頭像

Winnie - jsonp的排序，當我們抓取到的數據不是我們想要的順序該如何處理？

當我們抓取的數據不符合我們的結構的時候怎麼辦？ 在method裏面獲取完我們的數據之後，再寫一個方法對那些數據進行處理 重新寫的方法裏面可以先設置一個let map，裏面可以設置空數組 然後用forEach便利我們想處理的數據，使用箭頭函數創建if條件 if處理完之後用push，push我們要的東西或者我們過濾完的 再把處理完的數據放入空數組當中 如何得到有序列表？

前端 , Jsonp

收藏 評論

muyouhuiyao 頭像

MUYOUHUIYAO - Transporter -- Weex 踩坑日記 (三)

Tab頁切換 完成固定footer佈局後，我想要在footer中添加幾個按鈕，來控制中間部分顯示的頁面，類似微信。因此我需要實現一個tab切換的功能，我這裏用到了Weex提供的slider組件。 template div class="wrapper" slider class="tab-container" auto-play="false" v-bind:index="sel" v

weex , vue.js , 前端

收藏 評論

fengqingxuesheep 頭像

風晴雪sheep - 瀏覽器兼容性（一）：IE11問題彙總

開發環境 Angular8.1.0，ng-zorro-antd：~8.0.2，前端容器nginx：1.10.1，瀏覽器 IE11。 1、頁面打不開 // 問題： IE11 index.html文件打開後，頁面空白 // 解決： 更改tsconfig.json文件： { "compileOnSave": false, "compilerOptions": { "baseUrl": "

angular4 , 兼容性 , 前端

收藏 評論

amap_tech 頭像

高德技術 - 高德前端這五年：動態化技術的研發歷程和全面落地實踐

前言 2015年-2020年，歷經5年發展，高德地圖應用開發前端團隊在業務快速發展中不斷成長。一路走來，從小團隊主要負責短期運營活動開發的散兵遊勇，到現在團隊規模100人+，覆蓋高德5大業務線，上百個模塊的堅甲利兵。本文將分享隨着業務快速增長高德前端的技術發展歷程，總結動態化技術的落地實踐，以及高德前端未來的發展方向。 高德（應用開發）前端技術的發展按照時間線來看，大致可以分為 4 個階段：

高德地圖 , 前端工程化 , 前端構建 , 前端

收藏 評論

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

收藏 評論