收藏 / 列表

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)

前言 跳槽是每個人的職業生涯中都要經歷的過程,不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章,希望你沒有白白浪費停留在這裏的時間,能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試,你永遠不知道市面上的行情如何。這次找工作下來,我自身感覺市場並沒有那麼可怕,也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

小X學技術 - Y 分鐘速成 perl

源代碼下載: learnperl-cn.pl Perl 是一個功能強大、特性齊全的編程語言,有25年的歷史。 Perl 可以在包括便攜式設備和大型機的超過100個平台上運行,既適用於快速原型構建,也適用於大型項目開發。 # 單行註釋以#號開頭 #### Perl的變量類型 # 變量以$號開頭。 # 合法變量名以英文字母或者下劃線起始, # 後接任意數目的字母、數字或下劃線。 ###

基礎 , Perl , 語法 , 入門

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶(帶分頁)

前戲: 在移動端網頁中的列表如何實現滾動和搜索條件的記憶,類似微信文章一樣,瀏覽到文章的某一個位置,在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表,如果你現在需求是不帶分頁的文章或列表當然也可以參考,實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件,要在tab切換時需要默認把滾動條重置到最頂部(從頭開始瀏覽),refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳,閲讀更多原創技術文章 生成器 ES6 新增的結構,可以在一個函數塊內暫停和恢復代碼執行,可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數,函數名稱前加一個星號* 可以定義函數的地方,都可以定義生成器(箭頭函數除外) function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

點墨 - 解決Qt 6.2.3 WebEngine中clipboard.write圖片複製失效及下載問題

複製失效問題 問題描述 在Qt 6.2.3中使用QWebEngineView嵌套網頁時,通過JavaScript的navigator.clipboard.write()複製圖片無響應,控制枱報錯: Uncaught TypeError: navigator.clipboard.write is not a function 根本原因 安全上下文限制 clipboard.write()

chrome , c++ , Web

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

前端路引 - Web前端入門第 84 問:JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟,它倆的暴露的 API 方法一模一樣。 但兩者也有不同點: 1、sessionStorage 存入的數據在頁面關閉後,會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離,互不影響。也就是説相同的鏈接,在 A 標籤頁打開和在 B 標籤打開,A 寫入的 sessionSt

前端 , Javascript

後山人 - 洞察:低代碼與零代碼的本質區別及其對企業級開發的影響

在數字化轉型的浪潮中,低代碼(Low-Code)和零代碼(No-Code)平台因其承諾的效率提升而備受關注。然而,兩者並非同義詞,它們在目標用户、所需技能、應用場景和定製化能力上存在本質區別。 本文將詳細闡述低代碼和零代碼的核心差異,分析它們各自的侷限性,並結合 鋭智後台(RaiseAdmin)快速開發平台 的實踐,説明其如何通過“代碼生成 + 專業編碼”的混合模式,為企業級應用提供一個超越兩者侷

小程序 , php , Javascript

微芒不朽 - 【CSS進階】使用CSS gradient製作絢麗漸變紋理背景效果

前言 一直對漸變背景這塊比較感興趣,但是因為每天加班實在太忙了,任務也比較多。所以就只能下班的時間研究漸變背景這方面的知識,一來滿足了自己的好奇心,二來可以更加了解這方面的知識。跟更多不斷學習的小夥伴們一起進步,一起汲取新的知識。不斷成長,不斷精進自己的知識。有想一起討論技術,一起成長的夥伴們,也可以加微信一起交流。各微信羣裏面,有很多前端領域的大佬,在他們身上學到了很多,今後也努力向他們看齊。不

css3 , css技巧 , Css , css3動畫 , 前端

DiracKeeko - [axios] 實現頁面級批量取消請求

在請求發送階段(未取得返回結果時),前端(瀏覽器)取消請求,捕獲該狀態,並做異常攔截處理。 思路: 1、記錄每個請求的cancelToken。 2、在頁面路由更新時(從頁面A進入頁面B時)取消A頁面未完成的請求。 3、把"取消請求"的異常狀態做一個特殊的異常標記。 4、全局請求攔截器對這種特殊的異常標記做靜默處理。 代碼實現: 1、全局的請求實例攔截器中,增加配置,通

Axios , 前端

Apifox - 發現 HTTP 和 RPC 的不同之處:技術洞察

隨着互聯網技術的發展,網絡通信在各種應用中扮演着至關重要的角色。無論是構建 Web 應用還是進行服務之間的交互,選擇合適的通訊協議成為開發者們需要深入思考的問題。在眾多協議中,HTTP(HyperText Transfer Protocol)和 RPC(Remote Procedure Call)因各自獨特的特點和優勢而備受關注。那麼,它們之間有何不同,又該如何在實際項目中做出選擇呢? 什麼是 H

