收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同，今年是在線上召開的，每次談話大約十分鐘，討論規模更大。雖然我沒有在第一時間觀看會議的直播，但是看回放也不會錯過這些亮點。 所有的回放在這裏：https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標，可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PHP中的`null`和空值：理解與處理

在PHP中，null和“空值”（空字符串、空數組等）是兩個常常被混淆的概念，然而它們有着不同的語義和用途。對這兩者的理解和合理處理，對於編寫健壯和高效的PHP代碼至關重要。本文將深入探討PHP中null和空值的區別、使用場景以及如何高效處理它們。 1. 什麼是null？ 在PHP中，null是一個特殊的標量類型，它表示變量“沒有值”。null不僅僅是一個空的值，它還代表着該變量並未被賦予任何有效的

node.js , php , lavarel , go , 後端

liuyuxuan6666 頭像

LYX6666 - 釘釘企業內部應用同步部門用户

前言 有了上一篇釘釘企業內部應用SSO單點登錄實戰及踩坑過程之後，再去看釘釘的文檔和接口就顯得輕車熟路了。 明確需求：定時把釘釘的用户同步到企業自己開發的系統中，以便讓企業內的員工都能使用SSO單點登錄。 確定接口 借鑑上一篇的經驗，我們優先選擇V2版本的接口。 釘釘開放平台-用户信息 右側提供了返回值的實體，注意到包括userId、姓名、電話這三個關鍵字段存在，説明該接口滿足需求。 把鼠標放到

單點登錄 , 釘釘 , springboot , JAVA , 後端

xboxyan 頭像

XboxYan - 不一樣的SVG！SVG在CSS背景平鋪中的應用

歡迎關注我的公眾號：前端偵探 再次介紹一些你可能沒用過的SVG小技巧。 有時候會遇到一些完全相同的圖形，如果能用上 CSS背景平鋪，那就再合適不過了。舉個例子，有這樣一個按鈕 相比普通的按鈕，多個左右兩個小裝飾，如果是你，會怎樣實現呢？ 假設這個小圖標是a.svg，想了一下，應該有以下幾種方式 1.偽元素 剛好用上::before和::after，設置相同的背景就行了，示意如下 butto

css3 , Css , 前端 , svg

daimaxieshen 頭像

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

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

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

zxc7563598 頭像

蘇琢玉 - 收藏版：Phinx 數據庫遷移完全指南

最近在維護老項目時，又一次用到了 Phinx。 這個工具我已經用了很多年，幾乎每個項目都會用上它。它屬於那種平時不常用，但每個項目都離不開 的工具。 問題在於，它用得不頻繁，每次寫遷移腳本時總會忘記某個參數怎麼寫、某個字段該用什麼類型。 這些當然可以去查官方文檔，但 Phinx 的文檔雖然內容齊全，卻總讓我覺得信息分散、查起來不夠順手。 於是，我乾脆花點時間，把自己常用的命令、配置方式

MySQL , php , 數據庫

qfifteen 頭像

十五 - 參透 JavaScript —— 圖解 Event Loop 事件循環

前言 本篇文章主要講解瀏覽器中事件循環(Event Loop) 那些事 單線程 JavaScript 中的同步和異步 同步任務是立即執行的任務，在調用棧(Call Stack)順序執行 異步任務則不同，它在同步任務沒完成之前，不會進入主線程，而是將對應回調函數註冊到隊列中，要理解這一步，我們先要知道任務隊列 任務隊列 在調用棧(Call Stack)中，如果遇到一個異步操作，那麼會將對應的回調函數

promise , 事件循環 , 異步任務隊列 , 異步編程 , Javascript

haixiudezhusun 頭像

高德開放平台 - 高德地圖xRokid，聯合打造首個智能眼鏡導航行業標杆

2025年5月16日，高德地圖與Rokid宣佈達成合作，將共同推出基於全場景智能眼鏡Rokid Glasses的全球首個導航智能體（NaviAgent）應用，標誌着高德Planner-Executor架構即將開啓跨終端合作部署，逐步構建起環繞出行和位置服務的空間智能生態體系。 攜手共建，智能眼鏡導航新生態 高德地圖作為專業領先的出行和位置服務解決方案提供商，長期致力於以技術為本，為用户打造一張高效

智能硬件 , 高德地圖 , 智能應用

waweb 頭像

哇喔WEB - TypeScript中如何使用Object、object和{}？

Object、object和{}（對象類型） 不知道是不是有很多兄弟和我一樣，在進行typescript的前端項目開發時，總是不能很好地使用對象類型；有時會定義為Object，有時又會定義為object，但是大多時候我們會混淆兩者。 就拿我個人而言，對於對象我都下意識的定義為object，運氣好呢編譯通過了（開心😄），運氣差點呢vscode還有提示修復能，一鍵修復也是記極好了。但是，咱也不是完

object , typescript , 前端

shawnphang 頭像

茶無味的一天 - 時隔一年多jQuery發佈3.6.1新版本，你還在用JQ嗎？

