原创 簡單瞭解響應式開發

一、響應式開發 1. 響應式佈局 web網頁開發的頁面佈局大致出現了以下幾類: 固定寬度的佈局:給網頁設置一個固定的寬度,通常以px作爲單位,常見於PC端web開發。 流式佈局:給網頁設置一個相對寬度,通常以百分比作爲單位。

原创 Less的簡單使用

1.定義變量 @color = #DC3545; 2.樣式複用 (1) 無參數 .box{ color:@color; font-size:15px; } .layout{ .box; /*複用.box的樣式*/

原创 vue簡單案例 編寫一個移動端底部導航欄

效果圖: src源碼目錄結構: //TabbarItem.vue <template> <div class="tabbar-item" @click="itemclick"> <div v-if="!isAc

原创 webpack的使用(二)

使用plugin #1 通過npm安裝相應的plugin #2 在webpack.config.js的plugins中配置插件 BannerPlugin //webpack.config.js const webpack

原创 詳細說明基於 Bootstrap4 編寫 一個響應式導航欄

風格一: 【代碼】 <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Navbar</a

原创 vue-router keep-alive

keep-alive是Vue內置的一個組件,它可以使被包含的組件保留狀態,或避免重新被渲染。 在vue-router中,我們使用router-view組件來顯示內容時,你會發現隨着頁面被刷新,之前的頁面並沒有緩存下來,也就是哪怕

原创 Django 類視圖學習筆記(四) 基於類視圖處理表單

處理表單一般有以下三個步驟: 在request.method爲GET時初始化表單並呈現在前端頁面。 對POST方法中數據進行驗證。 得到有效數據做進一步處理(通常是重定向)。 這些步驟通常會產生大量的重複代碼,爲了避免這種情

原创 Vue學習筆記 (插槽)

插槽 在模板中定義插槽預留空間,在HTML的組件標籤中嵌入需求代碼來使用插槽。 在組件化開發中,除了公用的代碼之外,儘可能讓需求變化大的代碼都用插槽代替。 插槽可以有默認值,該默認值定義在<slot></slot>標籤中,當

原创 如何使用Vuex

npm install vuex --save-dev //安裝vuex // src/store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(

原创 webpack的使用(一)

entry與output //直接給出entry與output webpack ./src/.main.js ./dist/bundle.js 配置文件:webpack.config.js const path = requi

原创 後端路由、前後端分離、前端路由

後端路由階段 因此,後端路由都是由服務器來生成頁面,然後返回給客戶端,這種方式渲染的頁面,不需要單獨再加載js或css代碼,可以直接交給瀏覽器顯示。 缺點就是 後端開發人員的任務太多太雜,而前端要想處理這部分工作,就必須學習額

原创 HTML中的 meta 標籤

<meta>標籤提供了HTML文檔的元數據。元數據不會顯示在客戶端,但是會被瀏覽器解析。 一個標籤內可以使用如下幾個屬性:charset、name、content、http-equiv。 【注意】:HTML5中scheme屬性已

原创 Django的安全特性(一) 跨站點腳本(XSS)攻擊保護

Django在很大程度上可以規避許多風險,但這並不說明使用Django就可以萬無一失,要想讓你的網站能夠安穩運行,瞭解Django的安全特性非常重要,你要首先知道,在哪些方面Django提供了保護機制,而哪些地方Django做的

原创 Django 類視圖學習筆記(三) 內建類視圖概覽

簡介 編寫Web程序可能是很單調的,因爲視圖層,模板層,模型層都可能會有大量邏輯類似的代碼,但是我們卻需要不斷的重複編寫它們,這肯定讓人受不了。爲此,Django在視圖層,對經常要編寫的,邏輯類似的事務代碼進行了抽象,並封裝在D

原创 Django的安全特性(二) 跨站點請求僞造(CSRF)保護

一、CSRF是什麼? CSRF,中文名爲跨站請求僞造,CSRF攻擊指的是惡意用戶盜用你的信息,以你的名義發送惡意請求。 這將包括:以你的名義發送郵件,發送信息,盜取賬號,購買商品,甚至貨幣轉賬等惡性行爲。 二、CSRF攻擊原理