收藏 / 列表

chencaize 頭像

點墨 - JavaScript計算字符串實際長度

計算字符串的實際長度,雙字節字符(包括漢字在內)長度計2,ASCII字符計1 方法1:使用match: export function getByteLenMatch(data) { let result = 0; for (let s of data) { result += s.match(/[^\\x00-\\xff]/ig) == null ? 1 : 2; } r

長度 , string , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

linx 頭像

前端路引 - Web前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

hsr2022 頭像

後山人 - 穿越週期：堅持使用 PHP 的感悟與選擇的哲學

穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其

vue.js , MySQL , 小程序 , php , 教程

kestrel_task 頭像

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中，佈局是構建用户界面的核心環節。長期以來，CSS 的 float 屬性曾是實現多列布局的主要手段，但隨着 CSS 技術的發展，Flexbox（彈性盒子佈局）已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局，並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景：從 float 到 Flexbox float 最初設計用

前端

dirackeeko 頭像

DiracKeeko - [axios] axios中get請求的發送

"Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js htt

Axios , httprequest , get , 前端

apifox 頭像

Apifox - HTTP 和 HTTPS：瞭解有哪些不同

超文本傳輸安全協議（HTTPS）是建立在超文本傳輸協議（HTTP）之上的一種安全網絡傳輸協議。在計算機網絡上傳輸時，HTTPS 通過傳輸層安全性（TLS）或它的前身安全套接字層（SSL）為加密的連接提供保障，廣泛應用於互聯網。與HTTP相比，HTTPS在數據傳輸過程中保持溝通安全，阻難黑客截取或篡改信息。儘管兩者目標一致，但在實現上有關鍵的不同。 一、揭開 HTTP 的面紗 HTTP 定義 超文

http-2 , HTTP , HTTPS , 程序員 , Web

yinzhixiaxue 頭像

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

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

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

linong 頭像

linong - 前端培訓-中級階段（10）- 同源策略（2019-08-15期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 同源策略是什麼？ 同源策略是瀏覽器的一個安全功能，不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

ruochuan12 頭像

若川 - 學習 underscore 源碼整體架構，打造屬於自己的函數式編程類庫

前言 你好，我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大，姑且就算是源碼整體結構吧，主要就是學習是代碼整體結構，不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼，不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼，正在讀文章的你能推薦我的源碼系列文章，那真是太好了。 學習源碼整體架構系列文章如下： 1.學習 jQuery 源碼整體架構，打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

_607c00baa52ff 頭像

懟懟 - 【js】迭代器與生成器

迭代器(Iterator) 有時也稱為遍歷器 - 迭代器對象 作用 為各種數據結構提供統一的訪問接口 使數據結構的成員按照某種次序排列 統一的迭代方式for...of循環 1.可迭代(iterable) iterable：擁有Symbol.iterator屬性的數據結構是可迭代的 Symbol.iterator：值為迭代器生成函數 原生可迭代的數據結構： Array

iterator , generator , 前端 , Javascript

zisrfs 頭像

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

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

javascript專題系列 , Javascript

hai2007 頭像

你好2007 - input或textarea中關於光標移動問題

什麼是光標 頁面上輸入框中閃爍的光標其實是一個選區，也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有二個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選區結束位置。 通過修改這二個值就可以形成選區，寬度為0也就實現了光標的位置控制和獲取。 IE瀏覽器 IE瀏覽

input , textarea , selection , HTML , 前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 永久免費 + 國密支持！JoySSL 憑什麼成為中小站長新首選？

JoySSL 能成為中小站長新首選，核心在於精準擊中了中小站長 “成本敏感、合規難、技術弱、場景雜” 的四大核心痛點，其 “永久免費” 打破成本壁壘，“國密支持” 解決合規焦慮，再疊加低門檻操作與全場景適配，形成了對中小站長的強吸引力。 一、“永久免費”：擊穿中小站長的成本核心痛點 對個人博客、小電商、初創企業站點等中小站長而言，“省錢” 是首要訴求，而 JoySSL 的 “永久免費” 並非噱

ssl證書 , HTTPS , Javascript

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：字符串 isWellFormed 方法

ECMAScript 2024 引入了一個新的字符串實例方法：String.prototype.isWellFormed。這一新增功能是為了幫助開發者更容易地驗證字符串是否為有效的 Unicode 文本。本文將詳細介紹這一方法的使用場景、實現原理及其在實際應用中的價值。 String.prototype.isWellFormed：概念與應用 String.prototype.isWellForm

ecmascript , Javascript

nanchengfe 頭像

南城FE - 2023 年最受歡迎的 12 款 Chrome 瀏覽器擴展

谷歌瀏覽器Chrome是目前最受歡迎的瀏覽器之一，而瀏覽器擴展則是為了提升用户體驗和功能而開發的插件。 2023年穀歌公佈了12款最受歡迎的Chrome瀏覽器擴展。每個都提供獨特的功能來增強您的瀏覽體驗。以下是它們的詳細介紹： Speechify：將Google文檔、PDF、網頁或書籍轉換成語音，擁有30多種語言的自然發音聲音。 QuillBot：一套AI驅動的寫作工具，包括語法檢查

chrome , chrome-extension , Linux , 前端 , Javascript

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

ning_643b67be37ac3 頭像

麒寧 - Ant Design 常見用法與坑點總結（一）

前言 Ant Design 是螞蟻出品的出色優秀的 React 組件庫，相信使用 React 進行管理系統開發的小夥伴們或多或少都接觸過 Ant Design。很多公司基於 React 開發的管理端系統也都是使用 Ant Design 的組件庫。 因此，瞭解 Ant Design 的常見用法與坑點還是有必要的。 本系列文章針對 Ant Design 一些官方文檔雖有提及，但是容易被忽略的，又比較重

form , 表單驗證 , antd , 前端 , Javascript

cloudyttt 頭像

雲魚 - JavaScript 之原型、原型鏈

前言 其他編程語言如 Java 等使用 new 命令時，都會調用“類”的構造函數。但是，JavaScript沒有“類”，本身並不提供一個 class 實現（雖然在ES6中提供了class 關鍵字，但其只是語法糖，JavaScript仍然是基於原型的）。於是，JavaScript作了一個簡化的思想，new 命令後面跟的不是類，而是構造函數，用構造函數生成實例對象，但其缺點是無法共享屬性和方法。於是

原型原型鏈 , 類 , 面試 , 對象 , Javascript

u_17350491 頭像

轉角處的湯姆 - JavaScript 中的閉包：理解與應用

在 JavaScript 的世界中，閉包是一個非常重要且常用的概念。它不僅是 JavaScript 中的核心特性之一，也是許多複雜編程模式的基礎。無論是為了解決數據封裝問題，還是為了實現一些高效的異步編程模式，閉包都發揮着至關重要的作用。在本文中，我們將詳細探討閉包的概念、工作原理及常見應用，幫助你更好地理解並運用閉包。 目錄 什麼是閉包？ 閉包的工

詞法 , 作用域 , 數據封裝 , 前端開發 , Javascript

gqkmiss 頭像

月恆 - Cron 表達式用法

Cron 表達式 一、概述 Cron 表達式 是一種用於定義定時任務調度的標準語法，廣泛應用於 Linux 系統中的定時任務管理器 cron。它通過一組字段指定任務的執行時間，靈活地控制任務在特定時間點的運行。 在 cron 中，任務的調度時間通過 cron 表達式 來指定，它由 5 到 6 個字段組成（具體取決於環境）。每個字段表示時間單位（分鐘、小時、日期等），用來描述任務的執行計劃。 二、C

crontab , cron , 前端 , Javascript

u_17072679 頭像

前端小巷子 - 深入理解 Vue Router

深入理解 Vue Router 在前端單頁應用（SPA）中，路由是連接用户操作與頁面展示的核心橋樑。Vue Router 作為 Vue 官方的路由管理器，提供了豐富的功能和靈活的配置。本文將圍繞“路由模式”、“router 與 route 的區別”、“導航守衞的種類”以及“完整的導航解析流程”四個方面，帶你深入理解 Vue Router 的工作機制。 一、路由模式：hash 與

Vue , 路由配置 , 刷新頁面 , 前端開發 , Javascript

grewer 頭像

Grewer - 淺析微前端沙箱

前言 在大型項目中，微前端是一種常見的優化手段，本文就微前端中沙箱的機制及原理，作一下講解。 首先什麼是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends

iframe , qiankun , 微前端 , 前端 , Javascript

timor_5d5e2be9e8378 頭像

Timor - Angluar5+ionic3實踐(三)

背景: 這幾天在做復宏漢霖的報表.用到了echarts.git到了一個新功能.三張報表.靜態頁面畫了兩天.今天來整理下學到的知識點. 認識下echarts echarts官網地址 裏面有許許多多的圖例.目前我需要用到的是餅圖Pie和柱狀圖Bar. 實踐餅圖Pie 先看下實現效果: 由上圖可看出實際覆蓋率用的是餅圖.這裏用到的就是echarts的 Pie. 實現邏輯:

angularjs , ionic , echarts