HTTP , rpc , 程序員 , 後端 , 前端

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多,下面我們來寫常用的幾種(包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承): 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例,從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

OpenTiny社區 - TinyVue的DatePicker 組件支持日期面板單獨使用啦!

本文由體驗技術團隊劉坤原創。 現代 Web 開發中,日期選擇器是不可或缺的組件之一。無論是用户填寫表單、篩選數據,還是設置預約時間,日期選擇器都能提供便捷的操作體驗。然而,在某些場景下,我們可能需要將日期面板單獨使用,例如在彈窗、浮層或抽屜中展示,以提升用户體驗。 DatePicker 組件全新升級,支持日期面板單獨使用!無論您是需要在複雜頁面中嵌入日期選擇器,還是希望在特定場景下提供獨立的日期選

vue.js , 組件庫 , 開源 , 前端 , Javascript

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接:https://medium.com/@technicadil_001/how-to-write-better-types... 作者:Debabrata Dash 原標題:How to write better Typescript codes? 在本文中,我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者:本文討論了 15 個實用技巧,以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

懟懟 - 【js】DOM基礎

DOM 基本概念 節點類型 節點樣式 事件 1 基本概念 Document Object Model 文檔對象模型 BOM:與瀏覽器交互的方法和接口 DOM:處理網頁內容的方法和接口 - HTML和XML的應用程序接口 window是BOM的核心對象,window上的document是DOM的核心 任何HTML或XML文檔都可以用DOM表示為一個由節點構成的層級結

dom , 事件 , Javascript

zsirfs - 深入一點 - 為什麼説splice 效率低呢

原文: https://zswfx.com/articles/5da713302ddd022595ff506a 我們在使用 Array.prototype.splice 方法的時候,都會提及説它速度慢,效率低。尤其在例如 Vue或者React 框架中也不推薦使用,原因是為什麼呢? splice 方法 方法介紹如下: 方法也比較明瞭,就是在數組內刪除或者添加元素。 如下示例: // 添加一個

javascript專題系列 , Javascript

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

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

賀公子 - Rokid vs Nreal 虛擬拍照開發實現

Rokid vs Nreal 虛擬拍照開發實現 本文將對 Rokid Glasses 與 Nreal Glasses 在虛擬拍照應用開發中的實現方案進行對比與總結,涵蓋硬件配置、開發環境、FOV 場景搭建、拍照實現核心步驟、性能優化、異常處理,以及 Glasses的SDK實現。文末提供一份對比表,幫助開發者快速選擇與兼容。 一、硬件與連接配置 設備參數對比 多平台配對

JAVA

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明,我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前,讓我們先大致瞭解一下此項目的結構,方便後續描述。 温馨提示:我們推薦你在開始之前去Github上把此項目clone下來後,對照着源碼進行學習! 目錄結構 其實你只需要關注下面四個文件夾: src:框架源碼; loader:類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

追風的苦咖啡 - 信創產業核心組件:國密 SSL 證書如何支撐自主安全生態?

國密 SSL 證書作為信創產業的核心安全組件,通過國產算法自主可控、全棧技術適配、跨域信任貫通、合規體系支撐四大維度,構建起覆蓋 “芯片 - 操作系統 - 瀏覽器 - 雲平台” 的自主安全生態,成為我國網絡空間主權的重要技術基石。 一、國產算法自主可控:從底層打破技術依賴 國密 SSL 證書採用我國自主研發的SM2/SM3/SM4 算法體系,從根本上擺脱對 RSA/ECC 等國際算法的依賴

ssl證書 , 服務器 , 微服務 , HTTPS , Linux

李遊Leo - 深入理解 ECMAScript 2024 新特性:正則表達式 /v 標誌

ECMAScript 2024 (ES15)標準引入了新的正則表達式標誌 /v,這一新增功能不僅優化了多行匹配的處理,還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要,比如日誌分析、代碼審核等。接下來,本文將深入探討 /v 標誌的實際應用價值,並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具,經常被用於字符

ecmascript , Javascript

beckyyyy - 可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先,什麼是噪聲呢?在上篇文章中我介紹過一個生成隨機數的函數,利用隨機技巧我們生成了一個類似剪紙的圖案,那在自然界中,這種離散的隨機也是比較常見的,比如蟬鳴突然響起又突然停下,比如雨滴隨機落在一個位置,但是隨機和連續並存是更常見的情況,比如山脈的走向是隨機的,但山峯之間的高度又是連續的,比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來,就形成了噪聲

webgl , 可視化 , 前端