收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - 這 7 道關於 this 的面試題，你能答對幾個？

在 JavaScript 中，this 是函數調用上下文。正是由於 this 的行為很複雜，所以在 JavaScript 面試中，總是會問到有關 this 的問題。 做好的準備面試的方法是練習，所以本文針對 this 關鍵字整理了 7 個有趣的面試。 注意：下面的 JavaScript 代碼段以非嚴格模式運行。 1：變量與屬性 以下代碼輸出什麼： const object = { messag

面試 , this的用法 , 前端 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 初識Spring IoC

零、前言 從第一天開始學習SpringBoot，到現在已經有兩年了，兩年以來我的搬磚能力不斷增強，但理論層面仍然是零基礎小白。 因此，打破瓶頸的方法，就是像學長們一樣，多讀書、多看理論知識，然後應用實踐。 所以我開始學習Spring的兩大特性之一——控制反轉(IoC)。 在此之前，我們需要了解什麼是依賴關係。 如果A的成功運行必須需要調用B，此時就可以稱為B是A的依賴。

spring , ioc

xboxyan 頭像

XboxYan - 2018 年終總結

這算是第一次寫年終總結吧，當然公司的除外。 這一年收貨很多，做出的東西很比較多，下面總結一下。 1.可編輯佈局系統 這是一個公司內部佈局系統，支持層級，可以通過拖拽的方式形成網頁，暫時不公開 2.服務器和域名 5月份首次購買了服務器，當然只是學生優惠套餐嚐鮮，然後完全搭建了自己的個人博客 項目地址:https://github.com/XboxYan/koa-blog 個人博客https://b

2018總結 , 總結 , 前端

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

zxc7563598 頭像

蘇琢玉 - 在 Astro 博客中優雅使用 51.la 統計數據

作為老牌網站流量統計服務商，51.la 提供每月高達 1000 萬次的免費統計額度，非常適合個人博客或小型網站使用。不過，51.la 默認的統計展示是通過嵌入 JS 文件自動渲染的，這種展示方式對美觀性和自定義性有限，對於追求頁面整潔或者想要自己設計展示風格的博主來説不太方便。 我之所以想自己處理 51.la 的統計，是因為我希望更直觀地看到有多少人訪問我的博客，瞭解訪客的訪問情況，從而改進內容和

astro , 博客 , 前端

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

haixiudezhusun 頭像

高德開放平台 - 智能手錶地圖新體驗，RTOS系統助力全球行

高德開放平台智能手錶解決方案上線！RTOS系統來襲，卓越性能開啓智能手錶地圖新體驗！6大服務優勢，海量數據直達腕間。融合多品類地圖服務，全面滿足運動出行、智能守護等場景的用户需求，適配各類智能手錶、智能手環，打造智能穿戴生態。

地圖開發 , 數據挖掘 , 地圖api , 人工智能

waweb 頭像

哇喔WEB - TypeScript中如何使用Object、object和{}？

Object、object和{}（對象類型） 不知道是不是有很多兄弟和我一樣，在進行typescript的前端項目開發時，總是不能很好地使用對象類型；有時會定義為Object，有時又會定義為object，但是大多時候我們會混淆兩者。 就拿我個人而言，對於對象我都下意識的定義為object，運氣好呢編譯通過了（開心😄），運氣差點呢vscode還有提示修復能，一鍵修復也是記極好了。但是，咱也不是完

object , typescript , 前端

shawnphang 頭像

茶無味的一天 - 如何優雅地編寫一個高逼格的JS插件？

在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的

插件 , 模塊化開發 , 插件化 , 前端 , Javascript

buddhad666 頭像

buddha - CSS:網格佈局(grid)

grid容器 通過將屬性display的值設為grid，使 HTML 元素變為網格容器，該容器就可以使用與 CSS 網格（CSS Grid）相關的屬性。 例如： div class="container" div class="item1"網格1/div div class="item2"網格2/div div class="item3"網格3/div /div s

grid , Css

jhcan333 頭像

JHCan333 - 代碼 review 介紹

一、為什麼要review 1、提高代碼質量 這是代碼 Review 的初衷，也是代碼 Review 最直接的價值。Reviewers 根據各自的經驗，思考方式，看問題的角度給代碼提出各種可能的改進意見，從而形成更好的代碼以及產品質量。 我們知道產品問題越晚提出解決它的代價就越大，參與進去的人、要走的流程都會越來越多。代碼 Review 可以説是早期解決問題最有效的途徑之一了，在代碼 Review

規範化 , 程序員 , 前端

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（三）：基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則，CSS預處理器語言也不例外，在真正使用CSS預處器語言之前還有一個不可缺少的知識點，就是對語法的理解。值得慶幸的是，這三款CSS預處理器語言的語法和CSS語法都差不多。 1.Sass語法 Sass3.0版本開始使用的是標準的CSS語法，和SCSS可以説是一樣的。這樣Sass代碼轉換成CSS代碼變得更容易。默認Sass使用

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 數據保護技巧揭秘：為導出文件添加防護密碼的實用指南

一、前言 當涉及到敏感數據的導出和共享時，數據安全是至關重要的。在現代數字化時代，保護個人和機密信息免受未經授權的訪問和竊取是每個組織和個人的首要任務之一。在這種背景下，葡萄城的純前端表格控件 SpreadJS 提供的加密功能為用户提供了一種強大的工具，可以輕鬆地將導出的 Excel 文件進行加密，以確保數據的安全性和機密性。 本文將深入探討 SpreadJS 導出 Excel 文件時的加密功能，

加密

laomao_5902e12974409 頭像

來了老弟 - nginx在同一域名下部署多個vue項目

本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目，在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式，以及vue-router中history的配置方式，以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟，結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目，普通的前

Nginx , spa , 前端

user_p5fejtxs 頭像

林一一 - 編寫 loader 和 plugin

原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數，對匹配到的內容進行轉換，將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言，對於其他的資源通過 loader 後可以轉化做預處理

loader , plugin , webpack , Javascript

dunizb 頭像

杭州程序員張張 - GraphQL初體驗，Node.js構建GraphQL API指南

作者：CHRIS CASTLE 原文：https://blog.heroku.com 譯者：杜尼卜 在過去的幾年中，GraphQL已經成為一種非常流行的API規範，該規範專注於使客户端（無論客户端是前端還是第三方）的數據獲取更加容易。 在傳統的基於REST的API方法中，客户端發出請求，而服務器決定響應： curl https://api.heroku.space/users/

rest-api , node.js , graphql , 全棧工程師

zhongkejin 頭像

中關村科金 - 極客星球 | Android SDK架構設計之路

​編者按：7月15日晚，由MobTech袤博科技主辦的一檔線上技術直播分享欄目【Coder Park】第一季第二講《移動端新風向》順利在雲端舉行，客户端負責人文軍分享了MobTech袤博科技Android SDK架構設計之路，從0到1開發及迭代過程中遇到的一系列難題，共同探討其解決思路和SDK開發架構升級。 以下為分享內容： MobTech袤博科技開發者服務歷時9年，現已覆蓋全球近155億+移動

android-sdk , 架構

qianxiaqingkong 頭像

蘭俊秋雨 - 年終盤點跨平台技術優劣勢對比（Hybrid、RN、Weex、Flutter）

跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景

weex , react-native , flux , hybrid-app , 前端

wenjinhua 頭像

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現（node中引入模塊的過程） 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

data_ai 頭像

數據庫知識分享者 - 阿里巴巴雲原生混部系統 Koordinator 正式開源

簡介：脱胎於阿里巴巴內部，經過多年雙 11 打磨，每年為公司節省數十億的混部系統 Koordinator 今天宣佈正式開源。通過開源，我們希望將更好的混部能力、調度能力開放到整個行業，幫助企業客户改進雲原生工作負載運行的效率、穩定性和計算成本。 作者 | 逐靈 來源 | 阿里技術公眾號 脱胎於阿里巴巴內部，經過多年雙 11 打磨，每年為公司節省數十億的混部系統 Koordinator 今天

阿里巴巴 , 開源

heqiliao_5cf8819257e40 頭像

何棄療 - 微信小程序onShow的坑點

最近，公司小程序項目功能更新，部分功能複測，讓某些兼容性問題再次暴露在我的面前，特此發出來給暫未遇到這個問題的開發者，提供一些思路。 onShow表現 這個事件鈎子，在頁面重新顯示的時候觸發，無論是否重新加載，對於一些數據更新和獲取，提供了穩定的處理方案。但是，假如當前頁面有選擇圖片上傳的功能或者文件上傳，選擇文件後，頁面會進入onShow鈎子，且這種情況安卓是必然觸發，IOS系統，身邊設備有限，

生命週期 , 小程序 , 前端

tongchuangyongyi 頭像

同創永益 - 《數據安全法》的前世今生，對災備有何影響？

文章轉載來源公眾號：@雲災備 《中華人民共和國數據安全法》（下稱“《數據安全法》”）已於 9 月 1 日正式落地實施，作為我國第一部有關數據的基礎法，其意義無須多言。一石激起千層浪，社會各界解讀不斷，但重點太多等於沒有重點，本文僅從災備行業關注的角度，理一理《數據安全法》的“前世”、“今生”以及“未來”。 一、沒有數據安全就沒有國家安全 數據作為重要的生產要素，被國家列為基礎性戰略資源，回

行業 , 數據安全 , 災備 , 安全

carloslab 頭像

Carlos - 深入理解 JavaScript 中的剩餘參數和擴展運算符

在 JavaScript 的現代特性中,剩餘參數(Rest Parameters)和擴展運算符(Spread Operator)是兩個非常實用的語法特性。雖然它們的寫法看起來很像(都使用 ... 語法),但是它們的使用場景和功能是不同的。現在讓我們深入理解這兩個特性。 剩餘參數(Rest Parameters) 基本概念 剩餘參數允許我們將不確定數量的參數表示為一個數組。它使用 ... 語法,必須

react , vue.js , 全棧工程師 , 前端 , Javascript