🚩前言

🌻今天進(jìn)行剩余部分VUE知識(shí)的補(bǔ)充，再進(jìn)行JavaWEB的學(xué)習(xí)

作者簡(jiǎn)介：大家好我是燙嘴的辛拉面，大家可以叫我拉面。
個(gè)人主頁(yè): weixin_49405762的博客
系列專欄： 經(jīng)典算法習(xí)題集
為大推薦一款刷題神器哦 點(diǎn)擊跳轉(zhuǎn)進(jìn)入網(wǎng)站

目錄

• 🚩前言
• ??Vue
• • ??事件修飾符
  • ??路由
• ??Web
• • ??資源分類
  • ??動(dòng)態(tài)服務(wù)器
  • ??靜態(tài)服務(wù)器
  • ??Servlet
  • ??Servlet生命周期
• 必看

??Vue

??事件修飾符

事件的修飾符
用來和事件連用的，用來絕對(duì)事件的觸發(fā)條件或者是阻止事件的觸發(fā)機(jī)制
事件的冒泡：
點(diǎn)擊div里的按鈕，div被點(diǎn)擊的事件也會(huì)被觸發(fā)
阻止事件的冒泡
【@click.stop=“函數(shù)”】

?<button @click.stop="btnClick">按鈕</button>

屏蔽標(biāo)簽?zāi)J(rèn)行為
屏蔽a標(biāo)簽的默認(rèn)行為

a標(biāo)簽的默認(rèn)行為：跳轉(zhuǎn)

【JavaScript:void(0)或者@click.prevent】

?<a href="JavaScript:void(0)" @click="aClick">百度一下</a>?<a href="http://www.baidu.com" @click.prevent="aClick">百度一下</a>

屏蔽form標(biāo)簽的提交

form標(biāo)簽的默認(rèn)行為：驗(yàn)證表單和提交

【@click.prevent】

?<form action="../exam/text04.html">?<input type="submit" @click.prevent="submitClick">?</form>

觸發(fā)一次
【@click.once】
只觸發(fā)一次，之后執(zhí)行標(biāo)簽的默認(rèn)行為
對(duì)鍵盤按鍵進(jìn)行修飾
回車【.enter】
Tab鍵【.tab】
delete【.delete】——對(duì)刪除和退格都起作用的
全局組件的注冊(cè)
參數(shù)1：組件的名稱

參數(shù)2：組件配置對(duì)象

template:用來書寫組件的HTML代碼

注意：template中必須要有一個(gè)容器

?Vue.component('login',{?template:"<h1>用戶登錄</h1>"?})

局部組件的注冊(cè)

?<div id="app" class="main" @keypress.enter="ad">?<log1 :name="username" :age="age"></log1> ?</div>?<!-- 定義局部組件 -->?<template id="loginTem">?<div>?<h1> 用戶登錄:{{name}}-----age:{{age}}</h1>?</div>?</template>?<script src="vue.js"></script>?<script> ?// 定義一個(gè)局部組件?let log={?// 找id?template:"#loginTem",?// 定義數(shù)據(jù)?props:["name","age"],?// 數(shù)據(jù)流?data(){?return{?username:"小強(qiáng)",?age:13,?}?},?}?const app=new Vue({?el:"#app",?data:{?username:"張三",?age:24,?},?components:{?//掛載組件?log1:log?// 第一個(gè)log1是我的組件名,第二個(gè)log是要掛載的組件名?},?})

?

??路由

router.js放在vue.js的下面

創(chuàng)建路由對(duì)象寫在創(chuàng)建組件模板下面

?

?<router-link to="/login">登錄</router-link>?<router-link to="/register">注冊(cè)</router-link>?<!-- 需要在頁(yè)面上顯示圖層 -->?<router-view></router-view>

?
?
?

?

??Web

C/S架構(gòu)：客戶端/服務(wù)器——QQ，Typora，騰訊會(huì)員。
B/S架構(gòu)：瀏覽器/服務(wù)器——B站，愛奇藝

??資源分類

靜態(tài)資源：所有用戶訪問后，得到的結(jié)果都是一樣的。（HTML,CSS,JS,圖片，視頻，音頻…）
動(dòng)態(tài)資源：每個(gè)用戶訪問相同的資源，得到的結(jié)果可能不一樣。動(dòng)態(tài)資源被訪問后，需要先轉(zhuǎn)換為靜態(tài)資源，再返回給瀏覽器，提供瀏覽器來進(jìn)行解析。
常見的web服務(wù)器
概念：
服務(wù)器：安裝了服務(wù)器軟件的計(jì)算機(jī)
服務(wù)器軟件：接受用戶的請(qǐng)求，處理請(qǐng)求之后給出響應(yīng)。【接請(qǐng)求，給響應(yīng)】
web服務(wù)器軟件：接受用戶的請(qǐng)求，處理請(qǐng)求之后給出響應(yīng)。
在web服務(wù)器軟件中，可以部署web項(xiàng)目，讓用戶通過瀏覽器訪問這些項(xiàng)目。
常見的服務(wù)器軟件

??動(dòng)態(tài)服務(wù)器

