- 博客(135)
- 收藏
- 关注
RSS订阅
原创 怎么在vue中发起数据请求
9. 如果没有return出去,就说明数据获取成功 可以先在data先占个用户信息和总页数的位置,把获取到的数据放到本地。
2022-09-02 17:17:59
1424
原创 怎么把vue组件显示到页面
path是url上规定好的,component是第二步中import后面的Users。创建xx.vue文件后,先写上基本的架构。
2022-08-31 22:28:54
1017
原创 vue中路由组件之间共享数据
步骤【store>index.js】在组件共享数据仓库储存自定义属性state: { imgBase:"http://www.codeboy.com:9999/" },【views>Index.vue】到路由组件写辅助函数import { mapState } from 'vuex'//import axios from 'axios'export default { // 辅助函数引入组件共享数据,由于是自动触发请求组件共享数据所以用computed
2022-05-28 21:11:05
459
1
原创 vue搜索框路由传参的方法
步骤路由【index.js】先设置单页技术，注意传参path是这样写的: “/products/:kw”,并配合props:true一起写 { path: '/products/:kw', props:true, name: 'products', component: () => import('../views/Products.vue'), },在要传参的复用组件【MyHeader.vue】写data保存一个kw的值```javascrip
2022-05-28 20:49:35
424
原创 vue中css和scss的外部引入的三种方法以及图片的引入
App.vue<template> <div> <img src="./assets/logo.png" alt="" /> <nine-com /> <eight-com /> <div class="danger">DANGER</div> <div> <p>rain</p> <p>sky</p&g
2022-05-26 10:38:26
2888
原创 vue的单页引用技术,路由组件的引入以及传参和监听
路由组件douyu.vue<template> <div> <div> <!-- 切换到其他type的时候页面要刷新才能显示：因为 getData()在mounted中，它是显示的时候才会触发getDate，而你点击去页面的时候，已经显示了页面，只是换了参数，所以要刷新了才会触发getDate() 解决：用watch监听器axios接收到的参数 --> <router-link to="/">首页&
2022-05-25 17:22:33
336
原创 vue的路由组件的引入以及路由组件懒加载和router-link
App.vue<template> <div> <!-- 什么是路由系统：就是创建多页网站 原生开发是整个页面切换 现代开发方式是局部切换，全称为single page aplication单页应用--> <!-- 需求：根据路径切换页面显示的组件 view文件夹是用来放路由器的组件的--> <div id="box"> <!-- 什么是router-view就是路由的占位
2022-05-25 10:45:58
685
原创 vue的axios应用3并增加音频的应用事件
<template> <div> <!-- ref把变量和元素绑在一起,然后储存到$refs --> <audio ref="au"></audio> <template v-if="data"> <!-- playBan这里 单击时播放ar下面的banAudio这个音频 双击时播放selectAudio音频--> <div @click
2022-05-24 17:47:10
152
原创 怎么用vue中的默认插槽slot传参
组件部分<template> <div> <div class="six-com"> <div> <!-- slot是一个占位符 也叫默认插槽 使用时换成组件使用标签的内容 --> <slot /> </div> <div> <!-- 命名插槽
2022-05-23 16:44:44
4563
原创 vue中的data为什么是函数类型
组件部分<template> <div> <div class="five-com"> <button @click="num++">{{ num }}</button> </div> </div></template><script>export default { /*面试题:为什么data是函数类型?因为组件被复用的时候,每次调用
2022-05-23 16:03:09
131
原创 vue的组件怎么传参
组件部分<template> <div> <div class="three-com"> 我是{{who}},我在{{where}} </div> </div></template><script> export default { /*什么是props ：相当于函数中的形参 注意形参要是字符串形式
2022-05-23 15:27:33
136
原创 用vue写待办事件
<template> <div> <!-- 点击确定添加到数组元素 --> <!-- v-model双向绑定 --> <!-- 当按键抬起的时候触碰点击事件 语法keyup.enter--> <input @keyup.enter="some.push(kw);kw=''" type="text" placeholder="请输入待办事项" v-model="kw">
2022-05-23 09:38:43
408
原创 用vue实现购物车增删改
<template> <div> <table> <thead> <tr> <!-- 绑定全选事件 --> <th><input type="checkbox" @change="addAll" />全选</th> <th>商品名</th> <th>
2022-05-20 19:04:17
995
1
原创 用vue写表格实现数量的加减
<template> <div> <div class="app"> <table> <thead> <tr> <th>序号</th> <th>名称</th> <th>单价</th> <th>数量&l
2022-05-20 10:30:59
1447
原创 怎么用vue自动更新页面数据
<body> <div id="app"> <div>欢迎:{{name}}</div> <!-- {{}}就是插值语法相当于模板字符串${}可以直观地把数据放在页面中 --> <p>9*9={{9*9}}</p> <p>salary:{{salary}}</p> </div> <!-- vue脚
2022-05-18 13:20:19
4968
原创 怎么用vue修改样式
css<style> .ok{ padding: 10px; background-color: green; color: white; } .err{ padding: 10px; background-color: red; color: #fff; } </style
2022-05-18 13:17:18
2981
原创 怎么用jQuery写五星评价
jQuery <script src="../jquery-1.8.3.min.js"></script> <script> /*jQuery的查询对象是类数组对象， 在js中类数组是不能用数组的函数的，要怎样解决jQuery查询对象 不能用js数组函数的问题 解决： jQuery自己模仿数组的函数，自己写了两个功能一样的数组函数 这两个模仿的数组函数，jQuery的
2022-05-16 15:29:08
487
原创 怎么用jQuery写回车后自动触发按钮点击
<body> <input type="text" id="kw"><button>百度一下</button> <script src="../jquery-1.8.3.min.js"></script> <script> //获取btn $("button").click(function(){ //查找要修改的元素，就是获得文本框输入的内容
2022-05-16 12:46:42
2207
原创 jQuery的hover事件
<body> <div id="d1"> <div id="d2"> <div id="d3"></div> </div> </div> <script src="../jquery-1.8.3.min.js"></script> <script> /* $("#d1").mouseov
2022-05-16 12:42:59
1504
原创 用jQuery修改元素
jQuery简介1.版本兼容:jq1.x兼容IE8这样的旧浏览器2.x不兼容旧浏览器,支持ES63.x不兼容旧浏览器,支持ES62.Jq的缺点:js文件是在我们自己的服务器上的,用户离我们服务器近就访问速度快,反之不3.什么是 cdn网络:就是jquery存在一个服务器时,它会分发到别的同一个公司放置在各地的服务器,当客户端需要jquery时会跟cdn要,cdn就会查找哪一个存有jquery的服务器离客户端最近4.两种引入jquery的方式–>下载引入jq文件/使用cdnjs文件
2022-05-10 16:51:33
1591
原创 [面试常考] function的this和箭头函数的this的区别
<script> /* function的this,指向运行时所在对象 箭头函数的this指向声明时所在的作用域 */ //生成一个箭头函数 var d=()=>{console.log(this,"我在学js");}; //正常函数 function a(){ console.log(this,'在学习'); } ..
2022-05-07 16:51:39
510
1
原创 call方法的应用示例
<script> function a(time){ //time次数 console.log(this.uname,"杀了a",time,"次"); } //创建函数 var emp1={uname:"b"} //1.把函数赋值给对象,这个函数就是方法 emp1.c=a //2.调用emp1的c,就是调用方法 emp1.
2022-05-07 14:52:18
344
原创 [demo]密码框提示信息
HTML&JavaScript<body> <div class="register"> <input type="password" class="ipt"> <p class="message">请输入6-16位密码</p> </div> <script> //获取input密码框元素 var input_js=d
2022-04-27 11:35:23
292
原创 【无标题】
JavaScript<body> <input type="text" value="手机"> <script> // 获取上面的input文本框 //注意不管是元素标签名还是id名都要在括号里面加引号 var input_zz=document.querySelector("input"); //绑定获得焦点事件 onfocus input_zz.onfocus=funct
2022-04-25 19:39:32
1519
原创 [bootstrap]栅格布局与flex的区别以及栅格布局的响应式应用
栅格布局的特点以及与flex的区别HTML<body> <!-- 一行4个 --> <div class="container"> <div class="row"> <!-- 问题: 这样写会有一个问题,就是只要加一点外边距之类的\ 它就会有col块被挤到下一行 解决方法:利用方块自带天沟的特性
2022-04-25 11:45:56
1125
原创 用bootstrap创建表格
<body> <!-- bootstrap的table类 table-primary 表格颜色也可以加在table/tr/thead/tbody/td table-strap条形纹 可以隔行变色，不受背景色影响 table-hover 鼠标悬停着重色 加在hover table-bordered 加边框 border-danger 加边框颜色 --> <
2022-04-24 10:35:14
3569
原创 盒子模型计算
标准盒模型计算方式:content和padding和border和margin是分开计算的。IE盒模型的计算方式:会把border和padding计算包括在content里面。
2023-07-04 21:38:07
328
原创 怎么了解一个公共组件
pagination是elementUi的组件,之后去elementUi的组件找size-change这个方法就可以了。在这个公共组件ctrl+f搜索引用这个组件的方法。ctrl+p搜索这个公共组件aetl。再去搜索有这个东西的方法在哪里。
2022-09-08 12:13:35
292
原创 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
报错页面先配置环境变量，输入管理员密码（这一步是因为还没装node.js）配置变量为NODE_PATH%\node_global%NODE_PATH%搜索文件 首选项 settings.json 选择在settings.json中编辑写入下面的代码第二张图代码中的地址可能要稍加修改，或者在运行项目中修改gi的位置(这一步有点模糊 代码是没错的 地址要改一下......
2022-08-31 10:47:31
1019
原创 [面试常考]父元素高度坍塌的原因及其解决方法
width500px;height300px;width100px;height100px;floatleft;width100px;height100px;没浮动之前是这样的child1浮动到左边,由于浮动造成脱离文档流,脱离文档流造成空间释放,这样就导致child2跑到child1的位置,child1覆盖了child2。...
2022-07-20 15:00:16
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人