原创 Web前端筆記(3)

1. 標籤分類: 按照特性,對HTML標籤進行分類: 按照類型可以劃分爲: a. block 塊  div, p, ul, li h1,h2, ....h6.... 特性:獨佔一行;支持所有樣式;不設置width的時候,跟父元素的寬度一樣

原创 Web前端筆記(7)

陰影效果: 1. CSS3中的文字陰影: text-shadow: 給文字添加陰影,陰影的默認顏色跟文字的顏色相同 x:  x軸偏移的像素 y:  y軸偏移的像素 blur:  陰影的模糊值,越大表示陰影越模糊 color: 陰影的顏色 

原创 Web前端 Javascript筆記(1)數組

結構 :html構建 樣式:css控制 行爲:JavaScript實現 什麼是JavaScript? JavaScript是一種跨平臺的腳本語言,平臺,即運行環境,一般指操作系統。 ----------------------------

原创 Web前端JavaScript筆記(7)ECMA6新增數組方法

新增數組方法: 1. Array.from():  將僞數組轉化爲真數組 <script> window.onload = function () { let tag_li = document.

原创 Web前端筆記(5)

發展歷史: 1991年八月六日,歐洲核子研究中心的科學家啓動了世界上第一個可以訪問的網站,從此人類宣佈了互聯網時代的到來,到2014年確定了HTML5標準. 1994年提出了CSS層疊樣式表,知道1996年,CSS才演變成我們熟悉的樣子。

原创 Web前端筆記(8) 管後臺理頁面

管理後臺整頁制: 設計一個管理後臺,圖標資源使用的是iconfont中的圖標: 頁面採用的是典型的後臺管理頁面佈局: 頁面的代碼: html文件: <!DOCTYPE html> <html lang="en"> <head>

原创 粒子羣優化算法(2)離散粒子羣算法

      在上一篇博客 粒子羣優化算法(1)中介紹了基本的粒子羣算法,基本粒子羣算法是基於連續空間(區間)進行搜索,然而在一些實際的工程應用中,我們的待求解的變量可能並不是歷需的,而實一種離散型的變量。這就需要對基本的粒子羣算法做出一些

原创 Web前端JavaScript筆記(3)對象

在JavaScript中沒有類這個概念,只有對象,在新ECMA6新版中增加了類的概念,和數組,字符串類似,對象的聲明方法也有三種: 1. 通過new運算符進行傳件對象 2. 省略new運算符創建對象 3. 對象常量賦值 <script>

原创 C++ Qt學習筆記 (1) 簡易計算器設計

最近開始學習c++ qt, 按照教材上的例程設計一個簡易的桌面計算器:         Qt是一個基於C++語言的跨平臺應用程序和UI開發框架,主要包含一個類庫,和跨平臺開發及國際化的工具,最初由挪威的Trolltech公司開發,後來被諾

原创 座標圖

#include "plotdlg.h" #include "ui_plotdlg.h" #include <QColor> #include <QPainter> #include <QPen> plotDlg::plotDlg(Q

原创 Web後端學習筆記 Flask(9)cookie and session

        Flask_wtf除了可以做表單驗證,模板渲染之外,還可以防禦CSRF攻擊。要了解CSRF攻擊的原理,首先需要了解cookie和session的知識點。 cookie:在網站中,HTTP請求是無狀態的,也就是說,即使第一次

原创 Web前端筆記(9) flex佈局

flex彈性佈局: 1. flex彈性盒模型:     隨着移動互聯網的發展,對佈局的要求越來越高,傳統的佈局方案對於實現特殊佈局非常的不方便,比如垂直居中,2009年W3C提出了一種新的佈局方案---flex佈局,可以簡便,完整,響應式

原创 Web前端Javascript筆記(8)Ajax前後端交互

認識Ajax     全名Asynchronous Javascript and XML(異步JavaScript和XML),節省用戶操作時間,提高用戶體驗,減少數據請求,傳輸獲取數據。Ajax相當於前後臺數據交互的搬運工 xml數據傳輸

原创 Web前端JavaScript筆記(4)節點

如何獲取元素節點的屬性: 在Web前端JavaScript筆記(3)對象中,介紹了訪問行間屬性的方法,除此之外,系統還提供了三個方法訪問元素的屬性: 1. setAttribute:  2. getAttribute: 3. remove

原创 Web前端筆記(10)Grid佈局

Grid網格佈局: Grid佈局是一個二維佈局方法,橫縱兩個方向總是同時存在。與flex佈局的語法類似,Grid佈局涉及到的語法也分爲兩類,一類是作用在Grid容器上的,另一類是作用在grid子項上的: a. 作用在Grid容器上的語法: