@Javascript

動態 列表
@shanejix

現代 JavaScript 教程 —— JavaScript 編程語言篇

摘自 現代 JavaScript 教程;總結自己覺得重要/疏忽/未知的部分,閒來無事時看看,抓耳撓腮時看看。長篇預警! ECMA-262 規範 最權威的信息來源(語言細節),每年都會發佈一個新版本的規範 🚩最新的規範草案請見 https://tc39.es/ecma262/ 🚩最新最前沿的功能,包括“即將納入規範的”(所謂的 “stage 3”),請看這裏的提案 https://gith

shanejix 頭像

@shanejix

昵稱 shanejix

@yanyue404

Promise 實現 (從簡易版到符合Promise A+規範)

前言 手寫 Promise 是面試的時候大家都逃避的送命題,在學些瞭解後發現通過實現源碼更能將新一代的異步方案理解的通透,知其然知其所以然的運用。 如果直接將源碼貼到此處勢必不能有更大的收穫,下面就按實現版本來看做簡要分析。 回顧 Promise Promise 是 CommonJS 提出來的這一種規範,有多個版本,在 ES6 當中已經納入規範,原生支持 Promise 對象,非 ES6 環境可以

yanyue404 頭像

@yanyue404

昵稱 RainBow

@invalidnull

微信小程序開發系列 (三) :微信小程序如何響應用户點擊事件和微信平台 API 的使用方法介紹

筆者由於工作需要,曾經參加過一個微信小程序同 SAP 系統集成的項目,因此從零開始學習了微信小程序的開發知識。這裏通過系列文章把自己所學分享出來,希望對相關學習者有所幫助。 本教程前面兩篇文章: 微信小程序開發系列 (一) :開發環境搭建和微信小程序的視圖設計與開發 微信小程序開發系列 (二) :微信小程序的單步調試和控制器實現步驟概述 通過本教程前面兩篇文章的介紹,大家對微信小程序的視圖

invalidnull 頭像

@invalidnull

昵稱 註銷

@hightopo

圖撲這樣設計高質量可視化大屏

5 大指南塑造高階可視化 5 Guidelines to Shape Advanced Visualization · 可視化是個友好的媒介 · ·理解數據是成為優秀媒介的關鍵 · · 業務驅動下的設計策略· · 圖撲設計的無限可能 · · 創新思維讓可視化更具價值 · 可視化是個友好的媒介 我們正處於一個數據氾濫的時代,隨處可見數據的身影,更知其不可忽視的重要性。企業運營產生的海量數據,若僅停留

hightopo 頭像

@hightopo

昵稱 hightopo

@jump_and_jump

利用 XState(有限狀態機) 編寫易於變更的代碼

目前來説,無論是 to c 業務,還是 to b 業務,對於前端開發者的要求越來越高,各種絢麗的視覺效果,複雜的業務邏輯層出不窮。針對於業務邏輯而言,貫穿後端業務和前端交互都有一個關鍵點 —— 狀態轉換。 當然了,這種代碼實現本身並不複雜,真正的難點在於如何快速的進行代碼的修改。 在實際開發項目的過程中,ETC 原則,即 Easier To Change,易於變更是非常重要的。為什麼解耦很好? 為

jump_and_jump 頭像

@jump_and_jump

昵稱 jump__jump

@jackn

前端進階(1)Web前端性能優化

前端進階(1)Web前端性能優化 Web前端性能優化, 不僅能夠改善站點的用户體驗,並且能夠節省相當的資源利用。下面將從1)服務器、2)html內容、3)css、 4)javascript、 5)圖片等幾方面介紹具體的優化操作。 1. 服務器優化 1.1. 使用內容分發網絡(CDN) 把網站內容分散到多個、處於不同地域位置的服務器上可以加快下載速度。 1.2. 服務器使用http2.0協議 Htt

jackn 頭像

@jackn

昵稱 Jack_N

@asmallwhitecat

【包真】我的第一次webpack優化,首屏渲染從9s到1s

大家好,我是貓小白,本文基於vue2,全文閲讀大約需要3分鐘。 談到webpack優化大部分人可能都看膩了,無非就那幾招嘛,我之前也是看過許多類似的文章,但都沒有自己真正上手過,下面是我用公司的項目真實操練下來的,首屏加載速度提升很大(刷刷的),希望能幫到你。 廢話不多説,先看看對比成果! 類型 優化前 優化後 js文件大小

asmallwhitecat 頭像

@asmallwhitecat

