收藏 / 列表

冴羽 - 10 個被嚴重低估的 JS 特性,直接少寫 500 行代碼

前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 Hi,我是冴羽,學習前端,歡迎圍觀我的“網頁版朋友圈”、踏上“前端大佬成長之路”。 1. Set:數組去重 + 快速查找,比 filter 快 3 倍 提到數組去重,很多人第一反應是 filter + indexOf,但這種寫法的時間複雜度是 O (n²),而 Set

ecmascript-6 , typescript , 前端 , Javascript

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目,該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式,方案1:通過iframe集成mxcad項目;方案2:直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式,這種方式與iframe嵌套集成相比更加方便,集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

用户bPdeG32 - JavaScript 與 TypeScript 的詳細對比

JavaScript 是當前 Web 開發的主要編程語言,也是現代前端開發的基石。儘管它靈活而強大,但在大型項目中,JavaScript 的動態類型系統和無類型檢查常常帶來代碼管理上的問題。為了解決這些問題,微軟在 2012 年推出了 TypeScript,這是一種 JavaScript 的超集,增加了靜態類型檢查、接口、類和其他現代化的編程特性。 本文將深入對比 JavaScript 和 Typ

ecmascript-6 , node.js , typescript , 前端 , Javascript

羊先生 - 如何在uni-app使用iconfont字圖標

添加圖標 打開,https://www.iconfont.cn/ 網站,找到自己的喜歡的圖表加入到項目中 下載本地 點擊下載至本地 拷貝文件 將iconfont.css,iconfont.woff,iconfont.woff2 複製到自己的項目中, 打開iconfont.css文件,我需要去編輯框框的地方 資源轉換 uni-app 字體文件小於 40kb,uni-app 會自動將其轉化為

iconfont , 字體 , webapp , uni-app , 前端

運維社 - 大白話講解synchronized鎖升級套路

synchronized鎖是啥?鎖其實就是一個對象,隨便哪一個都可以,Java中所有的對象都是鎖,換句話説,Java中所有對象都可以成為鎖。 這次我們主要聊的是synchronized鎖升級的套路 synchronized會經歷四個階段:無鎖狀態、偏向鎖、輕量級鎖、重量級鎖 依次從耗費資源最少,性能最高,到耗費資源多,性能最差。 鎖原理 先看看這些狀態的鎖為什麼稱之為鎖,他們的互

node.js , Scala , fastapi

山頭人漢波 - Koa2從零到腳手架

什麼是 Koa2 由 Express 原班人馬打造的新生代 Node.js Web 框架,它的代碼很簡單,沒有像 Express 那樣,提供路由、靜態服務等等,它是為了解決 Node 問題(簡化了 Node 中操作)並取代之,它本身是一個簡單的中間件框架,需要配合各個中間件才能使用 文檔 中文文檔 (野生) 最簡單的 Koa 服務器 const Koa = require('koa') cons

koa2 , node.js , 前端

註銷 - 如何根據自己的實際需求開發屬於自己的sublime text插件

In my spare time I would like to use Sublime Text to write some small pieces of HTML5 code. Every time after I finish the edit, I have to manually open the html page via Chrome manually, which is very

python3.x , sublime-text-3 , abap , sublime-text , Python

一顆冰淇淋 - 徹底弄懂js中this指向(包含js綁定、優先級、面試題詳解)

為什麼要使用this 在javascript中,this可謂是無處不在,它可以用來指向某些元素、對象,在合適的地方使用this,能讓我們減少無用代碼的編寫 varuser={ name:"aclie", sing:function(){ console.log(user.name+'在唱歌') }, dance:function(){ console.log(user.name+'在跳舞') },

this的用法 , this , Javascript

水冗水孚 - vue3中實現live2D技術的應用虛擬角色數字人live2d-render、pixi-live2d-display

什麼是live2D技術?可以用來做什麼? 請點擊看效果:http://ashuai.work:8890/#/16 簡而言之: 可以用來創建虛擬角色、數字人的技術 達到類似於動漫、插畫、遊戲中的人物效果 可動作交互、語音發聲 可以用到的平台很多,比如Web、Native、Unity、遊戲引擎、JAVA等平台 就前端而言,3D項目使用threejs,2D項目使用pixijs 所以,pix

虛擬現實 , vue3 , canvas , Javascript