在今年8月26日 jQuery 終於是更新了一個 3.6.1 維護版本，距離上一個版本發佈時間已過去一年零五個月之久，其維護者表示接下來主要考慮修復聚焦與失焦(focus blur)的問題以及一些難以捉摸的邊緣情況，可能是歷史原因，jQuery 中與焦點有關的地方都很難改變，團隊從未完全正確地修復，所以他們暫時保留這些內容，並將在未來解決，特別是因為這些更改最終可能需要發佈一個新的主要版本。 所

jquery-ui , jquery-mobile , jquery , 前端 , 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預編譯處理（二）安裝使用篇

一、Sass、LESS和Stylus的安裝 1.Sass的安裝 Sass是Ruby語言寫的，但是兩者的語法沒有關係。不懂Ruby，照樣可以正常使用Sass。只是必須先安裝Ruby，然後再安裝Sass。首先安裝Ruby，如果你使用的是IOS系統，那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統，那麼安裝就有些許的麻煩。不過也不用過於擔心，按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 提升 Web 端 JavaScript 的可信度：WAICT 體系詳解

提升 Web 端 JavaScript 的可信度：WAICT 體系詳解 在當前互聯網時代，網頁是最強大的應用平台。只要在瀏覽器中擁有合適的 API，你理論上可以安全運行任何你想運行的東西。不過——除了“加密學”這塊。事實上，自 2011 年以來，“網頁中的 JavaScript 加密”一説就被認為是“不靠譜”的。 其核心問題在於：代碼的分發。如果我們在客户端瀏覽器中生成密鑰，從而讓用户能夠發送／

Javascript

laomao_5902e12974409 頭像

來了老弟 - vue項目部署後提示用户有新版本

你可能在瀏覽器見到過上面這種UI，這是在vue項目重新build在服務端部署後，瀏覽器刷新頁面彈出的提示，這時如果用户點擊更新就會重載頁面，清除之前的緩存獲取最新內容。 這是怎樣發生的呢？你可能會想到下面的方式： 服務端編譯重新部署維護一個版本號，客户端通過輪詢檢測和本地存儲的是否相同，發現更新的版本就彈框提示（缺點 耗電。尤其是在移動端） 通過在html中做版本標記... websoc

vue.js , pwa , service-worker

zhengcaiyunqianduantuandui 頭像

政採雲前端團隊 - 政採雲前端小報第48期

政採雲前端小報第48期 瀏覽更多往期小報，請訪問： https://weekly.zoo.team 本週原創 前端工程師需要了解的 Babel 知識 基於 Vue 的商品主圖放大鏡方案 本週收集 Kubernetes 在有讚的實踐 本文分享了 Kubernetes 在有讚的實踐和演進，以及遇到的一些問題。 通過實現25個數組方法來理解及高效使用數組方法(長文,建議收藏) - 掘金 高效使用

vue.js , bfc , Javascript

dunizb 頭像

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中，我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中，使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫，旨在通過實現部分 HTML 更新來增強Web應用，而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同，它通過有線方式發送 H

全棧 , node.js , htmx , 前端

zhongkejin 頭像

中關村科金 - ShareSDK iOS端 UniversalLink生成最佳實踐

什麼是Universal Link(通用鏈接) Universal Link (通用鏈接)是Apple在iOS9推出的一種能夠方便的通過傳統 HTTPS鏈接來啓動APP的功能，可以使用相同的網址打開網址和APP。當你的應用支持Universal Link(通用鏈接)，當用户點擊一個鏈接是可以跳轉到你的網站並獲得無縫重定向到對應的APP，且不需要通過Safari 瀏覽器。如果你的應用不支持的話，則會

universal-links , ios9

qianxiaqingkong 頭像

蘭俊秋雨 - Charles註冊

註冊碼 Registered Name:https://zhile.io License Key: 48891cf209c6d32bf4 操作 打開Charles找到help選項-》點擊register Charles選項 彈出如下輸入框 輸入對應的name和key點擊註冊即可 重啓查看已完成註冊

charles , 前端

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

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

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

data_ai 頭像

數據庫知識分享者 - 阿里雲AHAS Chaos：應用及業務高可用提升工具平台之故障演練

簡介： 阿里雲AHAS Chaos：應用及業務高可用提升工具平台之故障演練 應用高可用服務AHAS及故障演練AHAS Chaos 應用高可用服務（Application High Availability Service）是阿里雲一款專注於提高應用及業務高可用的工具平台，目前主要提供應用架構探測感知、故障注入式高可用能力評測和流控降級高可用防護三大核心能力，通過各自的工具模塊可以快速低成本地在營銷

react , coffeescript , bootstrap , Javascript

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

tongchuangyongyi 頭像

同創永益 - 從被動響應到主動防禦——IT 應急演練平台 v3.0.1 重構企業安全免疫系統

在數字化浪潮席捲全球的今天，企業正面臨着前所未有的風險挑戰：某銀行因系統故障導致 2 小時交易中斷，損失超 5000 萬元；某能源集團因災備系統失效，數據恢復耗時長達 72 小時...... 這些慘痛教訓背後，暴露的是傳統應急體系 "重預案、輕實戰" 的致命短板。 在當今數字化時代，企業面臨着複雜多變的IT環境，應急事件的響應能力成為企業穩定運營的關鍵。為了幫助企業更好地應對各種挑戰

it , 數字韌性 , 前端

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端