學習瞭解CSS3發展方向和CSS樣式與優先順序

通過學習CSS3游戲介紹、CSS樣式和優先順序章節,瞭解到html5+css3+js不光可以實現動畫,其次可以往這個游戲與建模方向發展,更多css3特效訪問Gerard Ferrandez on CodePen其次html嵌套css樣式分為3種:內聯、內部、外部、寫法上推薦的是外部,便於代碼復用性;樣... ...

學習css常用基本層級偽類屬性選擇器

常見的css選擇器包含:常用選擇器、基本選擇器、層級選擇器、偽類選擇器、屬性選擇器,其中常用選擇器分為:1.html選擇符*{}//給頁面上所有的標簽設置模式;2.類選擇符.hcls{}//給class是hcls的一類標簽設置模式;3.id選擇符#h3{}//給id是h3的標簽設置樣式;4.關聯選擇... ...

JS圖片輪播

<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="img/1.jpeg" id="flower"> <br> <button id="prve" ...

flex佈局小結

2009年,W3C 提出了一種新的方案 Flex 佈局,可以簡便、完整、響應式地實現各種頁面佈局。目前,它已經得到了所有瀏覽器的支持。 Flex 是 Flexible Box 的縮寫,意為"彈性佈局",用來為盒狀模型提供最大的靈活性。任何一個容器都可以指定為 Flex 佈局。 行內元素也可以使用 F ...

典型電商網站的站點導航的佈局結構實現,及運用三種方式實現下拉效果

由於jquery2.0及以下不再支持IE6/7/8,因此選擇jquery1.x版本中較新的一個 推薦一個各種插件URL地址的公共庫:https://www.bootcdn.cn/ CDN載入jquery的優點: 1、減輕伺服器壓力 2、速度快 3、可以緩存 缺點: 不穩定(取決於別人的伺服器,因此需 ...

11種常用css樣式之文本字體學習

常見css樣式:1.字體與顏色2.背景屬性3.文本屬性4.邊框屬性5.滑鼠游標屬性6.列表樣式7.定位屬性8.內外邊距9.浮動和清除浮動10.滾動條11.顯示和隱藏 文本:1.letter-spacing/*字間距*/2.word-spacing/*詞間距*/3.text-decoration/*下... ...

Vue實戰之【企業開發常見問題】

1.vue框架使用註意事項和經驗 1.1 解決Vue動態路由參數變化,頁面數據不更新 問題描述: 遇到動態路由如:/page/:id 從/page/1 切換到 /page/2 發現頁面組件沒有更新 解決方式1: 給增加一個不同:key值,這樣vue就會識別這是不同的了。 解決方案2: 在組件內使用v ...

下拉菜單項封裝,使用圖標字體實現

通過之前的站點導航案例,分離下拉菜單的共性和特性 dropdown.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>dropdown</title> <link rel="stylesheet" h ...

11種常用css樣式之background學習

background如何簡寫?如何在背景圖像不變的情況下,依舊實現頁面文字滾動,為之奈何?別擔心,快用background-attachment: fixed;/*固定定位*/常用的background樣式如下,1.background-color2.background-image3.backgr... ...

通配符與標簽!important的背景展示,也是讓我懷疑人生了

是誰在耳邊對我說!important提升權重優先順序,只為這一句,我用了3600s研究通配符與標簽!important的背景展示,也是讓我懷疑人生了!選擇器權值:標簽選擇器1,類選擇器和偽類選擇器:10,ID選擇器:100,通配符選擇器:0,行內樣式:1000,!important 在一定條件下,優先... ...

fancybox圖片燈箱功能

fancybox圖片燈箱功能 在頁面中引入幾個文件 在博客文件中需要載入圖片的地方插入下麵html代碼 效果: ...

11種常用css樣式之border學習

邊框border通常簡寫為"border:1px solid red;"但其實一個完整的border邊框其實是由1.border-width/*邊框寬度*/,2.border-style/*邊框樣式*/,3.border-color/*邊框色彩*/三大屬性構成構成;邊框方位分為border-top,... ...

閉包原理及題型

