tag Javascript

標籤
貢獻1,351
1034
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 icecreamlj 頭像 yayu 頭像 lengxi_16 頭像 tanking 頭像 u_15469972 頭像 codesheep_pro 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像 u_15943685 頭像

@Javascript / 博客 RSS 訂閱

chokcoco 頭像

chokcoco - 超 Nice 的表格響應式佈局小技巧

今天，遇到了一個很有意思的問題，一名羣友問我，僅僅使用 CSS，能否實現這樣一種響應式的佈局效果： 簡單解析一下效果： 在屏幕視口較為寬時，表現為一個整體 Table 的樣式 而當屏幕視口寬度較小時，原 Table 的每一行數據單獨拆分為一個 Table 進行展示 很有意思的一個響應式佈局，讓信息在小屏幕下得到了一種不錯的展示。 那麼，僅僅使用 CSS 的話，能否實現這樣一個佈局呢？答案

css3 , Css , 響應式 , 前端 , Javascript

收藏 評論

yangyaya 頭像

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

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

收藏 評論

ifeanyi-dike 頭像

Ifeanyi Dike - Useful React Hooks That You Can Use In Your Projects

Hooks are simply functions that allow you to hook into or make use of React features. They were introduced at the React Conf 2018 to address three major problems of class components: wrapper hell, h

react , Tutorials , Tools , Javascript

收藏 評論

u_17028302 頭像

wx66ece9f42611c - Vue3 響應式神器：ref 與 reactive 終極使用指南

在 Vue3 Composition API 中，ref 和 reactive 是構建響應式數據的核心工具。很多開發者在實際開發中會困惑：到底該用哪個？什麼時候該選 ref，什麼時候該用 reactive？其實答案很明確——尤雨溪早已給出方向：「ref 一把梭，不建議過度依賴 reactive」。本文將從本質區別、實戰場景、避坑指南三個維度，幫你徹底理清兩者的使用邏輯。 一、核心區別

vue.js , 賦值 , 響應式 , 前端開發 , Javascript

收藏 評論

lawler61 頭像

lawler61 - Generator 協程工作原理

原文地址：regenerator 搜了一圈，關於 Generator 基本都是在講用法，但很少提及到其工作原理，也就是“協程”。但又因為這東西我們直接或間接的每天都在使用，於是準備專門寫一篇文章來講講這個 JS 回調史 一、Callback ES5 及更早時期，寫回調基本都是 callback，回調地獄就不説了，離它遠點 二、Promise Promise 通過鏈式調用，優化了回調的書寫

ecmascript-6 , generator , 前端 , Javascript

收藏 評論

u_16099349 頭像

智能探索者 - 軟件工程學習總結

一、今日學習內容概述 今天主要圍繞實驗三：C4.5決策樹算法實現與測試展開學習，重點內容包括： C4.5算法原理深入理解 預剪枝與後剪枝技術實現 五折交叉驗證評估方法 模型性能指標計算與分析 二、詳細學習記錄 2.1 算法理論學習 C4.5算法核心要點： • 使用信

決策樹 , 交叉驗證 , 解決方案 , 前端開發 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 100行代碼讓您學會JavaScript原生的Proxy設計模式

面向對象設計裏的設計模式之Proxy（代理）模式，相信很多朋友已經很熟悉了。比如我之前寫過代理模式在Java中實現的兩篇文章： Java代理設計模式(Proxy)的四種具體實現：靜態代理和動態代理 Java動態代理之InvocationHandler最簡單的入門教程 其實和Java一樣，JavaScript從語言層面來講，也提供了對代理這個設計模式的原生支持。我們用一個不到100行代碼的例

js異步編程 , 代理 , design-pattern , proxy-pass , Javascript

收藏 評論

u_16213681 頭像

16213681 - GeoScene Maps SDK for JavaScript鷹眼效果

