收藏 / 列表

不語 - ik分詞器 自定義字典無效問題以及解決

關於kaibana自定義字典不生效的問題 kibana 自定義字典不生效的解決: 1確認ik分詞器在ES啓動時生效了(ES啓動時可以再日誌中看那些插件啓動了) 2確認自定義字典的編碼是否正確(一般使用utf-8),字典不生效90%都是編碼不正確

es7 , JAVA , 程序員 , 後端 , 前端

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中,Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整,靈活地填充可用空間。因此,無論是在桌面端還是移動端,Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例:響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄,項之間應均勻分佈,並且在小屏幕上時,導航項能夠堆疊在一起: nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

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

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

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

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

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

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

LaughingZhu - DevNow x Notion

前言 Notion 應該是目前用户量比較大的一個在線筆記軟件,它的文檔系統也非常完善,支持多種文檔格式,如 Markdown、富文本、表格、公式等。 早期我也用過一段時間,後來有點不習慣,就換到了 Obsidian ,但是身邊人用的還是很多的,隨着 Astro 5.0 的發佈,在內容集成上也提供了更多的方向,這期就來聊聊 DevNow 對 Notion 的支持。 1.Notion 設置 1.1 創

astro , 博客 , 前端

尹光耀 - underscore源碼分析之基礎方法

underscore源碼分析之基礎方法 本文是underscore源碼剖析系列的第二篇,主要介紹underscore中一些基礎方法的實現。 mixin 在上篇文章underscore整體架構分析中,我們講過_上面的方法有兩種掛載方式,一個是掛載到_構造函數上以_.map(arr)的形式直接調用(在後文上統稱構造函數調用),另一種則是掛到_.prototype上以_(arr).map()的形式被實

underscore , 前端 , Javascript

幸福的鬧鐘 - AJAX是如何憑一己之力提高前端程序員的工資水平的?

作者:阿達西 鏈接:juejin.cn/post/7395396352183009290 emmm,今天無意間聽到一個比較奇怪的信息,就是在很早之前,前端工程師只是一個切圖崽,而且工資也不是很高。説白了,就是沒含金量的工作。因為那時候的Web應用相對簡單,主要關注於頁面的靜態內容和基本的交互。所以前端開發的工作主要集中在HTML、CSS和基礎的JavaScript上。 但是自從AJAX出現後

Ajax , 程序員 , 前端

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好,這裏是 jsliang~ 新年新氣象,讓我們耍一個兔飛猛進的祝福吧: 這個是一個完整的線上小實例,小夥伴們可以填寫數據,服務器會用 Node.js 定期讀取數據: 填寫數據:https://kdocs.cn/l/cbmawranzvNL 效果查看:https://liangjunrong.github.io/ 例如你填的用户名稱是:

puppeteer , node.js , css3動畫 , html5 , Javascript

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元,所有的操作都要基於它實現。其實fiber就類似一個個element元素,react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點,然後把這個fiber的子節點賦值給workInProgress,當子節點不存在時,就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

長林啊 - 深入學習 React:組件、狀態與事件處理的完整指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家點贊、關注和分享! 在上一篇文章《走進 React:打造交互式用户界面的第一步》中,我們已經對 React 以及其環境搭建有了初步的瞭解;React是一個極其強大的JavaScript庫,專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

海豚V靚仔 - HTML 顏色