昵稱 華仔

@dreamapplehappy

try/catch/finally:“前端的好厚米,我覺得你們不夠了解我呀~”

這篇文章想跟大家一起重新温習一下關於使用 try...catch 進行異常捕獲的一些知識點。為了提升大家的閲讀興趣,我們先來做三個小練習題,如果你都做對的話,那麼表明你這一部分的知識掌握的很熟練,可以不用讀這篇文章啦~ 如果做錯了某道題的話,説明我們還有一些知識點需要再次鞏固一下,話不多説,我們先來看看這三道題: function doTask () { try { con

dreamapplehappy 頭像

@dreamapplehappy

昵稱 dreamapplehappy

@shixiansheng_67ea5ae9c45b7

蝦皮Shopee商品信息採集

Shopee(蝦皮)是東南亞流行的電商平台,很多商家和開發者對其商品詳情數據感興趣。採集Shopee商品詳情數據(特別是按商品ID獲取),常用方法是Shopee的API接口或爬蟲技術。不過,直接爬取數據可能涉及版權、隱私和平台使用條款問題,採集前要確保行為合規。 使用Shopee官方API:這是最推薦的方法。通過官方API,開發者可以合法、安全地獲取商品詳情數據,同時享受API提供的其他便利,如數

shixiansheng_67ea5ae9c45b7 頭像

@shixiansheng_67ea5ae9c45b7

昵稱 呵呵人生

@nanchengfe

基於 Letterize.js + Anime.js 實現炫酷文本特效

如上面gif動圖所示,這是一個很炫酷的文字動畫效果,文字的每個字符呈波浪式的擴散式展開。本次文章將解讀如何實現這個炫酷的文字效果。 基於以上的截圖效果可以分析出以下是本次要實現的主要幾點: 文案呈圓環狀擴散開,擴散的同時文字變小 文字之間的間距從中心逐個擴散開,間距變大 文案呈圓環狀擴散開,擴散的同時文字變大 文字之間的間距從中心逐個聚攏,間距變小 動畫重複執行以上4個步驟 實現過

nanchengfe 頭像

@nanchengfe

昵稱 南城FE

@hightopo

掌控物體運動藝術:圖撲 Easing 函數實踐應用

現如今,前端開發除了構建功能性的網站和應用程序外,還需要創建具有吸引力且尤為流暢交互的用户界面,其中動畫技術在其中發揮着至關重要的作用。在數字孿生領域,動畫的應用顯得尤為重要。數字孿生技術通過精確模擬現實世界中的對象、過程和系統,對動畫的需求遠遠超過傳統前端開發。 在這種環境中,動畫不僅僅是為了美觀,更是用於實現系統與現實的同步、演示覆雜過程和數據可視化的關鍵手段。 HT 動畫介紹 在足夠短的時間

hightopo 頭像

@hightopo

昵稱 hightopo

@haikuotiankong_mac

基於小程序請求接口 wx.request 封裝的類 axios 請求

Introduction wx.request 的配置、axios 的調用方式 源碼戳我 feature 支持 wx.request 所有配置項 支持 axios 調用方式 支持 自定義 baseUrl 支持 自定義響應狀態碼對應 resolve 或 reject 狀態 支持 對響應(resolve/reject)分別做統一的額外處理 支持 轉換請求數據和響應數據 支持 請

haikuotiankong_mac 頭像

@haikuotiankong_mac

昵稱 海闊天空_mac

@jibvxiz

微前端是什麼,可以帶來什麼收益

轉自掘金原文《微前端究竟是什麼,可以帶來什麼收益》 本文將講解微前端誕生的背景,詳細解説微前端概念的緣由以及其深入理解,讀完本文,相信你對微前端有一個比較全面的認知,明白它可以解決您團隊以及整個企業什麼問題,帶來怎麼樣的收益。 一.背景 現在很多企業,基本在物理上進行了應用代碼隔離,實行單個應用單個庫,閉環部署更新測試環境、預發佈環境和正式環境。於是,我們的探討的是,基於不同應用不同庫並獨立部署的

jibvxiz 頭像

@jibvxiz

昵稱 吉古力

@jump_and_jump

聊聊不可變數據結構

三年前,我接觸了 Immutable 庫,體會到了不可變數據結構的利好。 Immutable 庫具有兩個最大的優勢: 不可修改以及結構共享。 不可修改(容易回溯,易於觀察。減少錯誤的發生) let obj = { a: 1 }; handleChange(obj); // 由於上面有 handleChange,無法確認 obj 此時的狀態 console.log(obj) 結構共享(

jump_and_jump 頭像

@jump_and_jump

昵稱 jump__jump

@ohhhcky

NPM 自動更新版本號

本文首發於 YFun's Blog。 前言 ChenYFan 大佬的文章:SpeedUp!使用黑科技為你的網站提速 有提到過將 Hexo 博客的全部靜態文件上傳至 NPM 達到加速效果。 但是 NPM 版本號不能重複,而且為了精準命中緩存和防止邊緣 @latest 緩存過長,就必須指定版本號。 本人在 我的圖牀解決方案 一文中使用的方法是 npm version patch。 但這個方法也

ohhhcky 頭像

@ohhhcky

昵稱 OhhhCKY

@tangzhiyuan

Hexo + Butterfly 自定義頁腳

原文鏈接 :Hexo + Butterfly 自定義頁腳 推薦閲讀 基於 Hexo 從零開始搭建個人博客(一): 環境準備 基於 Hexo 從零開始搭建個人博客(二): 項目初識 基於 Hexo 從零開始搭建個人博客(三): 主題安裝 基於 Hexo 從零開始搭建個人博客(四): 基礎配置 基於 Hexo 從零開始搭建個人博客(五): 詳細配置 基於 Hexo 從零開始搭建個人博客(

tangzhiyuan 頭像

@tangzhiyuan

昵稱 唐志遠

@tangzhiyuan

關於博客更新的二三事

原文鏈接:關於博客更新的二三事 前言 很顯然,正如大家所見到的,這一版本主題v4.7.0進行了大量的刪減工作。可能正如 “大道至簡” 吧,相比於前一版本 v3.7.1 ,個人認為可能有點花哨(僅個人認為),所以這一版本並未過多魔改,只在樣式上做了些許調整,更多的繼承沿用了主題自帶的效果。 先看下兩個版本的對比: v 4.7.0 效果 v 3.7.1 效果 Deleted f

tangzhiyuan 頭像

@tangzhiyuan

昵稱 唐志遠

@zero_dev

Hexo最新實戰:(一)Hexo7.0+GitHub Pages博客搭建

前言 很多平台都能寫博客還有創作激勵,為什麼我又要搭一個?為什麼這次要選擇用Hexo框架? 對應的原因是流量自由和省錢,第一個,很多平台能寫但不是都有收益,而且平台有自身的規則,比如會屏蔽一些推廣類信息。如果我哪天做了一產品,是沒辦法直接用平台博客的方式硬推的,至少放碼和鏈接不行。第二個用Hexo搭到GitHub上,我可以不用買服務器,畢竟現在也還沒有想法要做一個什麼樣的東西。 總之,有個獨立博客

zero_dev 頭像

@zero_dev

昵稱 北橋蘇

@aresn

View UI Plus 發佈 1.3.0 版本,新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar,可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

aresn 頭像

@aresn

昵稱 Aresn

@aresn

View Design 物料市場項目已全部適配 Vue.js 3

目前,物料市場中的所有內容均已完成 Vue.js 3 的適配,View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有: 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

aresn 頭像

@aresn

昵稱 Aresn

@beverly0

SegmentFault 思否技術週刊 Vol.73 — 如何有效地學習 JavaScript ?

本期技術週刊一起了解 Javascript,歡迎大家閲讀 ~ 文章推薦 手寫一個同步服務端時間的小工具 // jump__jump 在前端開發的過程中,開發者經常會用到 new Date() 來獲取當前時間,但是 new Date() 是獲取的當前操作系統的時間,由於用户可以修改當前電腦時間,所以它是不準確的。 大部分情況下,用户修改當前電腦時間都沒有什麼問題,但是當我們需要根據服務端傳遞的

beverly0 頭像

@beverly0

昵稱 鹹口鍋包肉

@beverly0

SegmentFault 思否技術週刊 Vol.76 — 破解 Javascript 玩法

本期技術週刊一起了解 Javascript,歡迎大家閲讀 ~ 文章推薦 淺談 Javascript 閉包 // magnesium 閉包的概念是有很多版本,不同的地方對閉包的説法不一 維基百科:在計算機科學中,閉包(英語:Closure),又稱詞法閉包(Lexical Closure)或函數閉包(function closures),是在支持頭等函數的編程語言中實現詞法綁定的一種技術。 MD

beverly0 頭像

@beverly0

昵稱 鹹口鍋包肉