
web前端
yfy538
这个作者很懒,什么都没留下…
展开
-
vue购物车案例(改变购物数量)
效果图:知识点:1.computed 计算属性 2.filters 过滤器实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp原创 2021-03-15 21:44:22 · 472 阅读 · 0 评论 -
vue-axios音乐播放(API)
功能:查询歌曲,播放歌曲,播放MV,显示海报,显示评论,显示评论图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...原创 2021-03-15 15:31:42 · 1039 阅读 · 0 评论 -
vue+axios天气预报(API)
功能:1.点击“回车”或“搜索”查询天气 2.点击搜索框下的城市,直接搜索天气接口:http://wthrcdn.etouch.cn/weather_mini?city=北京<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g.原创 2021-03-11 02:45:19 · 1437 阅读 · 1 评论 -
vue左右点击轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><style>*{ padding:0; margi.原创 2021-03-10 18:19:26 · 749 阅读 · 1 评论 -
vue购物车加减按键
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>*{padding: 0;margin:0;border: none;}html,body{ width: 100%; height: 100%;}#center{ width: 13.原创 2021-03-10 13:27:40 · 439 阅读 · 0 评论 -
被卷去的头部与被卷去的左侧距离兼容(封装)
myFunc.jsfunction scroll(){ if(window.pageYOffset !== null){ return { top:window.pageYOffset, left:window.pageXOffset} //严格模式 }else if(document.compatMode === "CSSICmpat"){ return { top:document.documentElement.scrollTop, left:document.原创 2021-03-08 18:44:59 · 148 阅读 · 0 评论 -
node使用数据库(封装登录验证)
功能:在网页输入注册信息,数据库自动添加信息; 在网页输入登录,数据库自动查找已注册的信息页面:localhost:8080/1.html数据库:localhost/phpmyadmin一.模块安装:安装cnpm:cnpm init -y安装mysql:cnpm i mysql -D安装co-mysql:cnpm i co-mysql -D二.封装:公共校验(validator.js)module.exports={ username(user){ if(!user){原创 2021-03-08 18:12:22 · 230 阅读 · 0 评论 -
web去除字符串空格(小白)(18面试题)
一. input搜索去除字符串前后空格空格(vue)<input v-model.trim="msg"> 过滤前后空格str.trim() 方法(js)str.trim()的局限:去除字符串的头尾空格(无法去中间):var str = " Runoob 345 ";alert(str.trim()); //输出Runoob 345 定义和用法trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符原创 2020-10-25 17:10:10 · 607 阅读 · 0 评论