@Javascript

动态 列表
@chaoqipengbodehanbaobao

從 0 到 1 打造社區產品:短説社區助力開啓社交新篇

從 0 到 1 打造社區產品:短説社區助力開啓社交新篇在這個信息繁雜的時代,人們愈發渴望能有一方專屬天地,與志同道合之人盡情交流興趣、分享生活點滴。你是否也在尋覓這樣一個獨特的社交空間呢?現在,一款依託短説社區搭建,即將從 0 成長為 1 的全新社區產品,正準備為你開啓前所未有的社交體驗! 打造社區產品的第一步,是精準定位。我們深入剖析目標用户羣體,聚焦於 (具體目標用户羣體)。拿攝

chaoqipengbodehanbaobao 头像

@chaoqipengbodehanbaobao

昵称 想天瀏覽器

@heqiliao_5cf8819257e40

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

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

heqiliao_5cf8819257e40 头像

@heqiliao_5cf8819257e40

昵称 何棄療

@grewer

樹形選擇器的使用場景探索

在工作中,樹形選擇器(tree-select)是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織(2 萬以上)內,需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣: 層級加載+後端搜索 **既然數據量很多,那最好不要一次性加載,不然會有以下的一些問題: 問題一是後端的加載速度很慢 二是前端也會手動很大的影響,比如需要開

grewer 头像

@grewer

昵称 Grewer

@immerse

熱點面試題:聊聊對 this 的理解?

前言 歡迎關注 『前端進階圈』 公眾號 ,一起探索學習前端技術...... 前端小菜雞一枚,分享的文章純屬個人見解,若有不正確或可待討論點可隨意評論,與各位同學一起學習~ 聊聊對 this 對象的理解? 定義 在執行上下文中的一個屬性,它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式:當一個函數不是一個對象的屬性時,直接作為函數來調用時

immerse 头像

@immerse

昵称 沉浸式趣談

@tuzixiansen_63d4d65909d62

原生微信小程序響應式數據

