用Bootstrap做一個歷史朝代表

引入CDN,算好需要合併的單元格。 <!DOCTYPE html> <html> <head> <!-- 移動設備 --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> < ...

鬆軟科技Web課堂:JavaScript For 迴圈

迴圈可多次執行代碼塊。 JavaScript 迴圈 假如您需要運行代碼多次,且每次使用不同的值,那麼迴圈(loop)相當方便使用。 通常我們會遇到使用數組的例子: 不需要這樣寫: text += cars[0] + "<br>"; text += cars[1] + "<br>"; text += ...

CSS盒子模型、RestCSS、浮動、定位

盒子模型 邊框:border 左邊框:border left 右邊框:border right 上邊框:border top 下邊框:border bottom 複合樣式:border 邊框顏色:border color 邊框寬度:border width 邊框樣式:border style 實線: ...

基於webpack實現多html頁面開發框架六 提取公共代碼

一、解決什麼問題 1、如果a.js和b.js都引用了common.js,那在打包的時候common.js會被重覆打入到a.js和b.js,造成重覆打包 2、單獨打包common.js對性能有幫助,瀏覽器下載一次後會緩存下來,不會重覆下載 二、未抽取公共代碼的狀況 基於之前代碼,測試如下: 1、在as ...

JS---DOM---part4 課程介紹 & part3 複習

part4 課程介紹 事件 1. 綁定事件的區別 2. 移除綁定事件的方式及區別和相容代碼 3. 事件的三個階段 4. 事件冒泡 5. 為同一個元素綁定多個不同的事件,指向的是同一個事件處理函數 6. 百度的大項目 7. BOM 8. 定時器 9. DOM加強,多個幾個好玩的案例 part3 複習 ...

Flask websocker

群聊版 安裝 pipinstallgevent-websocket 視圖 #-*-coding:utf-8-*- importjson fromflaskimportFlask,request,render_template fromgeventwebsocket.handlerimportWebS... ...

JS---DOM---總結綁定事件的區別

總結綁定事件的區別: addEventListener(); attachEvent() 相同點: 都可以為元素綁定事件 不同點: 1.方法名不一樣 2.參數個數不一樣addEventListener三個參數,attachEvent兩個參數 3.addEventListener 谷歌,火狐,IE11 ...

JS---DOM---為元素解綁事件

解綁事件 註意:用什麼方式綁定事件, 就應該用對應的方式解綁事件 1.解綁事件 對象.on事件名字=事件處理函數 >綁定事件 對象.on事件名字=null; //1 對象.on事件名字=事件處理函數 綁定事件 my$("btn").onclick = function () { console.lo ...

JS---DOM---為元素綁定事件和解綁事件的相容代碼

