關於CSS、SCSS、Sass、html單頁面使用scss

1.CSS、SCSS、Sass CSS是開發人員熟知的一種用於頁面樣式開發的語言，可以通過內容的分離控制減少代碼的重覆性，降低代碼的複雜程度。 Sass與 SCSS 都是 CSS 預處理器，可包含在基於 CSS 的 UI（用戶界面）或前端框架中以簡化開發。Sass 與 SCSS 框架在高級別的 CS ...

記錄--跨域的五種最常見解決方案

這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 什麼是跨域？ 跨域不是問題，是一種安全機制。瀏覽器有一種策略名為同源策略，同源策略規定了部分請求不能被瀏覽器所接受。 值得一提的是：同源策略導致的跨域是瀏覽器單方面拒絕響應數據，伺服器端是處理完畢並做出了響應的。 什麼是同源策略 一個ur ...

js函數中的this指向

寫代碼的時候遇到這個問題了，在這裡複習一下 非箭頭函數 非箭頭函數的this指向比較好理解，就是調用這個函數的對象，舉個慄子： var obj = { foo: { bar: 3, foo:{ bar: 4, foo: function a() { console.log(this.bar) }, ...

CSS 清除浮動

在元素設置浮動（float）後，該元素就會脫離文檔流，並且向左或向右浮動，直至它的外邊緣遇到包含框或者另一個浮動框的邊緣。 一、浮動元素對佈局的影響 1.1、浮動元素造成父元素的高度塌陷： 原來的父元素高度是內部元素撐開的，但是當內部元素浮動後，脫離文檔流浮動起來，那父元素的高度就坍塌，變為高度 0 ...

半個前端新手入門Electron的過程

前言 先說幾句廢話，本人是一名 web 後端開發，主語言是 java，在學 Electron 之前，只會一點點 HTML和 JavaScript。本文講的也是我學習 Electron 的過程，而非教程，請酌情參考。 Electron是什麼 Electron是一個使用 JavaScript、HTML ...

Javascript全棧工程師養成攻略

鑒於阮一峰老師的技術文章，在此做一個轉載記錄。轉戰react技術一年，希望在技術上可以不斷精進，日後成為一位大牛！ 引子：《準備工作》 知識準備 環境準備 第一講：《前端開發的歷史和趨勢》 前端開發的歷史演變 前端MVC框架的興起 前後端分離 全棧工程師 前端開發的未來 第二講：《React 技術棧 ...

關於css、scss、sass、html單頁面應用scss

1.CSS、SCSS、SASS CSS是開發人員熟知的一種用於頁面樣式開發的語言，可以通過內容的分離控制減少代碼的重覆性，降低代碼的複雜程度。 SASS 與 SCSS 都是 CSS 預處理器，可包含在基於 CSS 的 UI（用戶界面）或前端框架中以簡化開發。這些 SASS 與 SCSS 框架在高級別 ...

記錄--原生 canvas 如何實現大屏?

這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 前言 可視化大屏該如何做？有可能一天完成嗎？廢話不多說，直接看效果，線上 Demo 地址 lxfu1.github.io/large-scree…。 看完這篇文章（這個項目），你將收穫： 全局狀態真的很簡單，你只需 5 分鐘就能上手 如何 ...

JQuery動態生成的按鈕無法觸發問題與解決方法

JQuery動態生成的按鈕無法觸發問題與解決方法 起因: 利用JQuery動態添加的按鈕無法通過$(selector).click方法觸發點擊事件 //在網頁載入完成後動態添加表格 $(function () { //通過Ajax向後臺請求程式 $.ajax({ method : "post", u ...

vh 存在問題？試試動態視口單位之 dvh、svh、lvh

大部分同學都知道，在 CSS 世界中，有 vw、vh、vmax、vmin 這幾個與視口 Viewport 相關的單位。 正常而言： 1vw 等於1/100的視口寬度 （Viewport Width） 1vh 等於1/100的視口高度 （Viewport Height） vmin — vmin 的值是 ...

react的refs屬性

refs 字元串形式refs-過時了 // ref key為自命名內容, value為節點 input class Demo extends React.Component { showData = () => { // 拿到的是真實DOM const { input1 } = this.refs; ...

Css 常用佈局方式

1.CSS 參考手冊 2.元素的分類 首先我們要知道一共有幾種元素 1.行內元素（可以與其他行內元素位於同一行，不會以新行開始高度、寬度不能設置） 2.塊級元素（每個塊級元素都從新的一行開始，其後的元素也另起一行。預設排列方式：從上至下元素的高度、寬度、行高、內外邊距都可設置） 3.行內塊元素（和其 ...

【促進開發】上海道寧與DHTMLX為您提供易於使用且功能豐富的JavaScript組件

DHTMLX提供有效且專業設計的JavaScript/HTML5工具，使開發人員能夠以更少的時間和精力創建具有豐富界面和快速性能的複雜Web和移動應用程式。 ...

記錄--手把手教學，實現一個優雅的圖片預覽

這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 在我們開發項目中，經常會遇到預覽圖片的需求。也就是點擊圖片，會全屏顯示該圖片。需求很簡單，但是如何讓實現更優雅就需要花點心思了。 最終效果圖 基礎版本 實現方式 點擊圖片，創建蒙層，克隆圖片 將圖片添加定位屬性，並添加到蒙層中 將蒙層添加 ...

如何手動補充陳年老庫（或純 JS 代碼）的 TypeScript 類型？

這篇僅為自己工作中在 js 和 ts 交叉鬥智鬥勇的實踐中留下的經驗，不一定完全、合理，僅供參考，有錯漏難免，有則評論區指出。 前置知識 - JavaScript 的各種模塊化情況 全局模塊，在 globalThis 上可以訪問，一般是 iife 庫程式 ES 模塊 CommonJS 模塊 前置知識 ...

antd 3.x升4.x踩坑之路～

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 相容性問題 第三方依賴相容問題 React - 最低 v16.9，部分組件使用 hooks 重構 react升級相關文檔 Less - 最低 v3.1.0，建議升級到 ...

模塊化開發

1、模塊化的發展過程 var moduleObj = { userName: 'zhangsan', fn: function () { console.log('hello world') } } 使用方式 <html> <head> </head> <body> <script src="a.j ...

react組件實例屬性state

state 有狀態state的組件稱作複雜組件,沒有狀態的組件稱為簡單組件 狀態里存儲數據,數據的改變驅動頁面的展示 <script type="text/babel"> // 創建組件 class Weather extends React.Component { // 構造器調用1次 const ...

所有分類
一周排行
  • Winform程式製作安裝包
    記錄一下Winform程式打包過程 參考文章：VS2017 WinFrom打包設置與教程 下載 Visual Studio Installer 拓展插件 從VS2017開始VS已預設不再集成Installer拓展，所以需要手動下載安裝，在 工具 - 插件和更新 裡面的插件商店裡面搜索"install ...
  • Avalonia 實現動態托盤
    先下載一個gif圖片，這裡提供一個gif圖片示例 線上GIF圖片幀拆分工具 - UU線上工具 (uutool.cn) 使用這個網站將gif切成單張圖片 創建一個Avalonia MVVM的項目，將圖片copy進去 在項目文件中添加一下代碼： <ItemGroup> <None Update="gif ...
  • dapr入門與本地托管模式嘗試
    1 簡介 Dapr是一個可移植的、事件驅動的運行時，它使任何開發人員能夠輕鬆構建出彈性的、無狀態和有狀態的應用程式，並可運行在雲平臺或邊緣計算中，它同時也支持多種編程語言和開發框架。Dapr支持的語言很多，包括C++/Go/Java/JavaScript/Python/Rust/.NET/PHP等。 ...
  • 剛上班三天就被裁。。還有誰！！
    作者：大眼睛圖圖 鏈接：https://juejin.cn/post/7156483709338648613 前言 還有誰？剛上三天班就被公司公司的工作不適合我，叫我先提升一下。 後面我也向公司那邊討要了一個說法，我只能說他們那邊的說辭讓我有些不服氣。 現在之所以把這件事在掘金上記錄一下，一是記錄一 ...
  • 雲原生場景下實現編譯加速
    雲原生下的流水線是通過啟動容器來運行具體的功能步驟，每次運行流水線可能會被調度到不同的計算節點上。這會導致一個問題：容器運行完是不會保存數據的，每當流水線重新運行時，又會重新拉取代碼、編譯代碼、下載依賴包等等。在雲原生場景下，不存在本地宿主機編譯代碼、構建鏡像時緩存的作用，大大延長了流水線運行時間，... ...
  • Python TensorFlow深度學習回歸代碼：DNNRegressor
    本文介紹基於Python語言中TensorFlow的tf.estimator介面，實現深度學習神經網路回歸的具體方法。 () 1 寫在前面 1. 本文介紹的是基於TensorFlow tf.estimator介面的深度學習網路，而非TensorFlow 2.0中常用的Keras介面；關於Keras接 ...
  • Dubbo 入門系列之基於 Dubbo API 開發微服務應用
    基礎 我是在ruoyi-vue已經安裝了mybatis-plus的基礎上進行的修改 關於SQLite SQLite 是一個軟體庫，實現了自給自足的、無伺服器的、零配置的、事務性的 SQL 資料庫引擎。 SQLite主頁：https://www.sqlite.org/index.html 1. pom ...
  • 【分散式鏈路追蹤】Skywalking分散式鏈路追蹤基於Docker安裝與使用
    1. 服務監控三要素^1 服務監控需要滿足的三要素分別如下： 日誌監控 指標監控 請求鏈路追蹤 服務監控只要能滿足這三個要素，基本就能實現我們想要的監控效果。 1.1.主流APM系統^1 APM 系統（Application Performance Management，即應用性能管理）是對企業的應 ...
  • Java裡面為什麼搞了雙重檢查鎖，寫完這篇文章終於真相大白了
    雙重檢查鎖定與延遲初始化 在 java 程式中，有時候可能需要推遲一些高開銷的對象初始化操作，並且只有在使用這些對象時才進行初始化。此時程式員可能會採用延遲初始化。但要正確實現線程安全的延遲初始化需要一些技巧，否則很容易出現問題。比如，下麵是非線程安全的延遲初始化對象的示例代碼： COPYpubli ...
  • 單調棧
    顧名思義單調棧就是具有單調性的棧 ==常見模型：找出每個數左邊離它最近的比它大/小的數== 【演算法】 int stk[N],tt = 0; // 棧中存數據 for (int i = 1; i <= n; i ++){ int x; cin >> x; while (tt && stk[tt] >= ...