tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

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

收藏 評論

jingzhexiaoyu 頭像

胡斐 - Docker 第一次上手

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

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

收藏 評論

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

收藏 評論