收藏 / 列表

evilboy 頭像

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

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

chrome , pwa , Css , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

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 頭像

蘇琢玉 - 從零開始創建屬於自己的 Composer 庫

Composer 是 PHP 領域最流行的依賴管理工具，它使得管理項目依賴變得輕鬆簡單。然而，除了使用現有的包，我們也可以創建和發佈屬於自己的 Composer 包。 在這篇文章中，我將帶你一步一步完成從零開始創建併發佈一個自己的 Composer 包的流程。 創建項目 在你的工作目錄下創建一個新的文件夾作為你的包： mkdir project cd project 初始化 Composer

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 - TypeScript中你可能不知道的這些數據類型

類型 TypeScript的類型有很多，但是這裏不會逐一進行講解。下面列出來的幾種類型，有的你可能沒聽過、有的你可能沒用過、有的你可能用過但是不知道含義、有的你可能知道含義但是不能和其他類型區分··· Symbol ES6 引入了一種新的原始數據類型 Symbol ，表示獨一無二的值，它是 JavaScript 語言的第七種數據類型。 使用 Symbol() 函數我們可以申明一個 Symbol

數據類型 , typescript , 前端

shawnphang 頭像

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

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

jquery-ui , jquery-mobile , jquery , 前端 , Javascript

buddhad666 頭像

buddha - pc端px轉換為rem針對屏幕分辨率進行頁面適配

常用的pc端網站適配方案是什麼？用的最多的大概就是父元素按照設計圖的寬度進行固定寬度，margin:0 auto居中，兩邊留白。但是有的設計圖不適合這樣兩邊留白的適配方案。 最近接手了一個pc端的項目，雖然按照常用的柵格佈局+postcss-pxtorem插件對px轉換的方法對頁面做了適配，使頁面無論在pc端打開還是在移動端打開都能自適應，但是在高清分辨率下的頁面比如5k高清，佈局還是有些亂了，這

Css , rem , HTML , Javascript

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 頭像

葡萄城技術團隊 - 移動支付新時代——低代碼如何對接支付寶和微信支付

前言 移動支付已經成為現代生活中不可或缺的一部分。隨着技術的不斷髮展和普及，越來越多的人通過手機進行支付。支付寶和微信支付作為中國最主要的移動支付平台，已經成為人們日常生活中最常用的支付方式之一。然而，對於一些初創企業或者中小型企業來説，要接入支付寶和微信支付並不是一件容易的事情。傳統的接入方式需要大量的開發工作和技術支持，對於沒有相關技術背景的企業來説可能會面臨很大的困難。 低代碼開發平台的出現

微信支付 , 支付寶

laomao_5902e12974409 頭像

來了老弟 - 使用Node.js打包下載文件

本文介紹一下使用Node.js的fs模塊創建zip文件，需要藉助 archiver 包。 後端創建歸檔文件 這個操作一般由前端發起，如下圖所示： 把選中的文件地址發送給後端，後端根據文件地址創建歸檔文件，最後把歸檔文件的地址返回給前端，完成下載。 // zip文件臨時目錄 const ZIP_TEMPORARY = path.resolve(__dirname, '../../static

node.js , 下載 , zip

user_p5fejtxs 頭像

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

dunizb 頭像

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

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

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

zhongkejin 頭像

中關村科金 - MobPush丨Android端快速集成方法

開發工具： Android Studio 集成方式： Gradle在線集成 安卓版本支持： minSdkVersion 19 集成準備 註冊賬號 使用PushSDK之前，需要先在MobTech官網註冊開發者賬號，並獲取MobTech提供的AppKey和AppSecret，詳情可以點擊查看註冊流程 MobPush後台配置 註冊MobTech賬號後，需要在MobTech後台進行相關信息的配置，詳情可以

android-sdk , Android , android-studio , 集成

qianxiaqingkong 頭像

蘭俊秋雨 - Charles註冊

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

charles , 前端

wenjinhua 頭像

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素，又叫物理像素（physical pixel），給出您正在使用的任何設備的形式分辨率，可通過screen.width/height獲取. css像素，又叫設備獨立像素（device-indenpendent pixel），此為邏輯像素，計算機設備中的一個點 注意：設備像素和css像素的關係（縮小還是放大針對的是css像素）： 100％縮

移動端適配 , viewport , 前端 , html5 , Javascript

data_ai 頭像

數據庫知識分享者 - 基於Ganos百行代碼實現億級矢量空間數據在線可視化

簡介： 本文介紹如何使用RDS PG或PolarDB（兼容PG版或Oracle版）的Ganos時空引擎提供的數據庫快顯技術，僅用百行代碼實現億級海量幾何空間數據的在線快速顯示和流暢地圖交互，且無需關注切片存儲和效率問題。 01 引言 如何對時空數據庫中的億級矢量空間數據進行在線可視化一直是業界難題。因數據體量大，傳統方法需要將數據庫中數據進行基於緩存切片的服務發佈才能可視化，操作流程冗長，且有一大

coffeescript , Javascript

heqiliao_5cf8819257e40 頭像

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

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

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

tongchuangyongyi 頭像

同創永益 - 產品動態丨同創永益 IStorM ITEMS IT應急管理平台V3.0發佈

一、版本概述IStorM ITEMS IT應急管理平台V3.0.1本次迭代基於市場動態調研、客户交付反饋及IT應急建設指南，圍繞功能革新、性能優化、規格細化三大方向，全面升級產品能力。通過新增18項功能與12項優化項，顯著提升事件管理效率、智能化支持水平及平台擴展性，致力於打造行業領先的IT應急解決方案，助力客户實現風險高效應對與業務連續性保障。 二、新增功能亮點事件全生命週期管理 事

it , 數字韌性 , 前端

carloslab 頭像

Carlos - React 的單向數據流

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

react , 全棧工程師 , 前端