收藏 / 列表

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖,能夠通過鼠標去拖拽點,來進行修改圖表 實現 例子基於vue來實現,如果是jq的按照官網的例子即可,配置列表鏈接.,例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

vue.js , highcharts , HTML , 前端 , Javascript

你好2007 - input或textarea中關於光標移動問題

什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區,也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有二個屬性: selectionStart、selectionEnd,分別代表選區開始位置,選區結束位置。 通過修改這二個值就可以形成選區,寬度為0也就實現了光標的位置控制和獲取。 IE瀏覽器 IE瀏覽

input , textarea , selection , HTML , 前端

小謳 - 《javascript高級程序設計》學習筆記 | 8.1.理解對象

關注前端小謳,閲讀更多原創技術文章 理解對象 ECMAScript 定義對象:無序屬性的集合(一組沒有特定順序的值),其屬性可以包含基本值、對象、函數,整個對象可以想象成一個散列表 相關代碼 → 創建自定義對象的 2 種方法:Object 構造函數和對象字面量: 用構造函數創建一個 Object 實例,然後為它添加屬性和方法 var person = n

面向對象編程 , object , 前端 , Javascript

雲綺棠兮 - JS 對象如何實現深拷貝

如何實現一個對象的深拷貝? 方法1:使用JSON (對象的序列化和反序列化) 需要注意的是:在引用數據類型中,地址是保存在棧區的,屬性值存放在堆區的,不同的地址指向的值是不一樣的,這裏是深拷貝的寫法,變量地址是互不影響的,所以是obj == obj1為false,而在淺拷貝中就是為true的,因為在賦值的同時obj會把地址一起賦值給obj1,使他們的地址指向堆區的同一個值 // 如何實現一個對

深拷貝 , lodash , 前端 , Javascript

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司,定位這種基礎能力是深度融入在各業務的核心鏈路中的,筆者所在的地圖團隊經常會收到定位相關的badcase,但苦於定位的複雜與較難回收出價值,一直沒有針對性去解決此類問題,那在各大互聯網廠商都在做下沉市場注重用户體驗的今天,我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置,會給用户提示並阻塞發單,用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

Kagol - 重回鐵王座!時隔5年!Quill 2.0 終於發佈啦🎉

你好,我是 Kagol。 2024年4月17日,Quill 2.0 正式發佈🎉 最後一個 1.0 版本 1.3.7 發佈於 2019年9月9日,時隔4年零7個月。 富文本編輯器擁有非常豐富的使用場景,我在做 OpenTiny 開源運營過程中,也經常有用户問:OpenTiny 有富文本嗎? 於是在2023年6月,我們開始規劃富文本組件,做技術選型時,考慮了 Quill、Tiptap、Editor.

富文本編輯器 , quill , 前端

長林啊 - 深入學習 React:組件、狀態與事件處理的完整指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家點贊、關注和分享! 在上一篇文章《走進 React:打造交互式用户界面的第一步》中,我們已經對 React 以及其環境搭建有了初步的瞭解;React是一個極其強大的JavaScript庫,專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

codechen8848 - 代碼檢測器!一款專門揭露屎山代碼的質量分析工具!

大家好,我是 Java陳序員。 你是否也曾面對祖傳代碼欲哭無淚?看着幾千行的函數、毫無註釋的邏輯、嵌套八層的條件判斷,只想大喊一聲“這寫的什麼玩意兒”? 今天,給大家介紹一款專門揭露屎山代碼的質量分析工具,一個能把“屎山代碼”量化打分的硬核神器! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 fuck-u-code —— 一款

後端

愛跑步的番茄 - 代理IP是什麼?核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中,代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性,對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP(Proxy IP)指用户通過代理服務器訪問互聯網時,以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

點量實時雲渲染 - 破解數字孿生落地難題,點量雲流引領高效新徑

在數字化轉型的浪潮的正盛的當下,數字孿生作為連接物理世界與數字世界的核心橋樑,正深刻變革着城市規劃、工業製造、科研教育等領域。然而,構建一個高保真、高實時、高可用的數字孿生系統,始終面臨着一系列技術挑戰:海量三維模型與實時渲染數據的輕量化交付、多終端設備的廣泛適配、以及至關重要的數據安全與國產化信創需求。 點量雲流實時雲渲染以五大核心技術標杆,為這些挑戰提供了完美的解決方案,並已在實際項目中獲得驗

資訊 , 服務器 , 前端

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

麒寧 - Ant Design 常見用法與坑點總結(二):Form 表單下拉框設置初始值

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫,相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此,瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及,但是容易被忽略的,又比較重

antd , select , antd-mobile , 前端 , Javascript

TANKING - 前端發起網絡請求的幾種常見方式(XMLHttpRequest、FetchApi、jQueryAjax、Axios)

摘要 前端發起網絡請求的幾種常見方式包括: XMLHttpRequest (XHR): 這是最傳統和最常見的方式之一。它允許客户端與服務器進行異步通信。XHR API 提供了一個在後台發送 HTTP 請求和接收響應的機制,使得頁面能夠在不刷新的情況下更新部分內容。 Fetch API: Fetch API 是一種新的 Web API,提供了一種更強大、更靈活的方式來發起網絡請求。它使用 Promi

xmlhttprequest , fetch , Axios , jquery , Javascript

JackySummer - 結合實踐解讀 package.json

前言 平時大家在公司接手一個已有項目的時候,首先會看的是什麼呢?我的習慣是先看 README.md 和 package.json。 通過 README 瞭解項目是做什麼和注意點,通過package.json瞭解項目涉及的技術棧和 npm 庫等等。 今天就來深入瞭解下package.json這個文件,不僅是解釋詳細字段含義與運用(忽略部分第三方字段本文就不介紹了),更重要的是想借此擴展總結下涉及工作

package.json , 工程化 , Javascript

註銷 - 什麼是面向對象設計領域的 Covariance 概念

在面向對象編程領域,Covariance是一個重要的概念,它涉及到繼承關係中的類型兼容性。具體來説,Covariance描述了在一個繼承體系中,子類型(派生類)的方法返回類型能否被視為父類型(基類)方法返回類型的子類型。 理解Covariance 要理解Covariance,首先需要明白子類型和父類型的關係。在面向對象編程中,通常會有一個基類(父類)和一個或多個派生類(子類)。子類繼承了父類的特性

面向對象設計模式