閉包 函數被調用之後,會創建一個執行環境及作用域鏈.函數被執行完之後就會被釋放掉. 閉包函數執行之後會保留當前活動變數在內部函數作用域鏈中,所以內部函數可以訪問外部變數. 示例一 列印出的結果是多少? 示例二 列印出的結果是什麼? 這隻是創建並執行了10個函數,每個函數都傳遞了個 變數給參數給 ,` ...

django中Template語言

Template本身也有自己的語言和語法,用來處理簡單的數據顯示 1. 常用語法 判斷指令 {% if 條件 %}...{%endif%} {% if 條件 %}...{%elif 條件 %}...{%endif%} {% if 條件 %}...{%elif 條件 %}...{%else%}...{ ...

如何利用border書寫三角形,建議考慮正方形

網頁做三角形圖片,你還在拿ps調整嗎?out了,老鐵,來和我一起腦海暢想一個正方形是由4個等腰直角三角形構成,然後我想保留上邊的三角形,那下邊、左邊、右邊的三角形就沒了(設置背景色transparent或者與背景相近的顏色),最終結果就是一個保留上邊,方向朝下的三角形,需要註意一點的是設置的css樣... ...

前端——jQuery

jQuery是JS的工具庫,對原生JS中的DOM操作、事件處理、包括數據處理和Ajax技術等進行封裝,使用 . 鏈式寫法,提供更完善,更便捷的方法。 再使用jquery之前,我們需要先引入jquery文件,才能使用jquery語法,導入jQ文件的方法有兩種。 從 jquery.com 下載 jQue ...

掛號平臺首頁開發(UI組件部分)

JQ插件模式開發UI組件 JQ插件開發方法: 1、$.extend() 擴展JQ(比較簡單,功能略顯不足) $.extend({ sayHello:function(){ console.log("hello~"); } }); $.sayHello(); 2、$.fn 向JQ添加新方法(這次選擇這 ...

判斷用戶的瀏覽設備

const getBrowser = () => { const ua = navigator.userAgent; return { trident: ua.indexOf('Trident') > -1, // IE內核 presto: ua.indexOf('Presto') > -1, // ...

一周排行
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/7966240.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第五個模式--中介者模式,先從名字上來看。中介者模式可以理解為在兩個或多個對象中間增加一個“中間對象”,由增加 的“ ...
  • 抗疫時期,想到弄個微信程式用於社區出入和復工復產人員流動登記,老早就買的盛派的書和視頻,一直沒時間看,趁這個需求,下載盛派weixinDSK開始學習,先是打開盛派的網站陸續無法打開, 幫助文檔也沒能搶救性下載,估計是盛派在遷移啥東西。項目生成工具也不能用了 試著把GitHub上下載的sample部署 ...
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/8032683.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第六個模式--狀態模式。無論是現實世界,還是面向對象的OO世界,裡面都有一個東西,那就是對象。有對象當然就有 狀態了 ...
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/8057654.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第七個模式--策略模式。在現實生活中,策略模式的例子也非常常見,例如:在一個公司中,會有各種工作人員:有普 通員工、 ...
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/8109100.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第八個模式--職責鏈模式。讓我們看看現實生活中某公司採購流程的例子吧,理解起來可能更容易。某公司的規章制度 規定,採 ...
  • 通過前面的文章的學習,我們已經有實現了使用ABP提供的WebAPI方式+EasyUI來實現增刪改查的功能。之前我們把一些基本的信息已經完成了,如貨物信息,供應商信息。有了前面的基礎信息,我們可以實現入庫管理功能。從本章開始我們來學習一個入庫單功能,這個將會涉及DataGrid的主從功能。 一... ...
  • 一談到如何在.Net中進行對象映射,可能大部分同學都會脫口而出:“使用AutoMapper!”。 是的,AutoMapper 是一個非常成熟的對象映射器。截至到寫這篇文章,您能在Nuget上下載到的AutoMapper包的版本為:v9.0.0,而對應的 Github 的 star 已經高達7K。然後... ...
  • WPF提供了可應用於任何元素的可視化效果。效果的目標是提供一種簡單的聲明式方法,從而改進文本、圖像、按鈕以及其他控制項的外觀。不是編寫自己的繪圖代碼,而是使用某個繼承自Effect的類(位於System.Windows.Media.Effects名稱空間中)以立即獲得諸如模糊、輝光以及陰影等效果。 下 ...
  • 前言 這兩天面試了一個物聯網公司高級研發,面試題是下麵這樣子 公司領導,部門主管,小組組長,組成員4級,假如有個 疫情預警,先通知組人員(對個人,主要有一個處理就算處理了) 如果3分鐘沒處理,就往組長髮簡訊,如果組長3分鐘沒處理就往上級推送。一級一級的。 要求單程式併發至少支持1000tps預警事件 ...
  • 在家辦公,下班繼續看點東西,不廢話,繼續看MVC的路由。 asp.net核心mvc的路由是建立在asp.net核心的路由之上的。通過終結點載入路由中間件的配置方式在此不細說了,(DOTNET Core MVC(二)已經說明)。在看一下其他的載入方式: app.UseMvc(routes => { / ...