随笔分类 -  web

前端
摘要:首先导入CDN <!--导入vue与axios--> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.j 阅读全文
posted @ 2024-07-15 20:24 昏睡的云雪 阅读(51) 评论(0) 推荐(0)
摘要:特点: 与表单一起使用,相当与一个可以随时修改数据的“value”,适合表单类型为“text”时。 先创建一个div的标签并设置的好id选择器后在div标签里输入 <input type="text" v-model="message" > <p>{{ message}}</p> 在“script” 阅读全文
posted @ 2024-07-13 20:15 昏睡的云雪 阅读(14) 评论(0) 推荐(0)
摘要:类似于其他编程语言中的”for“循环 先建立一个数组 <script> var app = new Vue({ el:"#app", data:{ arr:["山东","陕西","河南","河北"] } }) 然后在前面接收 <div id="app"> <ul> <li v-for="yunxue 阅读全文
posted @ 2024-07-12 20:44 昏睡的云雪 阅读(13) 评论(0) 推荐(0)
摘要:特点: 只能用来连接网站图片,不能使用img文件夹来添加图片 如果想通过布尔值控制一些显隐则“:class="变量名?'active'+' '"” @click="变换数值的方法" 简写形式 :class="{active:变量名}" @click="变换数值的方法“ 例如: <div id="ap 阅读全文
posted @ 2024-07-12 20:32 昏睡的云雪 阅读(47) 评论(0) 推荐(0)
摘要:该命令用来绑定事件,可以是连接的选择器,也可以是某中变化 CDN完事后在body标签里 <div id="app"> <input type="button" value="指令1" v-on:click="dolt"> <input type="button" value="指令2" @click 阅读全文
posted @ 2024-07-10 20:13 昏睡的云雪 阅读(15) 评论(1) 推荐(0)
摘要:导入CDN,建立id选择 <script> var app = new Vue({ el:"#app", data:{ content:"昏睡的云雪", inputr:"<a href='#'>昏睡的云雪</a>", } }) </script> <div id="app" > <dd v-html 阅读全文
posted @ 2024-07-09 20:30 昏睡的云雪 阅读(48) 评论(0) 推荐(0)
摘要:首先导入CDN,建立id选择器 <script> var app = new Vue({ el:"#app", data: { message:"昏睡的云雪", input:"山东" } }) </script> 建立数据,然后 <div id="app" > <h2 v-text="message 阅读全文
posted @ 2024-07-09 20:09 昏睡的云雪 阅读(13) 评论(0) 推荐(0)
摘要:先导入CDN <script src="https://cdn.staticfile.net/vue/2.7.0/vue.min.js"></script> 然后设置一个id选择器。 <script> new Vue({ el:"#app", /*建立了一个id选择器*/ data: { messa 阅读全文
posted @ 2024-07-09 19:45 昏睡的云雪 阅读(88) 评论(1) 推荐(0)
摘要:形同创建html的步骤,(本次使用VScode2023) 首先,声明一个'CDN' 1 <script src="https://cdn.staticfile.net/vue/2.7.0/vue.min.js"></script> 2 <!--没这个则输出div里面的标签,在head标签或者body 阅读全文
posted @ 2024-07-08 20:26 昏睡的云雪 阅读(6) 评论(0) 推荐(0)
摘要:定义 首先在head中用script标签 在script标签中使用“var”来定义数组 var num = [1,2,3,4,'hello',null,true]; new Array(1,2,3,4,'hello',null,true) //数组内可以随意输入,不需要注意类型, //且需要用中括号 阅读全文
posted @ 2024-05-27 16:46 昏睡的云雪 阅读(52) 评论(0) 推荐(0)
摘要:内嵌式引用 首先在HTML文件中在“head”里用“script”标签书写 <script> alert('内嵌式引入'); </script> 外嵌式引用 在“head”中“script”标签,用“src=‘文件名’”来引用另一个写js的文件 <script src="js/qj.js"></sc 阅读全文
posted @ 2024-05-26 22:03 昏睡的云雪 阅读(61) 评论(0) 推荐(0)