收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - JavaScript中的回調函數看這篇就夠了

回調函數是每個前端程序員都應該知道的概念之一。回調可用於數組、計時器函數、promise、事件處理中。 本文將會解釋回調函數的概念，同時幫你區分兩種回調：同步和異步。 回調函數 首先寫一個向人打招呼的函數。 只需要創建一個接受 name 參數的函數 greet(name)。這個函數應返回打招呼的消息： function greet(name) { return `Hello, ${name}!

回調函數 , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 從零開始，理解觀察者模式(思否出問題了，文章後一半被吞了，正在重新寫)

思否出問題了，寫了一整天的文章，字字斟酌，段段構思，發佈的時候被吞了三分之二，我心態崩了，正在瘋狂碼字，下次再也不用內置編輯器碼字了。 零、前言 很久以前就接觸過觀察者模式，也寫過觀察者模式的文章，但以當時的水平尚不足以準確的理解這個設計模式，以至於文章寫的一片混亂。 這次再次嘗試從設計模式的初衷出發，結合計算機組成原理以及實際的應用來重新學習一邊觀察者模式，希望能糾正一些理解。 一、消息通

觀察者模式 , angular , 回調函數 , Javascript

xboxyan 頭像

XboxYan - 2018 年終總結

這算是第一次寫年終總結吧，當然公司的除外。 這一年收貨很多，做出的東西很比較多，下面總結一下。 1.可編輯佈局系統 這是一個公司內部佈局系統，支持層級，可以通過拖拽的方式形成網頁，暫時不公開 2.服務器和域名 5月份首次購買了服務器，當然只是學生優惠套餐嚐鮮，然後完全搭建了自己的個人博客 項目地址:https://github.com/XboxYan/koa-blog 個人博客https://b

2018總結 , 總結 , 前端

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

今天給大家分享如何從根本上吃透js代理，嘎嘎的😍，看下面 咱們首先得知道： 代理是 js 中的對象，它允許你創建對象的代理，同時還可以為標準對象操作定義自定義行為。這意味着，譬如，如果有人試圖從對象中獲取屬性的值，你可以定義一組自定義行為。這使代理變成了一個非常強大的工具，所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜，所以

es7 , challenge , es6-proxy , 前端 , Javascript

zxc7563598 頭像

蘇琢玉 - 被問性能後，我封裝了這個 PHP 錯誤上報工具

最近我把自己常用的一套錯誤上報邏輯封裝成了一個 Composer 包，叫 ​hejunjie/lazylog​。 功能很簡單也很實用：安全地寫本地日誌 + 把異常信息上報到遠端（支持同步/異步） 。本文講講為什麼我要做這個庫、實現思路、在不同運行環境下如何選擇（以及我推薦的優化方案）。 起因：為啥要做這個工具？ 先講個背景。之前我寫了一個 Go 項目 —— oh-shit-logger，目

composer , php

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

haixiudezhusun 頭像

高德開放平台 - 高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server

高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server，通過技術能力與生態資源的深度協同，助力開發者高效構建標準化地圖服務，加速智能化場景落地。 https://www.bilibili.com/video/BV1vSugzwEQY/?aid=114833852731... 技術融合：大模型賦能地圖交互升級 基於阿里雲通義千問系列大模型領先的自然語言處理與多模態交互能力

地圖開發 , ai開發 , 阿里雲

waweb 頭像

哇喔WEB - 手撕JS（可能持續更新···）

  關於實現js中一些常見的方法屬於面試中的常問問題，可能剛開始接觸的時候會一籌莫展。知道和理解其中的原理能夠在日常開發中更如魚得水，面對面試也不成問題。另外，學會以目的（實現的功能）為導向一層一層反推，總結出實現的思路就能按照步驟直接實現或者曲線實現（整理不易記得點贊哈）。 一、call的實現   call() 方法：讓call()中的對象調用當前對象所擁有的function。例如：test.

promise , this的用法 , 前端 , Javascript

shawnphang 頭像

茶無味的一天 - 如何優雅地編寫一個高逼格的JS插件？

在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的

插件 , 模塊化開發 , 插件化 , 前端 , Javascript

buddhad666 頭像

buddha - vscode正則替換

舉個例子： 替換前 Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: https://movie.douban.com Cache-Control: must-revalidate, no-cache, private Connection: keep-alive Content-Encoding: br

regexp , visual-studio-code

jhcan333 頭像

JHCan333 - 代碼優化方法記錄

每次代碼 review 之後，對 review 的情況進行總結記錄，產出實際經驗，方便組內學習、分享。 1、提取公共內容 公共內容要提取，避免重複編寫； 2、css 色值使用變量 css 中的色值、字體，都換成組件庫中的變量、class； 3、v-if、v-show要用對時機 如果就是不加載對應組件可以用 v-if，否則，儘量用 v-show。比如多tab切換的時候，可以保存客户的使用狀態； 4、

規範化 , 前端

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（一）通讀介紹篇

一、什麼是css預編譯處理？ CSS 預編譯處理，從字面上理解，就是預先編譯處理CSS。它擴展了 CSS 語言，增加了變量、Mixin、函數等編程的特性，使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼，隨後經過專門的編譯工具將源碼轉化為CSS語法。 CSS預編譯器幾乎成為現如今開發CSS的標配，它從以下幾個方面提升了CSS開發的效率： 增強編程

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - C# SIMD向量索引實戰：從理論到高性能實現

C# SIMD向量索引實戰：從理論到高性能實現 性能革命的起點 想象這樣一個場景：你正在開發一個智能推薦系統，需要從100萬個商品向量中快速找出與用户查詢最相似的前10個商品。如果引入Qdrant的話會增加部署複雜度、嵌入式的Faiss對.NET生態並不友好，該怎麼辦？ 要不自己構建一個向量索引吧。確保同樣的查詢一樣只需要幾十毫秒，和Faiss性能相當！ 這不是紙上談兵，而是我在實際項目中實現的高

索引 , c#

laomao_5902e12974409 頭像

來了老弟 - nginx在同一域名下部署多個vue項目

本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目，在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式，以及vue-router中history的配置方式，以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟，結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目，普通的前

Nginx , spa , 前端

user_p5fejtxs 頭像

林一一 - 刨析 JS 中的forEach、for in、for of三類循環原理和性能

大家好，我是林一一，這是一篇比較 JS 中三類循環的原理和性能的文章，希望能給你帶來點幫助 😁 性能比較 for 循環和 while 循環的性能對比 let arr = new Array(999999).fill(1) console.time('forTime') for(let i = 0; i arr.length; i++){} console.timeEnd('forTime

foreach , arguments轉換成數組 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - CSS中的間距，前端開發中各種設置間距的優點缺點及實例

來源：https://ishadeed.com，作者：Ahmad Shadeed 翻譯：公眾號《前端外文精選》 如果兩個或多個元素很接近，那麼用户就會認為它們以某種方式屬於彼此。當對多個設計元素進行分組時，用户可以根據它們之間的空間大小來決定它們之間的關係。沒有間距，用户將很難瀏覽頁面並知道哪些內容相關而哪些內容無關。 在本文中，我將介紹有關CSS中的間距，實現此間距的不同方法以及何

前端設計 , Css , 知識體系 , 總結 , HTML

zhongkejin 頭像

中關村科金 - MobLink後台基本配置

Android端配置信息 App Links： 是自動生成,其他內容可以手動配置,需要注意的是ShareSDK閉環分享與MobLink的APPlinks配置通用的，請不要隨意修改另一處配置，可能導致功能不可用; 指紋證書(SHA256)：填寫的是 apk包簽名文件(keystore)的SHA256; 包名：填寫是app的包名; URI Scheme：填寫內容的格式是這樣的“://”,建

android-sdk , ios

qianxiaqingkong 頭像

蘭俊秋雨 - 年終盤點跨平台技術優劣勢對比（Hybrid、RN、Weex、Flutter）

跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景

weex , react-native , flux , hybrid-app , 前端

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻，下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點，都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - 高精地圖技術專欄 | 基於空間連續性的異常3D點雲修復技術

簡介： 我們需要通過激光的內部機制和數據處理算法，將這些噪聲恢復到它本來的位置。本文會從MTA問題產生的原理、激光應對MTA的內部機制、數據處理算法三方面來介紹高精資料處理是如何解決這個問題的。 1.背景 1.1 高精資料採集 高精采集車是集成了測繪激光、高性能慣導、高分辨率相機等傳感器為一體的移動測繪系統。高德高精團隊經過多年深耕打造的採集車，具有精度高、速度快、數據產生週期短、自動化程度高、安

react , coffeescript , bootstrap , Javascript

heqiliao_5cf8819257e40 頭像

何棄療 - 微信小程序onShow的坑點

最近，公司小程序項目功能更新，部分功能複測，讓某些兼容性問題再次暴露在我的面前，特此發出來給暫未遇到這個問題的開發者，提供一些思路。 onShow表現 這個事件鈎子，在頁面重新顯示的時候觸發，無論是否重新加載，對於一些數據更新和獲取，提供了穩定的處理方案。但是，假如當前頁面有選擇圖片上傳的功能或者文件上傳，選擇文件後，頁面會進入onShow鈎子，且這種情況安卓是必然觸發，IOS系統，身邊設備有限，

生命週期 , 小程序 , 前端

tongchuangyongyi 頭像

同創永益 - 企業動態 | 實力認證！同創永益災備管理平台連中多標！

近期，同創永益憑藉在災備領域積累的專業優勢及豐富實戰經驗，在保險行業信息化建設領域取得重要突破，成功連續中標中國出口信用保險公司、華泰保險集團股份有限公司災備管理平台項目。 成功中標：中國出口信用保險災備體系建設及駐場維保服務採購項目 中國出口信用保險公司是由國家出資設立、支持中國對外經濟貿易發展與合作、具有獨立法人地位的國有政策性保險公司，於2001年12月18日正式掛牌運營，服務網絡覆蓋全國

it , 數字韌性 , 災備

carloslab 頭像

Carlos - 深入理解 JavaScript 中的剩餘參數和擴展運算符

在 JavaScript 的現代特性中,剩餘參數(Rest Parameters)和擴展運算符(Spread Operator)是兩個非常實用的語法特性。雖然它們的寫法看起來很像(都使用 ... 語法),但是它們的使用場景和功能是不同的。現在讓我們深入理解這兩個特性。 剩餘參數(Rest Parameters) 基本概念 剩餘參數允許我們將不確定數量的參數表示為一個數組。它使用 ... 語法,必須

react , vue.js , 全棧工程師 , 前端 , Javascript