顏色在網頁設計和數字藝術中扮演着至關重要的角色。正如您所提到的,顏色可以通過紅色、綠色和藍色的混合(RGB)來定義,這種混合方式允許我們創建出數百萬種不同的顏色。每種顏色的強度(或稱為亮度)可以從0(最暗,表示為#00)到255(最亮,表示為#FF)變化。 在HTML和CSS中,顏色可以通過十六進制顏色代碼(如#FF0000表示紅色)、RGB函數(如rgb(255, 0, 0)也表示紅色)或者顏色

前端 , html5

Aresn - View UI Plus 發佈 1.1.0 版本,支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

MangoGoing - react 動態加載路由

前言 react-router4 不再推薦將所有路由規則放在同一個地方集中式路由,子路由應該由父組件動態配置,組件在哪裏匹配就在哪裏渲染,更加靈活 引入必要的依賴 import React from 'react' import { Router, Route, IndexRoute, hashHistory } from 'react-router' 接下來創建一個component函數 目的就

react , react-router4

鹵代烴 - 🔬 一文搞懂前端兼容問題

如果你喜歡我的文章,希望點贊👍 收藏 📁 評論 💬 三連支持一下,謝謝你,這對我真的很重要! 對於大部分開發者來説,版本兼容是一件存在感很低的事情,因為它在絕大部分情況下都是一行配置,在一些前端工具鏈(例如 Babel、CoreJS,Autoprefixer 等工具)的幫助下適配到目標瀏覽器,只會在一些大的 break change 事件(例如 Vue3 必須在支持 Proxy 的現代瀏覽

瀏覽器兼容性 , webpack , babel , 兼容性問題 , 前端

若川 - 50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

limingcan - 關於原型鏈的問題,教你怎麼套用方法直接判斷,面試不再虛

前言 首先原型、原型鏈,算是前端進階裏面必不可少,十分重要的一塊了。由於這塊特別繞,所以面試官很喜歡用這一塊來辨別你的底層知識掌握的怎麼樣。用的第三方框架,庫裏面,很多功能模塊化了,但大部分功能都繼承自一個基類。既然涉及到繼承,那也必不可少得先了解原型鏈,所以原型鏈確實重中之重。 為什麼大家對原型,原型鏈子會感到“懵”跟“繞” 其本質是因為,大家都沒理清楚__proto__、prototype、c

繼承鏈 , 原型 , 繼承關係 , 繼承 , 原型鏈

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

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 手寫題是比較好準備的一個環節,大部分公司考察的題也就那麼多,大都不會超出範圍。 本篇主要涉及promise相關的題目。 往期: "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等) "寒冬"三年經驗前

面試 , 筆試 , 前端 , Javascript

Kagol - 🎈Fluent Editor 富文本開源2個月的總結:增加格式刷、截屏、TypeScript 類型聲明等新特性

你好,我是 Kagol,個人公眾號:前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器,在 Quill 基礎上擴展了豐富的模塊和格式,框架無關、 功能強大、開箱即用。 2024年8月12日,Fluent Editor 正式開源! 源碼:https://github.com/opentiny/fluent-editor/ 官網:https://op

富文本編輯器 , typescript , 前端

codechen8848 - 開源免費!一個在線的數據庫實體關係繪圖工具!

大家好,我是 Java陳序員。 之前,給大家介紹過一款基於實體連接圖的數據庫設計工具。 可視化!一款基於實體連接圖的數據庫設計工具! 今天,給大家介紹一個同款的在線數據庫實體關係繪圖工具。 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 drawDB —— 一個開源免費的在線數據庫圖表編輯器,通過鼠標拖拽可視化設計數據庫,並支持

react , 前端

愛跑步的番茄 - 什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

點量實時雲渲染 - 破解雲VR教育普及難題: 點量實時雲渲染——實現跨終端無界協同

在數字化轉型浪潮中,教育領域正迎來深刻變革。尤其是虛擬現實(VR)技術,憑藉其沉浸式、交互式特點,成為推動教學方式演進的重要力量。然而,傳統VR教學方案受限於硬件性能、部署成本與使用門檻等因素,難以大規模普及。在此背景下,雲VR教學模式成為新的發展方向藉助以點量雲流實時雲渲染為代表的輕終端交互技術,可以突破傳統教學瓶頸,為教育行業帶來全新的可能性。 一、雲 VR 教學:邁向教育普惠與深度沉浸的新

資訊 , 服務器 , c++ , vr , Python

小帆聊前端 - 深度解讀前端包管理器:npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言:被依賴包支配的前端日常 "為什麼我本地能運行的項目,到服務器就報錯?" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間?" "安裝依賴為什麼要等 5 分鐘?" 這些前端開發中的經典靈魂拷問,都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今,前端包管理生態經歷了多次技術迭代,形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript