tag less

標籤
貢獻27
83
10:51 AM · Nov 04 ,2025
landyliu 頭像 chencaize 頭像 moyuzai_zxp616510038 頭像 taoxiaoyao 頭像 iamguyu 頭像 djz1234 頭像 u_15967048 頭像 u_16099265 頭像 shipskunkun 頭像 dmitry-fadeyev 頭像 codelogs 頭像 201926 頭像

@less / 博客 RSS 訂閱

fish_head 頭像

陳大魚頭 - CSS的未來已來

作者：陳大魚頭 github： KRISACHAN 前言 最近聽説TypeScript3.7添加了對Optional Chaining的支持，然後就想着給魚頭的腳手架ying-template的TS版本升級，然後在命令行發現這樣的一句信息： 'postcss-cssnext' 已經被 'postcss-preset-env'代替了。詳情請查看 https://moox.io/b

sass , less , stylus , Css , postcss

收藏 評論

codelogs 頭像

扣釘日記 - 拒絕蠻力，高效查看Linux日誌文件！

原創：扣釘日記（微信公眾號ID：codelogs），歡迎分享，轉載請保留出處。 簡介 日常分析問題時，會頻繁地查看分析日誌，但如果蠻力去查看日誌，耗時費力還不一定有效果，因此我總結了在Linux常用的一些日誌查看技巧，提升日誌閲讀效率。 grep查找日誌 在我們查找某些異常日誌時，經常需要同時查看異常前面或後面的一些日誌，因為有時前面或後面的日誌就已經標識出異常原因了，而grep的-A、-B、-C

awk , less , Linux

收藏 評論

judei 頭像

Judei - Element Table 表格樹形結構多選框選中子級父級狀態變為半選中狀態（遞歸多級）

1.實現效果 2.數據和佈局準備 準備一個 el-table 組件以及數據源，這裏的數據源可以是你的接口提供的。 template div style="width: 78%;" el-table ref="menuTableRef" :data="menuList" style="width: 100%;margin-bottom: 20px;" :row-class-

css3 , less , 前端 , html5 , Javascript

收藏 評論

vkxinpianchenxiaojie 頭像

VK西瓜妹1 - 電子煙數顯驅動/電子煙LCD屏顯方案/電子煙顯示IC

什麼是電子煙，公開資料顯示，電子煙主要由煙油、加熱系統、電源和過濾嘴四部分組成，通過加熱霧化產生具有特定氣味的氣溶膠供煙民使用。從廣義來説，電子煙是指電子尼古丁遞送系統，包括電子煙、水煙筒、水煙筆等多種形式。從狹義來説，電子煙單指外形與捲煙相似的便攜式電子煙。C101-25 隨着消費市場的不斷演變，用户開始追求更加智能的電子煙產品，因此現在的電子煙產品通常帶有電池電量顯示功能、觸摸功

less

收藏 評論

haoqidewukong 頭像

好奇de悟空 - vscode 如何支持 css-module 文件跳轉到類名？

背景 css module 是目前主流的 css 模塊化的解決方案。使用 css module 之後，我們可以將 css 類當作模塊變量引入到我們的 typescript （下述使用 "ts" 代指）文件中來作為樣式的引用。過去，由於 ts 無法識別 css module 中導出的變量，我們使用 css 模塊變量需要到 css 文件中找到對應的類名，再寫到 ts 文件中使用，容易出錯且影響了開發效

less , visual-studio-code , postcss , typescript , 前端

收藏 評論

chenchaoyang666 頭像

愚者 - 基於tiptap一次封裝CustomEditor

tiptap一次封裝自定義UI 效果圖 （參考element-tiptap）： demo如下 本次封裝基於vue3 template div v-if="editor" :class="[ { 'el-tiptap-editor': true, 'el-tiptap-editor--fullscreen': isFullscreen

vue.js , less , typescript , 前端

收藏 評論

moyuzai_zxp616510038 頭像

馳驥 - 【十五】CSS性能

前言 本篇章來源於https://juejin.cn/post/7077347573740077069，內容只是經過咀嚼便於自己理解。 面試回答 1.重繪重排：簡單來説重繪就是改變某個節點的樣式，重排就是改變某些節點的佈局，比如元素尺寸變動、元素位置變動以及瀏覽器窗口變動。所以重排一定會引起重繪，而重繪不一定引起重排。減少重繪重排的方式主要是通過集中修改css來完成，比如將樣式統一放在clas