原生微信小程序提供兩種響應式數據處理方式 1、module:value="{{ xxx }}" 2、setData module:value 第一種方式為簡易雙向綁定,這種雙向綁定只能對應data中的簡單數據類型,例如:string、number、boolean、null,例如: data: { keyword: '' // data中直接定義 }, 頁面用module:va

tuzixiansen_63d4d65909d62 头像

@tuzixiansen_63d4d65909d62

昵称 兔子先森

@yuhuashi_584a46acea21f

webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景: 兼容性測試流程中,遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下: 根據報錯信息檢查了一下頁面引用的vendors包,發現有...語法,來自於第三方依賴axios。 原因: axios包有es6語法,而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下: {

yuhuashi_584a46acea21f 头像

@yuhuashi_584a46acea21f

昵称 雨花石

@icecreamlj

提升開發體驗:基於 JSDoc 的 React 項目自動代碼提示方案詳解

需求背景 主管和其他同事基於公司的業務特點,開發了一套自研前端框架。技術選型是 React + JavaScript 的組合,上線後表現還不錯。現在他們想把這個組件庫推廣到其他團隊使用,所以讓我琢磨一下:怎麼能讓使用者用得更順手一點?尤其是能不能在寫代碼的時候有自動提示? 我調研了一下市面上常見的幾種方案,大致有以下幾類: 把整個項目從 JavaScript 重構為 TypeScript,這樣

icecreamlj 头像

@icecreamlj

昵称 一顆冰淇淋

@haiyong

Madalin Stunt Cars 2:極限特技賽車網頁版深度解析(附遊戲試玩)

💂 網站推薦:【 摸魚遊戲】【神級代碼資源網站】【星海網址導航】 摸魚、技術交流羣👉 點此查看詳情 你是否厭倦了傳統賽車遊戲的固定賽道?《Madalin Stunt Cars 2》(點此試玩)帶來完全不同的狂野體驗: ✅ 自由開放世界 – 無賽道限制,全地圖任你狂飆 ✅ 超真實物理引擎 – 翻車、飛躍、360°空翻全模擬 ✅ 多款豪車可選 – 跑車、越野車、肌肉

haiyong 头像

@haiyong

昵称 海擁

@webshijie

鴻蒙UI開發全解:JS與Java雙引擎實戰指南

摘要 隨着鴻蒙系統不斷迭代,越來越多開發者開始關注其獨有的跨設備生態能力。而UI開發作為用户體驗的關鍵,在鴻蒙中有着自己獨特的一套架構和流程。本文將從實際開發出發,帶你瞭解鴻蒙JS UI 和 Java UI 框架的開發方式,配合示例代碼、場景分析,幫助你快速上手。 引言 鴻蒙的UI體系主要有兩種開發模式:基於 JavaScript 的 聲明式 UI(JS UI 框架) 和基於 Java 的 命令式

webshijie 头像

@webshijie

昵称 前端視界

@key_686e189f2e7cc

使用ENO將您的JSON對象生成HTML顯示

ENO 是簡單易用,性能卓越,自由靈活開源的 WEB 前端組件;實現 JSON 與 HTML 互操作的 JavaScript 函數庫。沒有任何其它依賴,足夠輕量.   WEBPack NPM 工程安裝。   npm install @joyzl/eno   然後在JS中引用   import "@joyzl/eno";   將JS實體對象填充到表單   假設有一個如下

@grapecity

JavaScript 異步編程指南:async/await 與 Promise 該怎麼選?

在 JavaScript 開發中,異步操作就像家常便飯 —— 從調用後端 API 到讀取本地文件,幾乎無處不在。但很多開發者都會困惑:到底該用 Promise 的鏈式調用,還是 async/await 語法?其實答案很簡單:沒有絕對的好壞,只有場景的適配。 今天我們就用實際案例聊聊,這兩種異步寫法各自適合什麼場景,以及如何在項目中混搭使用,讓代碼既高效又易讀。 先搞懂:兩者不是對立關係 很多人以為

grapecity 头像

@grapecity

昵称 葡萄城技術團隊

@yinzhixiaxue

AntV G6 基礎元素詳解(React版)

一、初識 AntV G6 AntV G6 是螞蟻集團推出的專業級圖可視化引擎,適合構建關係圖譜、拓撲圖、流程圖等場景。相比其他圖形庫,G6 提供完整的佈局算法 和交互體系 ,開發者在 10 分鐘內即可搭建可交互的圖應用。 技術特點速覽: 支持 Canvas / SVG 雙渲染模式 內置 10+ 圖佈局算法 提供豐富的節點/邊類型 完善的文檔和 React 示例 二、節點(Nodes)完

yinzhixiaxue 头像

@yinzhixiaxue

昵称 銀之夏雪

@yinzhixiaxue

this你瞭解多少呢

執行上下文 js在執行代碼之前,需要經過一系列的“準備”,這被稱為執行上下文 ,其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的,每創建一個執行上下文,就會將當前執行上下文放到一個棧頂,這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文: 全局執行上下文 ,進入去全局代碼的時候。任何不在函數

yinzhixiaxue 头像

@yinzhixiaxue

昵称 銀之夏雪

@yuhuashi_584a46acea21f

review代碼系列(二):

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

yuhuashi_584a46acea21f 头像

@yuhuashi_584a46acea21f

昵称 雨花石

@yangy5hqv

(Online CAD Software)在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量,它與傳統的尺寸公差不同,不僅關注長度或直徑等線性尺寸的變化,還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示: 根據國家標準 GB/T 1182-2018(等同於 ISO 1101

yangy5hqv 头像

@yangy5hqv

昵称 夢想雲圖網頁CAD

@codesheep_pro

JetBrains出手了,IDEA重大調整,來了!

昨晚我在家網上衝浪例行刷博客時又看到了一個事關 IntelliJ IDEA 變化的重磅消息,可能有些同學也看到了。 JetBrains 決定將 IntelliJ IDEA 全部遷移到統一發行版。 這是什麼意思呢? 大家都知道,在此之前,在 IntelliJ IDEA 官網其實一直是提供有兩套安裝包供用户去下載和安裝使用的。 分別為: IntelliJ IDEA Ultimate:專業旗艦版

codesheep_pro 头像

@codesheep_pro

昵称 CodeSheep

@tuzixiansen_63d4d65909d62

《vue.js設計與實現》——嵌套的 effect 與 effect 棧

effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時,例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發

tuzixiansen_63d4d65909d62 头像

@tuzixiansen_63d4d65909d62

昵称 兔子先森

@silkide

前端數據拷貝簡史

本來是自己想了解下js中關於零拷貝的內容,順藤摸瓜瞭解了下相關歷史演進,便有了這篇文章。雖説是數據拷貝歷,但其中也夾雜了大量關於Ajax和SPA的歷史,也算是順着拷貝這條藤摸到的瓜,所以有點跑題。希望大家能開心吃瓜,如果有任何紕漏和補充,請在評論區暢所欲言,我們一起完善這段有趣的歷史。 一、為什麼我們需要拷貝? 小明已經有了一個羅技G102鼠標,但是他又買了一個,請問為什麼?答:因為怕第一個壞掉了

silkide 头像

@silkide

昵称 Silkide