🚩前言

🌻今天進行剩余部分VUE知識的補充，再進行JavaWEB的學習

作者簡介：大家好我是燙嘴的辛拉面，大家可以叫我拉面。
個人主頁: weixin_49405762的博客
系列專欄： 經典算法習題集
為大推薦一款刷題神器哦 點擊跳轉進入網站

目錄

• 🚩前言
• ??Vue
• • ??事件修飾符
  • ??路由
• ??Web
• • ??資源分類
  • ??動態服務器
  • ??靜態服務器
  • ??Servlet
  • ??Servlet生命周期
• 必看

??Vue

??事件修飾符

事件的修飾符
用來和事件連用的，用來絕對事件的觸發條件或者是阻止事件的觸發機制
事件的冒泡：
點擊div里的按鈕，div被點擊的事件也會被觸發
阻止事件的冒泡
【@click.stop=“函數”】

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

屏蔽標簽默認行為
屏蔽a標簽的默認行為

a標簽的默認行為：跳轉

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

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

屏蔽form標簽的提交

form標簽的默認行為：驗證表單和提交

【@click.prevent】

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

觸發一次
【@click.once】
只觸發一次，之后執行標簽的默認行為
對鍵盤按鍵進行修飾
回車【.enter】
Tab鍵【.tab】
delete【.delete】——對刪除和退格都起作用的
全局組件的注冊
參數1：組件的名稱

參數2：組件配置對象

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

注意：template中必須要有一個容器

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

局部組件的注冊

?<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> ?// 定義一個局部組件?let log={?// 找id?template:"#loginTem",?// 定義數據?props:["name","age"],?// 數據流?data(){?return{?username:"小強",?age:13,?}?},?}?const app=new Vue({?el:"#app",?data:{?username:"張三",?age:24,?},?components:{?//掛載組件?log1:log?// 第一個log1是我的組件名,第二個log是要掛載的組件名?},?})

?

??路由

router.js放在vue.js的下面

創建路由對象寫在創建組件模板下面

?

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

?
?
?

?

??Web

C/S架構：客戶端/服務器——QQ，Typora，騰訊會員。
B/S架構：瀏覽器/服務器——B站，愛奇藝

??資源分類

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

??動態服務器

動態部署web工程

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

??靜態服務器

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

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

雙擊 bin/shutdown.bat文件
訪問

http://127.0.0.1:8080

??Servlet

任務
Servlet就是一個普通的Java類而已。
處理請求給出響應的類
創建Servlet
實現javax.servlet.Servlet接口
繼承javax.servlet.GenericServlet類
繼承javax.servlet.http.HttpServlet類
我們在開發中一般使用第三種方法來創建Servlet

??Servlet生命周期

初始化——init方法
實例化——構造器
調用Service方法，處理請求
銷毀——destory方法
Servlet的配置
web.xml

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

<!-- 注冊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 創建一個普通的Java工程 點擊settings--->project structure 點擊Moduls，點擊+號，選擇web，點擊OK 點擊idea運行處的Edit Configurations 點擊左上角的+號，在列表中選擇tomcat server，注意，不要選擇TomEE Server。 點擊右側的Configure，配置Tomcat的本地路徑。路徑到Tomcat根目錄就可以。 點擊settings--->project structure 點擊Artifacts，點擊+號，選擇web Application Exploded：From 修改output directory為tomcat下的webapps，點擊OK 點擊idea運行處的Edit Configurations，點擊Deployment選項卡，點擊+號，選擇Artifact，自動添加了。 回到Server選項卡，可以修改端口號以及服務器的兩個配置改為update classes and resources。 在web目錄下新建HTML文件，點擊啟動服務器，通過http://localhost:8888/JavaWEB20220829/index.html地址來訪問自己的項目。

必看

算法對程序員來說及其重要，語言和開發平臺不斷變化，但是萬變不離其宗的是那些算法和理論，刷算法最最最直白的原因就是找一個好的工作，那刷題一定是必不可少的
現在算法刷題平臺還是蠻多的，給大家介紹一個我認為與大廠關聯最深的平臺——牛客網

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。