vue.js , less , Css , 前端 , Javascript

收藏 評論

shuangkuaidebanli 頭像

shuangkuaidebanli - 素數定理初等證明的錯誤問題

根據我對科學錯誤研究的發現經驗，研究者往往以訛傳訛，就是前面的研究者錯了， 後面的研究者絞盡腦汁彌補錯誤，結果產生新的錯誤。 素數定理的初等證明，要獲得明確的餘項大O型估計，目前看R.Breusch1960年發表在 Pacific Journal of Mathematics（美國《太平洋數學雜誌》）上的證明含有錯誤， 兩個主要的漸進公式都算錯了，而潘承洞潘承彪合作的《素數

sass , bootstrap , less , tailwind-css , antd

收藏 評論

moyuzai_zxp616510038 頭像

馳驥 - 【十四】CSS3新特性

前言 本篇章主要講述CSS3新特性，如svg、canvans以及動畫。 面試回答 1.canvas畫圓：首先獲取canvas對象，設置好寬高，用getContext方法設置2d繪圖，然後用arc方法進行繪製，arc的參數分別是圓心的x，y座標、半徑、以x軸為基準的起始角度以及結束角度，這裏設置，0到2π即可。 知識點 1.SVG 參考博客：https://juejin.cn/post/684490

css3 , less , Css , 前端 , Javascript

收藏 評論

chencaize 頭像

點墨 - VSCode 樣式格式化

在使用VSCode的插件進行less文件格式化的時候，發現會存在問題。 index.less @prefix: test; @{prefix}-input{ color :red; width : @base-with; height : @base-height; } @base-size : 10px; @base-with : @base-

less , vscode插件 , scss , visual-studio-code , Css

收藏 評論

xiaoxiaoxiaomaibulaoban 頭像

小邁步老闆 - uniapp項目中全局引入less變量

