收藏 / 列表

Vitaly Friedman - Meet Accessible UX Research, A Brand-New Smashing Book

UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how different people are and how their needs and preferences can vary. We can’t predict the need

Accessibility , ux , Smashing Books

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API,代碼量很少,但也是其重要模塊之一。在看源代碼之前,我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值,並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端

IT開發者筆記 - 國產化Excel開發組件Spire.XLS教程:使用Python將CSV轉換為XML(處理現實數據問題)

CSV 因其簡潔和跨平台的廣泛支持,是最常見的表格數據交換格式之一。然而,當需要處理結構化應用程序、配置文件或層次化數據時,XML 通常成為首選格式,因為它能夠表示嵌套關係並提供更嚴格的數據驗證。 在本指南中,我們將探討如何使用Spire.XLS for Python將 CSV 文件轉換為 XML。你將學習如何將 CSV 轉換為Excel XML格式以及標準 XML。同時,我們還將介紹如何清理和

軟件工程

另類的剪刀 - Smartproxy提取指南——JSON-first 架構與參數化最佳實踐

本指南以 API 代理 IP 提取為核心,結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準,幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性,Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論

react , typescript

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

雨花石 - review代碼系列(二):

背景: 因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

夢想雲圖網頁CAD - (WEB在線編輯DWG)在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能,用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值,同時可以自定義選擇標註文字的位置,測量圓功能能夠快速掌握目標圓對象的數據信息,方便統計工程量。 測量面積功能(多邊形、矩形)以多邊形的每一個頂點來確定多邊形的形狀和位置,通過點擊矩形的量角點來確定矩形的大小和位置,也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山,均屬於 JavaScript 中基礎卻又十分複雜的部分,而且面試中也經常問到。 今天,我們就來詳細介紹一下原型鏈與繼承,聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘,可直接跳轉至原型鏈圖片看圖複習。 下面,讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時,都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器,該工具無需安裝,打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意:工具只針對機械盤有用、固態盤沒有用,固態盤使用可能會造成損傷。 操作流程很簡單:在進行磁盤整理前,先勾選需要整理的盤符,之後點擊 “智能磁盤整理” 按鈕,即可自動完成整理操作。 管快速清理碎片,優化碎片,大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

mob64ca13fe62db - stageMode模式 INSTALL_PARSE_FAILED_USESDK_ERROR stage setting

這章中使用的示例,會延續上一章創建的Rails應用chapter2,但是我們會創建一個新的controller。在終端下執行: script/generate controller chapter3 index get_time repeat reverse

機器學習 , xhtml , HTTP , ViewUI , 人工智能 , HTML , Javascript

Kirill Myshkin - Orchestrating Complexity With Web Animations API

There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Web An

animation , API , Interfaces , Javascript

華為雲開發者聯盟 - 一文教會你認識Vuex狀態機

摘要:簡單來説,Vuex就是實現組件全局狀態(數據)管理的一種機制,可以方便的實現組件之間數據的共享。 本文分享自華為雲社區《Vuex狀態機快速瞭解與應用》,原文作者:北極光之夜。 一. 速識概念: 1. 組件之間共享數據的方式: 通常有以下幾種方式: 父向子傳值:v-bind 屬性綁定; 子向父傳值:v-on 事件綁定; 兄弟組件之間共享數據:EventBus; 2. vuex是

vue.js , 應用 , vuex , 父子組件 , 事件

heath_learning - CSS BFC特性(塊級格式化上下文)

1、元素的BFC特性 BFC全稱為”Block Formartting Context”,中文為”塊級格式化上下文”。它是頁面中的一塊獨立的渲染環境,並且有一套渲染規則, 它決定了其子元素將如何定位,以及它和其他兄弟元素的關係和相互作用。 BFC佈局規則: 1)bfc內部的元素會在垂直方向,一個接一個地放置 2)盒子垂直方向的距離有margin決定,屬於同一個bfc的兩個相鄰元素的margi

css技巧 , bfc , Css , HTML

新茶十九 - webstorm保存自動prettier格式化

在 WebStorm 中配置保存時自動使用 Prettier 格式化代碼,能有效統一代碼風格。以下彙總了關鍵的配置方法和注意事項。 配置步驟 關鍵操作 説明/參考 ① 安裝 Prettier 在項目根目錄執行 npm install prettier --save-dev

code , 根目錄 , 代碼風格 , 前端開發 , Javascript

Christian Heilmann - Find The Right JavaScript Solution With A 7-Step Test

As Web developers and designers, we are spoilt for choice right now. To build a complex Web application or even just spice up a website with some highly interactive interface element, we have hundre

testing , coding , Javascript

Atila Fassina - Remix Routes Demystified

Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is th

react , Frameworks , Tools , Apps

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統:從 CommonJS 到 ES6 模塊的演變

ECMAScript 6(通常稱為 ES6 或 ECMAScript 2015)是 JavaScript 語言的一個重大更新,帶來了許多新特性,這些特性極大地增強了語言的功能性和可維護性。其中,模塊系統的引入是 ES6 最重要的特性之一,它徹底改變了 JavaScript 的開發模式,從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統,討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)之手寫題(二)

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 手寫題是比較好準備的一個環節,大部分公司考察的題也就那麼多,大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期: "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等) "寒冬"三年經驗前端面試總結(含

面試 , 筆試 , 前端 , Javascript

賀公子 - 證書請求全過程分析

證書請求全過程分析 證書請求通常涉及生成密鑰對、創建證書籤名請求(CSR)、提交至證書頒發機構(CA)以及最終獲取簽名的證書。以下是詳細流程: 密鑰對生成 使用加密算法(如RSA或ECC)生成公鑰和私鑰。私鑰需嚴格保密,公鑰則包含在CSR中。 創建CSR CSR包含公鑰、主體信息(如域名、組織名稱等)以及簽名。簽名使用私鑰生成,用於驗證CSR的完整

密鑰對 , 服務器 , HTTP , 前端開發 , Javascript

小X學技術 - Y 分鐘速成 GDScript

源代碼下載:learngdscript-cn.gd GDScript 是一種動態類型的腳本語言,專門為免費開源遊戲引擎 Godot 製作。 GDScript 的語法類似 Python。 它的主要優點是易於使用和與引擎深度集成。 它非常適合遊戲開發。 基礎 # 單行註釋使用 # 號書寫。 """ 多行 註釋 是 使用 文檔字符串(docstring) 書寫。 """ # 腳

基礎 , 遊戲開發 , 腳本語言 , 入門

洛陽醉長安行 - 移動端過濾欄Tab組件mFilterToolbar

移動端開發中由於mui中沒有比較好用的tab組件,所以我就基於mui開發了一個tab列表組件,可以獲取當前的tab並且增加了排序功能,解決了列表的常見需求 源碼地址:https://github.com/booms21/mF... mFilterToolbar mFilterToolbar 是一款mui風格的移動端h5頂部過濾欄組件,可根據自定義的條件對列表進行過濾,支持排序、組件默認值、組

移動端 , mui

小謳 - 解決 mpvue 經典 bug:同路由切換時,上次的數據會保留

關注前端小謳,閲讀更多原創技術文章 由於一直在用vue技術棧,因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護,為了上手迅速,不顧可能存在的眾多bug,毅然用起來。 果不其然,一個大bug出現了:同一路由切換時,上一次的頁面數據會保留 項目實戰bug:mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因: 參考眾多答案後,用“

vue.js , 小程序 , mpvue , 前端 , Javascript

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript