webpack ensure相信大家都聽過。有人稱它為異步加載,也有人說做代碼切割,那這個家伙到底是用來干嘛的?其實說白了,它就是把js模塊給獨立匯出一個.js檔案的,然后使用這個模塊的時候,webpack會構造script dom元素,由瀏覽器發起異步請求這個js檔案。 這樣解決整個專案打包成同一 ......
2023-03-20 more寫在前面 模塊化開發是我們日常作業潛移默化中用到的基本技能,發展至今非常地簡潔方便,但開發者們(指我自己)卻很少能清晰透徹地說出它的發展背景, 發展程序以及各個規范之間的區別。故筆者決定一探乾坤,深入淺出學習一下什么是前端模塊化。 通過本文,筆者希望各位能夠識訓到: 前端模塊化發展的大致歷史背景 ? ......
2023-03-15 more在頁面布局中,元素水平垂直居中的方法有很多,這里就列舉3個簡單,用的比較多的方法吧。 情況一、已知元素的寬高 1 <style> 2 .center { 3 width: 200px; 4 height: 200px; 5 background-color: #000; 6 /* 1.絕對定位,加m ......
2023-03-14 more專案中經常會碰到頁面自適應的問題,例如:商城的串列展示、分類串列展示等頁面,如下: 該頁面會隨著頁面的放大縮小而隨之發生變化,解決方法:display: flex;配合子元素的動態寬度來實作,子元素的寬度 = (總寬 - 自身的margin) / 每行的數量即可。 .box{ border: 1px ......
2023-03-09 more首先,我們創建一個檔案夾。 創建完這個檔案夾以后,點開里面是空的。然后我們點進去,右鍵Git Bash Here, 打開我們的github 把這個鏈接復制一下,在git bash 中輸入: git clone +鏈接 這個時候我們會發現原本的那個代碼檔案實際上已經被存放到我們的電腦中了。 然后我們在 ......
2023-03-08 more本文將介紹一種基于 CSS 變數技巧,通過合理使用 CSS 變數,實作 CSS 影片 @keyframes 的復用。 CSS 變數 CSS 變數大家應該都比較熟悉了,已經不能算是新知識了,快速過一遍。 CSS 變數(CSS Variable),在之前也叫做 CSS 自定義屬性,其使用方式如下: // ......
2023-03-07 morehtml篇之《標簽分類和嵌套規則》 一、常用標簽 (1) <div></div> 一個區塊容器標記,可以包含圖片、表格、段落等各種html元素 (2) <span></span> 沒有實際意義,為了應用樣式 二、標簽分類 (1) 塊級標簽 獨占一行,會換行 包含: <div></div>、<ul>< ......
2023-03-03 morehtml篇之《表單》 一、結構 <form action="url" method="post" name=""> <label>標注</label><input type="text" /> <select name=""> <option value=https://www.cnblogs.com/songofsongs/p/"...
2023-03-03 more在許久之前,曾經寫過這樣一篇文章 -- 不定寬溢位文本適配滾動。我們實作了這樣一種效果: 文本內容不超過容器寬度,正常展示 文本內容超過容器的情況,內容可以進行跑馬燈來回滾動展示 像是這樣: 但是,之前的方案,有一個很明顯的缺點,如果我們事先知道了容器的寬度,那么沒問題,但是如果沒法確定容器的寬度, ......
2023-03-03 moreCSS中的BFC、IFC、GFC和FFC是布局模型中的概念,用于描述元素在檔案流中的布局行為。它們分別代表塊級格式化背景關系(Block Formatting Context)、行內級格式化背景關系(Inline Formatting Context)、網格格式化背景關系(Grid Formatting ......
2023-03-01 more我們是袋鼠云數堆疊 UED 團隊,致力于打造優秀的一站式資料中臺產品。我們始終保持工匠精神,探索前端道路,為社區積累并傳播經驗價值。 前言 數堆疊作為云原??站式?資料開發平臺,從2016年發布第?個版本開始,數堆疊就始終堅持著以技術為 核?、安全為底線、提效為?標、中臺為戰略的思想,堅定不移地?國產化信 ......
2023-03-01 more本文是系列第三篇。系列文章: 現代圖片性能優化及體驗優化指南 - 圖片型別及 Picture 標簽的使用 現代圖片性能優化及體驗優化指南 - 回應式圖片方案 圖片資源,在我們的業務中可謂是占據了非常大頭的一環,尤其是其對帶寬的消耗是十分巨大的。 對圖片的性能優化及體驗優化在今天就顯得尤為重要。本文, ......
2023-02-24 more實際專案中會運到的 Typescript 回呼函式、事件偵聽的型別定義,如果剛碰到會一臉蒙真的,我就是 這是第一次我自己對 Typescript 記錄學習,所以得先說一下我與 Typescript 的孽緣 記得最早是在2014年遇上 Typescript 當時是完全看不上這東西的,甚至帶著鄙視的心態 ......
2023-02-23 more為什么使用window.onload() 因為 JavaScript 中的函式方法需要在 HTML 檔案渲染完成后才可以使用,如果沒有渲染完成,此時的 DOM 樹是不完整的,這樣在呼叫一些 JavaScript 代碼時就可能報出"undefined"錯誤。 用于在網頁加載完畢之后立即執行的操作,即當 ......
2023-02-23 more本文分析Program.cs 中Main()函式中代碼的運行順序分析asp.net core程式的啟動,重點不是剖析原始碼,而是理清程式開始時執行的順序。到呼叫了哪些實體,哪些法方。asp.net core 3.1 的程式入口在專案Program.cs檔案里,如下。ususing System; us ......
uj5u.com 2020-09-09 22:07:49 more最近被websocket的一個問題困擾了很久,有一個需求是在web網站中搭建websocket服務。客戶端通過網頁與服務器建立連接,然后服務器根據ip給客戶端網頁發送資訊。 其實,這個需求并不難,只是剛開始對websocket的內容不太了解。上網搜索了一下,有通過asp.net core 實作的、有 ......
uj5u.com 2020-09-09 22:08:02 moreMagicodes.IE在Docker中使用 更新歷史 2019.02.13 【Nuget】版本更新到2.0.2 【匯入】修復單列匯入的Bug,單元測驗“OneColumnImporter_Test”。問題見(https://github.com/dotnetcore/Magicodes.IE/is ......
uj5u.com 2020-09-09 22:08:05 more如果你用過Asp.net webform, 說明你也算是.NET 開發的老兵了。WEBform應該是2011 2013左右,當時還用visual studio 2005、 visual studio 2008。后來基本都用的是MVC。 如果是新開發的專案,估計沒人會用webform技術。但是有些舊版 ......
uj5u.com 2020-09-09 22:08:50 more今天在iis服務器配置asp.net網站,遇到一個問題,記錄一下: 問題:由于擴展配置問題而無法提供您請求的頁面。如果該頁面是腳本,請添加處理程式。如果應下載檔案,請添加 MIME 映射。 WindowServer2012服務器,添加角色安裝完.netframework和iis之后,運行aspx頁面 ......
uj5u.com 2020-09-09 22:10:00 more帶著問題去思考,大家好! 問題1:HTTP請求和回傳相應的HTTP回應資訊之間發生了什么? 1:首先是最底層,托管層,位于WebAPI和底層HTTP堆疊之間 2:其次是 訊息處理程式管道層,這里比如日志和快取。OWIN的參考是將訊息處理程式管道的一些功能下移到堆疊下端的OWIN中間件了。 3:控制器處理 ......
uj5u.com 2020-09-09 22:11:13 more微信門戶應用管理系統,采用基于 MVC + Bootstrap + Ajax + Enterprise Library的技術路線,界面層采用Boostrap + Metronic組合的前端框架,資料訪問層支持Oracle、SQLServer、MySQL、PostgreSQL等資料庫。框架以MVC5,... ......
uj5u.com 2020-09-09 22:15:18 more帶著問題去思考,大家好!它是什么?它包含什么?它能干什么? 訊息 HTTP編程模型的核心就是訊息抽象,表示為:HttPRequestMessage,HttpResponseMessage.用于客戶端和服務端之間交換請求和回應訊息。 HttpMethod類包含了一組靜態屬性: private stat ......
uj5u.com 2020-09-09 22:15:23 more一、跨域 NuGet參考Microsoft.AspNet.WebApi.Cors WebApiConfig.cs中配置: // Web API 配置和服務 config.EnableCors(new EnableCorsAttribute("*", "*", "*")); 二、清除默認回傳XML格式 ......
uj5u.com 2020-09-09 22:15:48 more前言 在initEvents中發現的有意思的東西,就是 Vue 針對 Error 的處理,說實話之前壓根沒在意過 Vue 是如何收集處理 Error 的; errorHandler:https://v2.cn.vuejs.org/v2/api#errorHandler ?> 從 2.2.0 起,這個 ......
uj5u.com 2023-03-21 11:27:58 more本文旨在從0到1的講述一下我們團隊在做系統可觀測性程序中所沉淀下來的一整套解決方案,收效甚巨,不敢茍藏,當公之于眾,共建吾輩光明之未來。 ......
uj5u.com 2023-03-21 11:10:37 moreTS 是結構型別系統(structural type system),基于結構/形狀檢查型別,而非型別的名字。 TS 中的兼容性,主要看**結構是否兼容**。(核心是考慮安全性),結構化的型別系統(又稱鴨子型別檢查),如兩個型別名字不一樣但是無法區分 型別兼容性是基于結構子型別的。 結構型別是一種只 ......
uj5u.com 2023-03-21 11:10:21 more前端設計模式中的過濾器模式(Filter Pattern)是一種結構型設計模式,它允許我們使用不同的條件來過濾一組物件,并回傳符合條件的物件串列。 在過濾器模式中,我們有一個包含多個物件的串列,需要根據一些條件來篩選出符合條件的物件。通常情況下,可以使用多個過濾器來實作這個功能。每個過濾器都是一個獨 ......
uj5u.com 2023-03-21 11:10:17 more1.console.log() 除錯時console.log是最常用的命令之一,此外還有一些其他的使用的功能。 console.log()中,可是使用占位符對資訊加工輸出 console.log(' %c %s %s %s', 'color: yellow; background-color: bl ......
uj5u.com 2023-03-21 11:10:09 more本文將使用技術堆疊 React Three Fiber 和 Cannon.js 來實作一個具有物理特性的乒乓球小游戲,通過本文的閱讀,你將學習到的知識點包括:了解什么是 React Three Fiber 及它的相關生態、使用 React Three Fiber 搭建基礎三維場景、如何使用新技術堆疊給場... ......
uj5u.com 2023-03-21 10:55:42 moreuni-app開發跨平臺小程式開發的諸多坑,最近用uni-app開發小程式的時候遇到不少了。本篇收集和記錄自己在開發小程式過中遇到的問題和解決辦法。之前有很多問題解決了,沒記錄在案。往后遇到的問題,我盡量記錄下來。部分小程式平臺不好開發,尤其是需要兼容多個平臺,所以如果你和我一樣,想必避免不了遇到 ......
uj5u.com 2023-03-21 10:35:44 moreTS 是結構型別系統(structural type system),基于結構/形狀檢查型別,而非型別的名字。 TS 中的兼容性,主要看**結構是否兼容**。(核心是考慮安全性),結構化的型別系統(又稱鴨子型別檢查),如兩個型別名字不一樣但是無法區分 型別兼容性是基于結構子型別的。 結構型別是一種只 ......
uj5u.com 2023-03-21 10:26:50 more