博客 RSS 訂閱

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

收藏 評論

jinyeyoudianerliang 頭像

今夜有點兒涼 - Redis主從複製、哨兵模式、分片、集羣

概述 Redis是個內存數據庫，速度很快，但單台服務器的內存、處理能力都是有限的。如果數據量太大（比如幾十GB），單台機器存不下；或者訪問量太高（比如每秒幾十萬次請求），單台機器扛不住。這時候就需要多台Redis一起工作，也就是"集羣"相關的技術。 另外，單台機器萬一宕機了，數據就沒了，服務也停了，所以還需要"備份"和"自動恢復"的機制，這就是主從複製和哨兵模式的作用。 1. 主從複製（Maste

redis集羣 , 主從複製

收藏 評論

apifox 頭像

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

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

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

收藏 評論

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 , 前端

收藏 評論

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

收藏 評論

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

收藏 評論

shuangkuaidebanli 頭像

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

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

sass , bootstrap , less , tailwind-css , antd

收藏 評論

moyuzai_zxp616510038 頭像

馳驥 - 【十五】CSS性能

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

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

收藏 評論

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 , 前端

收藏 評論

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 , 前端

收藏 評論

vkxinpianchenxiaojie 頭像

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

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

less

收藏 評論

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

收藏 評論

muyouhuiyao 頭像

MUYOUHUIYAO - Transporter -- Weex 踩坑日記 (三)

Tab頁切換 完成固定footer佈局後，我想要在footer中添加幾個按鈕，來控制中間部分顯示的頁面，類似微信。因此我需要實現一個tab切換的功能，我這裏用到了Weex提供的slider組件。 template div class="wrapper" slider class="tab-container" auto-play="false" v-bind:index="sel" v

weex , vue.js , 前端

收藏 評論

fe_gu_yue 頭像

孤月 - Hybrid APP開發實戰（三）：uni-app中的nvue

​關注公眾號前端小白菜，更多前端小乾貨等着你喔！公眾號會不定期分享前端技術，每天進步一點點，與大家相伴成長 uni-app App端內置了一個基於weex的原生渲染引擎，提供了原生的渲染能力。 ​ 想用JavaScript開發中原生的組件能力，前端有兩種選擇weex和react-native，兩個框架分別依託於vue與react。weex依託於vue，與uni-app的設計理念一致，故而也是uni

weex , hybrid-app , uni-app

收藏 評論

xiangzhihong 頭像

xiangzhihong - 國內大廠都在使用哪些移動跨平台框架

自從移動應用開發興起以來，不少公司和開發者就在不斷的探索移動跨平台開發技術，以適應移動應用高速迭代的需求 。縱觀當前的移動跨平台方案，總結一下無外乎三大類：一種是使用原生內置的瀏覽器加載HTML5的Hybrid技術，採用此方案的主要有Cordova、Ionic和微信小程序；另一種是使用JavaScript開發，然後使用原生組件進行渲染，採用此方案的主要有React Native、Weex和快應用；

weex , react-native , flutter

收藏 評論

zxshen 頭像

zxshen - 吐槽weex的列表組件

本來以為不會再上SF來冒泡了，但遇到技術坑，不吐不快，期望能給同樣使用weex的同仁能提供借鑑。 槽點：recycle-list 性能有問題 recycle-list組件在快速滑動時（最新款的手機紅米10x），官網demo也會出現卡頓的問題。 官網體驗地址：https://weex.apache.org/zh/to... 之前參加了D2，加了個weex羣，weex作者就在羣中，沒

weex

收藏 評論

bai_shui 頭像

白水 - 記 weex 坑爹過程

樣式問題 box-shadow 僅支持 ios 只支持 px 寫法 在 weex 中，flexbox 是唯一的佈局模式，不支持內聯佈局 display: inline/float weex 不支持 z-index 設置元素層級關係，但靠後的元素層級更高 border

weex

收藏 評論

feng_5ff988f3bbb1d 頭像

feng_5ff988f3bbb1d - Android Weex 自定義 Component 指北

Weex 自定義 Component 開發這塊，官方文檔和網上示例都較少涉及。工作所需有所研究，總結此文以饗讀者。 基礎定義與註冊 如下述代碼所示，從 WXComponent 繼承出來以後，複寫四個構造器方法，就可以完成一個最簡單可跑當然也顯示不了任何東西的 WXComponet。 需要説明的是 WXComponent 可以指定泛型 T，T extends View，用於指定WXComponent

weex

收藏 評論

daraotageren 頭像

打擾他個人 - 女朋友為我寫了一個防猝死插件

https://tieba.baidu.com/p/720... https://tieba.baidu.com/p/720... https://tieba.baidu.com/p/720...

weex

收藏 評論

qianxiaqingkong 頭像

蘭俊秋雨 - 年終盤點跨平台技術優劣勢對比（Hybrid、RN、Weex、Flutter）

跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景

weex , react-native , flux , hybrid-app , 前端

收藏 評論

alijishu 頭像

阿里雲開發者 - 程序員寫好技術文章的幾點小技巧

簡介：其我本身並不喜歡寫字，之前寫的幾篇文章，涉及的話題自帶流量，所以閲讀量多了一些，談不上有多擅長。不過我還是分享一下我自己寫文章時用到的一些小技巧吧，希望對大家有幫助。 作者 | 門柳 來源 | 阿里技術公眾號 去年成為了內網技術分享平台的年度作者，受邀寫一篇關於“如何寫好文章”的文章。我本身並不喜歡寫字，去年寫的幾篇文章，涉及的話題自帶流量，所以閲讀量多了一些，談不上有多擅長。

weex , 小程序 , 人工智能 , 開發者 , 程序員

收藏 評論

lu 頭像

小魔 - 入選 Apache 孵化器 4 年多，阿里捐贈的 Weex 項目未能成功畢業

近日，由阿里開發並捐贈給 Apache 軟件基金會（ASF）的 Weex 項目未從 Apache 孵化器成功畢業，目前 Weex 的孵化器狀態已更改為「retired」。根據 Apache 軟件基金會「Guide to Retirement」，retirement（退出）不代表項目停止維護，僅表示不再在 Apache 孵化器開發。 Weex 是阿里巴巴研發的一款輕量級的跨平台移動開發工具，旨在幫

weex

收藏 評論

alijishu 頭像

阿里雲開發者 - 快成物流科技 x mPaaS | 小程序容器加持下的技術架構“提質增效”

簡介：大前端團隊如何選型技術？如何快速上手？如何高效協同？讓我們看看快成科技如何解決這一問題。 導言 從 2017 年開始，GMTC“移動技術大會”就更名為“大前端技術大會”。發展至今，混合開發、原生開發、前端開發等概念正在深度融合，組成“大前端”團隊。 大前端團隊如何選型技術？如何快速上手？如何高效協同？讓我們看看快成科技如何解決這一問題。 緣起兩地三團隊 快成科技是網絡貨運領

weex , 小程序 , 緩存 , SQL , ide

收藏 評論

louishuang 頭像

一縷青絲斷情愁 - Vue移動端車牌選擇器實現摘要

最近在做一個小程序，內部有車輛管理系統，需要用户錄入車牌信息，在網上沒找到特別符合自己需求的Vue組件，於是自己梳理了一下相關的要點，並製作了一個基於VueJS的可在小程序內運行的車牌選擇器 效果圖 原型圖 相關功能點梳理 點擊選擇車牌，展示車牌選擇軟鍵盤 車牌第一位為省份簡稱 只能選擇省份簡稱 選擇完省份後，軟鍵盤的數據需要切換到數字跟字母

weex , vue.js , 小程序 , uniapp

收藏 評論