前端第十天

2022-03-28 01:23:07 字數 1895 閱讀 3769

$(function(),1000,"swing".fn)

小公尺輪播圖:設定5個div 通過給乙個類名定義屬性達到動畫效果,有左右點選事件及索引決定將類名新增給誰,且在索引達到極限時,重新將索引賦值,且同時將其他兄弟div移除類名,通過設定z-index達到最上面為顯示的div

小公尺**:定義建立列表函式(引數為索引確定建立那個資料)

為每個列表新增顯示移除事件,控制區域顯示的範圍,由於使用的是display屬性達到顯隱,因此需要在每次賦值前清空資料,可以使用empty()方法,或者html("")屬性

結構關係:

prev().get(0);方法得到之前的兄弟,通過get方法得到第乙個js物件

pervall()得到所有之前的兄弟

next()之後所有兄弟

parent()得到父級

parents()得到所有父級

children()得到所有子級

siblings()得到所有兄弟

dom:

sup.prepend(sub);將sup的最前方新增sub;$('body').prepend($box);

自刪:remove()不保留事件 detach()保留事件

表單:action:請求的後台鏈結位址

method:請求方式:get|post(不顯示資料)

var val = $('#usr').val();

val()就是表單元素物件的內容,對應html就是value全域性屬性

flask實現簡易後台

from flask import flask,request;

from flask_cors import cors;

建立伺服器物件

解決跨越,資料在兩個伺服器之間傳輸

將請求路徑與邏輯函式形成一一對應關係

def home():

return ""

def index():

return ""

def test():

a=request.args['a'] 通過request物件的args拿到前台資料

b=request.args['b'']

return a+b

為form表單登入請求提供處理邏輯

前端一定會出現頁面轉跳

def login():

usr = request.args['usr']

pwd = request.args['pwd']

if usr == 'abc' and pwd == "123":

return "登入成功頁面"

return "登入失敗頁面"

def login_ajax():

usr = request.args['usr']

pwd = request.args['pwd']

if usr == 'abc' and pwd == '123':

return "登陸成功"

return "登入失敗"

自啟檔案,啟動flask伺服器

if __name__ == "__main__":

form請求後台(會在伺服器位址上傳送頁面轉跳,不需要處理跨越問題)

ajax請求後台(資料在兩個伺服器上傳遞,需要處理跨越問題)

bootstrap入門

用bootstrap規定好的html結構來構建html結構,

在給具體的標籤特定的類名(特定的全域性屬性),就能實現特定的頁面樣式與功能

建立頁面元素物件:var  $box = $('

');操作頁面元素物件:$box.addclass('box');

jqdom操作  

前提:布局

1.建立 

2.設定

3.新增

form提交資料一定會重新整理頁面

使用ajax可以完成區域性資料重新整理

前端基礎第十天

基礎已經學習一半多了,簡單的靜態頁面也可以做了 雖然乙個頁面需要寫好幾個小時,但是熟練了就會好一點,一起加油 今天主要學習了定位,但是其他的知識也要了解,便於以後yunyong 1.靜態定位static 標準流中預設都是靜態定位 2.相對定位relative 特點 1.配合方位屬性使用 2.相對於自...

實習第十天

今天電梯有點慢,等得我半小時才到公司。今天弄資料庫介面工具的時候,被松哥按在地上摩擦了。今天加班,在下班的時候,久久等不到電梯,想起了 上有個應該需要修改,然後回公司修改,改了半天,發現還是原來的好,於是恢復原樣,我就下班了,有點搞笑。這段時間上火非常嚴重,整個人的狀態都不好,做事情也沒精神。面對各...

學習第十天

一 介面 jdk1.8及之後新增了2中可以定義存在方法體的方法 預設方法 default關鍵字修飾的方法 使用 通過實現類物件使用 靜態方法 使用 通過介面名去呼叫 二 單例模式 保證類只能存在乙個例項 餓漢式 先建立物件,然後需要的人要這個物件,保證永遠使用的都是這個建立好的物件 執行緒安全的,效...