1.在vue.config.js文件中配置 let path = require('path'); let stylePath = path.resolve(__dirname, './static/css/variable.less') module.exports = { css: { loaderOptions: { less: {

less , 前端

收藏 評論

apifox 頭像

Apifox - Less基礎使用秘籍，讓你的CSS更高效！

Less（Leaner Style Sheets 的縮寫) 是一門向後兼容的 CSS 擴展語言。，它擴展了CSS（層疊樣式表）的功能並提供了更靈活、更強大的樣式定義和管理機制。通過使用 Less，開發人員可以編寫可維護、可重用的樣式代碼，並以簡潔的語法實現複雜的樣式效果。本文將介紹 Less 的基本概念和特性，以及如何使用它來簡化 CSS 開發過程。想要學習更多的知識，可訪問 犀牛書 的 Less

less , 開發 , 程序員 , 後端 , 前端

收藏 評論

hole 頭像

Hole - css面試題

盒模型 常見的盒模型有w3c盒模型（又名標準盒模型）box-sizing:content-box和IE盒模型（又名怪異盒模型）box-sizing:border-box。 標準盒子模型：寬度=內容的寬度（content）+ border + padding + margin 低版本IE盒子模型：寬度=內容寬度（content+border+padding）+ margin css3 新

sass , less , Javascript

收藏 評論

ineo6 頭像

ineo6 - GitMaster 是如何定製 file-icons/atom

GitMaster裏面展示項目結構時，同時也顯示了對應的icon。 看起來和Octotree是沒什麼區別，但其實在維護和更新上是有顯著區別的。 Octotree是直接從file-icons/atom複製相關樣式和字體文件到項目裏，這樣耦合的方式很不利於維護，所以我在處理文件圖標時進行了額外的處理，把所有文件圖標通過npm包的形式引入。 大家可能好奇為什麼不直接用file-icons/atom，沒有

ast , iconfont , less , atom , npm

收藏 評論

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（一）通讀介紹篇

一、什麼是css預編譯處理？ CSS 預編譯處理，從字面上理解，就是預先編譯處理CSS。它擴展了 CSS 語言，增加了變量、Mixin、函數等編程的特性，使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼，隨後經過專門的編譯工具將源碼轉化為CSS語法。 CSS預編譯器幾乎成為現如今開發CSS的標配，它從以下幾個方面提升了CSS開發的效率： 增強編程

sass , less , stylus , Css , 前端

收藏 評論

jamie_520baby 頭像

Jamie_0912 - 使用 gulp + seajs + zepto 構建項目

最近使用gulp工具，將公司現有項目重新構建了下，有許多大改動，繞了許多坑，我不擅長表達，只能把我現在總結出的對的和比較深刻的應該注意的幾點記錄下來，免得以後自己都忘記了。 一，基本環境的搭建，安裝nodejs、npm。（給新手看得，會的直接跳過） 先下載安裝程序：http://nodejs.cn/download/ 1、Windows 安裝包(.msi)； 2、安裝msi，這裏最好使用管理

gulp , zepto , less , seajs

收藏 評論

chencaize 頭像

點墨 - grid-column在less下會自動計算

grid佈局,在less文件裏寫grid-column:1/6，會自動被計算成0.16。 解決方法: 1.使用1/span 6 2.使用~"1/6"

less , grid

收藏 評論

series_611f64675e99f 頭像

Series - create-react-app v4 的less,antd,配置

1、less支持 yarn eject yarn add less@^2.7.3 less-loader@^7.3.0 在webpack.config.js中找到sassRegex const cssRegex = /\.css$/; const cssModuleRegex = /\.module\.css$/; const sassRegex = /\.(scss|sass)$/;

react , less , antd , create-react-app , 前端

收藏 評論

teamwei 頭像

teamwei - Less中函數的高級應用，PC、Web移動端適配的良藥偏方

多端適配 熟悉前端開發的一定會遇到這個問題，屏幕適配！有的項目要求同時適配PC、平板和移動端，那我們應該是寫幾套不同的樣式，還是隻寫一套呢？哪一種才是最好的？ 其實沒有哪一種最好的，還是得根據項目的需求來定，一般情況下我是推薦只寫一套代碼，因為這樣可以降低開發成本和維護難度。那麼就有個問題，一套代碼如何去適配不同設備？尺寸該用什麼單位？px？em？rem？ 我想大部分人的實現無非就那幾種方案： 在

css3 , less , 移動端適配 , 前端 , html5

收藏 評論

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（二）安裝使用篇

一、Sass、LESS和Stylus的安裝 1.Sass的安裝 Sass是Ruby語言寫的，但是兩者的語法沒有關係。不懂Ruby，照樣可以正常使用Sass。只是必須先安裝Ruby，然後再安裝Sass。首先安裝Ruby，如果你使用的是IOS系統，那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統，那麼安裝就有些許的麻煩。不過也不用過於擔心，按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

收藏 評論

u_16099196 頭像

我是數據分析師 - 微信小程序progress實現圓形進度

1.實現效果 2.實現原理 前3個常規設置即可，這裏説下第四個樣式 可以看到，這邊有個超出的圓角樣式。 兩種思路： 將整個父元素設置線性漸變色背景，上下兩部分。 設置單個元素的偽元素，偽元素部分設置徑向漸變 思路一： 為父元素設置線性漸變背景

微信小程序 , less , 雲計算 , 微信小程序progress實現圓形進度 , 雲原生 , 偽元素 , Css

收藏 評論

201926 頭像

碼廚 - 基於 less,sass,stylus三種預處理rem

一. less形式 //定義一個變量和一個mixin（全局） @fontSizeBase: 75;//基於視覺稿橫屏尺寸/100得出的基準font-size .px2rem(@name, @px){ @{name}: @px / @fontSizeBase * 1rem; } //使用示例： .fontsize {

sass , less , stylus , Css , HTML

收藏 評論

liu_namepea 頭像

我的名字豌豆 - 如何使用rem或viewport進行移動端適配?

 在開發移動端界面時，移動端適配一直是一個比較頭疼的事情，常見的移動端適配有viewport適配，rem適配，百分比適配等等，在這裏我們只介紹viewport適配和rem適配。看完這篇文章相信你應該會實戰操作移動端對於不同手機大小的適配問題了。 一：rem適配  rem是指相對於根元素的字體大小(font-size)的單位，根標籤的font-size=1rem。其可以稱作為相對單位，也就是説我們可

less , 移動端適配 , rem , viewport , 前端

收藏 評論

dmitry-fadeyev 頭像

Dmitry Fadeyev - How To Use The LESS CSS Preprocessor For Smarter Style Sheets

Enter the LESS CSS preprocessor. You see, while the simple design of CSS makes it very accessible to beginners, it also poses limitations on what you can do with it. These limitations, like the ina

less , coding , Css

收藏 評論