1. 綁定事件的相容 function addEventListener(element,type,fn) { if(element.addEventListener){ element.addEventListener(type,fn,false); }else if(element.attach ...

css3 偽類實現右箭頭→

css3 實現右箭頭→ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .divtest{ position: absolute; top: ...

js去除空格12種方法

註:本文非本人原著;原文作者: 黃卉 《js去除空格12種方法》 ...

Ajax獲取網頁添加到div中

1:利用DOM獲取該 div 的 ID,然後清空該DIV的內容(如果你需要接著裡面的內容添加可不要清空);需要註意點是清空最好用“ empty() ”; 2: 把 async設成true ,否則又一條警告的錯誤,這條錯誤導致你的內容顯示不出來;下麵就是警告的錯誤 3:就是添加HTML了。 具體代碼如 ...

基於antd封裝一個高可用form組件 減少cv代碼導致的bug

引言 在開發中台過程中 我們的原型中有很多表單,antd有表單組件,但是粒度比較細,就單純組件而言,無可厚非,但是在開發過程中,可能會造成代碼不夠聚合,有些表單公共邏輯無法提取,copy paste比較多,所以可以加以封裝,搞一個相容性和擴展性都契合項目本身的組件。 主要思路 我簡單查閱了一番資料, ...

JavaScript 基於HTML5 canvas 獲取文本占用的像素寬度

基於HTML5 canvas 獲取文本占用的像素寬度 by:授客 QQ:1033553122 直接上代碼 // 獲取單行文本的像素寬度 getTextPixelWith(text, fontStyle) { var canvas = document.createElement("canvas"); ...

CSS 解決z-index上層元素遮擋下層元素點擊事件問題

解決z-index上層元素遮擋下層元素點擊事件問題 by:授客 QQ:1033553122 開發環境 Win 10 element-ui "2.8.2" Vue 2.9.6 需求描述 如下,有以下界面,其中右側邊時一個ElementUI Dialog模態對話框,希望在對話框上執行點擊操作時,不會點擊 ...

註冊登錄頁面模板

``` Practice 請註冊 立即登錄> 請登錄 立即註冊> 七天內自動登錄 忘記密碼? ``` ![](https://img2018.cnblogs.com/blog/821307/201912/821307-20191210153842909-1130015050.png) ...

浮動後塌陷問題解決方法

如果是li浮動導致ul沒有寬度,給ul手動設置一個寬度或者給div一個overflow:hidden; ...

HTML連載56-網易註冊界面實戰之全部代碼

一、今天完成了網易郵箱註冊界面的全部編寫,編寫一個小小的網頁就需要這麼多時間來進行設計、測量、排版、編寫、測試,才能進行使用,同時編寫這個網頁複習了幾乎前面的所有內容,最後來一個彙總就可以了。 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...

一周排行
  • 1. UWP中的其它裁剪方案 之前在 "這篇文章" 里,我介紹瞭如何使用 "UIElement.Clip" 裁剪UIElement的內容,使用代碼如下: 在 "另一篇文章里" 我介紹瞭如何使用 "CanvasActiveLayer" 裁剪Win2D內容,使用代碼如下: 這兩種方式都有他們的局限:Ca ...
  • 前言 軟體開發過程中,不可避免會用到集合,C#中的集合表現為數組和若幹集合類。不管是數組還是集合類,它們都有各自的優缺點。如何使用好集合是我們在開發過程中必須掌握的技巧。不要小看這些技巧,一旦在開發中使用了錯誤的集合或針對集合的方法,應用程式將會背離你的預想而運行。 本文已更新至http://www ...
  • 建議20、使用泛型集合來替代非泛型集合 http://www.cnblogs.com/aehyok/p/3384637.html 這裡有一篇文章,是我之前專門來介紹泛型的。我們應儘量的使用泛型集合。因為泛型的確有它的好處: 1、提供了類型安全,在編譯期間就可以檢查錯誤 2、更重要的是大部分情況下泛型 ...
  • 常見面試題目: 1. 值類型和引用類型的區別? 2. 結構和類的區別? 3. delegate是引用類型還是值類型?enum、int[]和string呢? 4. 堆和棧的區別? 5. 什麼情況下會在堆(棧)上分配數據?它們有性能上的區別嗎? 6.“結構”對象可能分配在堆上嗎?什麼情況下會發生,有什麼 ...
  • 5年,50+版本迭代,不忘初心,始終為了幫助廣大站長更容易實現站內搜索功能 一,開發初衷與思路: 基於Lucene.net重頭開發一個站內搜索其實挺費時,且需要一定的二開能力,很多人直接組合一些第三方開源的組件,但如果需要解決好搜索質量,兼顧搜準率與召回率,依然需要做不少調整優化的工作,後來我想能否 ...
  • Centos+Nginx+NetCore3.1部署 1 先將vs2019升級到,16.4.0版本 2.新建一.netcore3.1的web程式 3.編譯後將項目上傳到centos伺服器 4.配置nginx文件 修改完後重新載入ngxin. service nginx restart 5.安裝守護進程 ...
  • 1. DateTime的使用 DateTime dt = DateTime.Now; StringBuilder sb = new StringBuilder(); sb.AppendLine(string.Format("DataTime字元串表示: {0}", dt.ToString())); ...
  • 此系列使用Asp.net構建前後端分離的博客網站。 創建一個asp.net項目 我們這裡使用的是空模板,把Https配置去掉(安全先不配置) 構建webapi介面有很多方法,在這裡我們選擇最簡單的2種方式進行搭建。 1.WebForm 創建一個webForm 打開窗體的伺服器邏輯代碼文件 添加如下方 ...
  • 這是 站點的源代碼 源碼 框架組件 jQuery + Bootstrap4 .NET Core (latest) EF + Linq 支持:SQLServer、MySQL、PostgreSQL、SQLite、InMemory等 ==================================== ...
  • Netnr.FileServer 基於 .NET Core 的簡單文件伺服器,資料庫為SQLite 源碼 https://github.com/netnr/blog https://gitee.com/netnr/blog 為了方便維護公共類庫,項目放置一個解決方案,沒有分開 配置 為配置文件 正式 ...