鷹眼的實現最常用的是添加一個MapControl，顯示全圖，並與主地圖控件進行交互。 axMapControl1 主地圖控件 axMapControl2 鷹眼地圖控件 1.載入地圖到鷹眼控件 地圖載入到主地圖控件的同時也載入鷹眼控件。在axMapControl1_OnMapReplaced事件中添加相應函數 循環遍歷axMapControl1控件中的所有

控件 , 圖層 , 重繪 , 前端開發 , Javascript

收藏 評論

philsturgeon 頭像

Phil Sturgeon - Understanding RPC Vs REST For HTTP APIs

Knowing the differences between REST and RPC can be incredibly useful when you are planning a new API, and it can really help when you are working on features for existing APIs. It’s best not to mix

Tools , coding , Ruby on Rails , Javascript

收藏 評論

mybj123 頭像

碼雲筆記 - CSS 數學函數：min() max() calc() clamp()的使用

今天來看看CSS中的數學函數。CSS數學函數允許在CSS屬性值中執行數學表達式。CSS數學函數僅支持加法（+）、減法（-）、乘法（*）、除法（/）。目前在CSS中有四個得到很好支持的數學函數： min()：該函數允許你從逗號分隔符表達式中選擇一個最小值作為CSS的屬性值； max()：該函數可以從一個逗號分隔的表達式列表中選擇最大（正方向）的值作為屬性的值

yyds乾貨盤點 , 最小值 , 數學函數 , Css , 前端開發 , Javascript

收藏 評論

mecode 頭像

賀公子 - SQL去重方法

常見SQL去重方法 使用DISTINCT關鍵字去除重複行 適用於簡單列去重，直接作用於SELECT後的字段： SELECT DISTINCT column1, column2 FROM table_name; 使用GROUP BY去重 通過分組實現去重，可結合聚合函數： SELECT column1, MAX(column2) FROM table_

重複數據 , SQL , 窗口函數 , 前端開發 , Javascript

收藏 評論

u_16099277 頭像

架構領航員 - vue 手機端PC端一體網頁demo

前言 我們在開發h5的時候需要適配不同的終端，例如：PC，移動端等場景。 那麼我們會有多種方案可以選擇 一：使用css3 判斷不同的終端顯示不同的樣式 1)好處是，只需要維護一套代碼即可，但樣式處理卻非常麻煩，當頁面結構比較複雜的時候，我們沒辦僅僅用css3 根據不同的終端做適配

vue 手機端PC端一體網頁demo , 機器學習 , vue.js , 人工智能 , Css , 前端 , Javascript

收藏 評論

louis-lazaris 頭像

Louis Lazaris - Thinking Inside The Box With Vanilla JavaScript

During the past four or five years of blogging regularly and doing research for other writing projects, I’ve come across probably thousands of articles on JavaScript. To me, it seems that a big chu

Techniques , coding , HTML , Javascript

收藏 評論

buddhad666 頭像

buddha - 將當前時間往前推24小時

筆記： let date = new Date(); let timeHis = date.getTime() - 24 * 60 * 60 * 1000;//時間戳 let dateHis = new Date(timeHis);//往前推24小時得到的時間 獲取當天零點時間 let date = new Date(new Date().toLocaleDateString()); 將時間轉換成

date , 前端 , Javascript

收藏 評論

daniel-sternlicht 頭像

Daniel Sternlicht - Creating A “Save For Later” Chrome Extension With Modern Web Tools

Creating an extension for the Chrome browser is a great way to take a small and useful idea and distribute it to millions of people through the Chrome Web Store. This article walks you through the d

Tools , coding , Css , Javascript

收藏 評論

u_15469972 頭像

mb61c46a7ab1eee - 實用指南：計算機視覺（opencv）——嘴部表情檢測

實時嘴部表情檢測系統：從微笑到哭泣的智能識別 一、項目背景與意義 在計算機視覺領域中，人臉表情識別（Facial Expression Recognition, FER）是一項重要的研究方向。傳統的表情識別通常依賴於整張人臉的特徵提取，但在很多場景下，僅僅通過嘴部的形變就能準確反映一個人的情緒變化。例如： 駕駛員監控系統中，嘴角上揚代表心情放鬆