動(dòng)態(tài)部署web工程

webLogic：Oracle公司出品，大型的web服務(wù)器，幾乎支持了所有的JavaEE規(guī)范，【收費(fèi)，非常的貴】。
webSphere：IBM公司出品，大型的web服務(wù)器，幾乎支持了所有的JavaEE規(guī)范，【收費(fèi)】
JBOSS：JBOSS公司，中型的web服務(wù)器，幾乎支持了所有的JavaEE規(guī)范，【收費(fèi)，幾乎沒人用】
Tomcat：Apache基金會(huì)，中小型的web服務(wù)器，只支持了少量的JavaEE規(guī)范，【開源免費(fèi)】

??靜態(tài)服務(wù)器

Nginx（代理，反向代理，動(dòng)靜分離…）極高的并發(fā)
Apache
Tomcat
bin：存放一些批處理腳本文件，可執(zhí)行文件。
conf：用來存放tomcat的相關(guān)配置文件。
lib：Tomcat依賴的jar包。
logs：存放日志。
temp：臨時(shí)文件目錄。
webapps：Tomcat默認(rèn)的Web應(yīng)用部署目錄。
work：Web應(yīng)用JSP代碼生成和遍歷的臨時(shí)目錄。
Tomcat的啟動(dòng)

雙擊 bin/startup.bat文件
Tomcat的停止

雙擊 bin/shutdown.bat文件
訪問

http://127.0.0.1:8080

??Servlet

任務(wù)
Servlet就是一個(gè)普通的Java類而已。
處理請(qǐng)求給出響應(yīng)的類
創(chuàng)建Servlet
實(shí)現(xiàn)javax.servlet.Servlet接口
繼承javax.servlet.GenericServlet類
繼承javax.servlet.http.HttpServlet類
我們?cè)陂_發(fā)中一般使用第三種方法來創(chuàng)建Servlet

??Servlet生命周期

初始化——init方法
實(shí)例化——構(gòu)造器
調(diào)用Service方法，處理請(qǐng)求
銷毀——destory方法
Servlet的配置
web.xml

<?xml version="1.0" encoding="UTF-8"?>

<!-- 注冊(cè)servlet --> <servlet><servlet-name>hello</servlet-name><servlet-class>com.jsoft.afternoon.HelloServlet</servlet-class> </servlet> <servlet-mapping><servlet-name>hello</servlet-name><url-pattern>/hello.do</url-pattern> </servlet-mapping> ## ??注解 @WebServlet("/hello.do") IDEA整合tomcat 創(chuàng)建一個(gè)普通的Java工程 點(diǎn)擊settings--->project structure 點(diǎn)擊Moduls，點(diǎn)擊+號(hào)，選擇web，點(diǎn)擊OK 點(diǎn)擊idea運(yùn)行處的Edit Configurations 點(diǎn)擊左上角的+號(hào)，在列表中選擇tomcat server，注意，不要選擇TomEE Server。 點(diǎn)擊右側(cè)的Configure，配置Tomcat的本地路徑。路徑到Tomcat根目錄就可以。 點(diǎn)擊settings--->project structure 點(diǎn)擊Artifacts，點(diǎn)擊+號(hào)，選擇web Application Exploded：From 修改output directory為tomcat下的webapps，點(diǎn)擊OK 點(diǎn)擊idea運(yùn)行處的Edit Configurations，點(diǎn)擊Deployment選項(xiàng)卡，點(diǎn)擊+號(hào)，選擇Artifact，自動(dòng)添加了。 回到Server選項(xiàng)卡，可以修改端口號(hào)以及服務(wù)器的兩個(gè)配置改為update classes and resources。 在web目錄下新建HTML文件，點(diǎn)擊啟動(dòng)服務(wù)器，通過http://localhost:8888/JavaWEB20220829/index.html地址來訪問自己的項(xiàng)目。

必看

算法對(duì)程序員來說及其重要，語(yǔ)言和開發(fā)平臺(tái)不斷變化，但是萬變不離其宗的是那些算法和理論，刷算法最最最直白的原因就是找一個(gè)好的工作，那刷題一定是必不可少的
現(xiàn)在算法刷題平臺(tái)還是蠻多的，給大家介紹一個(gè)我認(rèn)為與大廠關(guān)聯(lián)最深的平臺(tái)——牛客網(wǎng)

相較于其他平臺(tái)，他們的題單更和工作，大廠靠攏，不光有面試必刷的101到題目，還有大量大廠真題，內(nèi)容也全程免費(fèi)，相較于其它會(huì)員費(fèi)結(jié)算的來說 非常的友好

牛客網(wǎng)還支持ACM模式，沒有練習(xí)過的一定要提前適應(yīng)！像某團(tuán)、某為，都要求自己處理輸入輸出，如果不提前練習(xí)會(huì)很吃虧的！
牛客的題解更新迭代也很快，討論區(qū)也有奇技淫巧的分享，能幫你把所有盲點(diǎn)掃清楚，整體來說還是非常推薦去練習(xí)的~
傳送門：牛客網(wǎng)

總結(jié)

以上是生活随笔為你收集整理的VUE知识的补充的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。