表情識別 , 加載 , 前端開發 , ide , Javascript

收藏 評論

tianzhen 頭像

天真小兮兮 - 讓mocha支持ES6模塊

mocha是比較常用的node測試框架，但是隻支持commonjs模塊，要讓mocha支持ES6模塊，需要babel的幫助。 書寫本文時用到的工具版本為： babel v7 mocha v6.2 安裝依賴 $ npm i -D @babel/cli @babel/core @babel/preset-env @babel/register babel配置 在package.json或.ba

ecmascript-6 , mocha , 測試工具 , Javascript

收藏 評論

u_16213680 頭像

mob64ca140f67e3 - 2. Kubernetes 基礎 - 2.2 Kubernetes 架構 - 《Kubernetes 技術實踐（基礎篇）》

1.kubelet 簡介 1.1.kubelet 是什麼 前面kubernetes架構講解時，對 kubelet 的初步認識： 每個節點上都會跑一個Kubelet，負責上報 節點狀態，pod狀態、pod資源使用情況等信息到ApiServer，由ApiServer寫入etcd。 同時，K

kubernetes , cadvisor , 10250端口 , kubelet , kubelet架構 , 前端開發 , Javascript

收藏 評論

arenwenqing 頭像

arenwenqing - 如何通過chrome調試webview的網頁

1.首先確定網絡有沒有被牆調，能訪問谷歌不見得chrome的某些服務沒有被牆,首先ping chrome-devtools-frontend.appspot.com 和 ping chrometophone.appspot.com如果兩者都能ping的通，直接在chrome瀏覽器裏輸入chrome://inspect找到要調試的頁面就好 2.如果上述兩個網址ping不通我們要進行如下操作 （

actionscript , html5 , Javascript

收藏 評論

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - What Removing Object Properties Tells Us About JavaScript

A group of contestants are asked to complete the following task: Make object1 similar to object2. let object1 = { a: "hello", b: "world", c: "!!!", }; let object2 = { a: "hello", b

Techniques , Tools , Javascript

收藏 評論

yidingyaodidiao 頭像

yidingyaodidiao - JavaScript 數組展開(扁平化)和underscore的 flatten

原文地址 數組展開就是將嵌套的數組扁平化（轉換為一維的）eg: const arr=[[[1, 2], [1, 2, 3]], [1, 2]] = [1, 2, 1, 2, 3, 1, 2] console.log(flatten(arr)) //[1,2,1,2,3,1,2] 1、判斷每一項是否是數組，然後遞歸 const arr=[[[1, 2], [1, 2, 3,"a"]], [

數組 , 面試 , underscore , Javascript

收藏 評論

paul-tero 頭像

Paul Tero - 6 Favorite Programming Mistakes

Over my programming career, I have made a lot of mistakes in several different languages. In fact, if I write 10 or more lines of code and it works the first time, I’ll get a bit suspicious and test

php , coding , Javascript

收藏 評論

u_14256 頭像

laojean - 關於http的請求和響應

在地址欄數日地址後你按回車的流程 地址解析：瀏覽器先判斷輸入的地址是IP地址還是域名。若為域名（如www.baidu.com），則發起DNS查詢，將域名解析為對應的IP地址（依賴DNS協議，屬於應用層）；若為IP地址，直接跳過此步驟。 建立TCP連接：瀏覽器通過解析得到的IP地址，與目標Web服務器的80端口（HTTP協議默認）或443端口（HTTPS協議

服務器 , tcp , 客户端 , 前端開發 , Javascript

收藏 評論

ariel-salminen 頭像

Ariel Salminen - Responsive Nav: A Simple JavaScript Plugin For Responsive Navigation

There are several ways to make navigation responsive, and usually the solution we need is quite straightforward. But despite the apparent simplicity, there are many underlying factors which, when th

optimization , Navigation , Tools , coding , plugins , Javascript

收藏 評論