- 博客(14)
- 收藏
- 关注
原创 elementui的面包屑使用
<template> <el-breadcrumb separator="/" class="footer"> <el-breadcrumb-item v-for="(v,i) in breadList" :key="v.path"> <span v-if="i==breadList.length-1">{{v.meta.title}}</span>
2022-05-13 22:36:22
733
原创 js不生效——面板调试坑
问题:打开chrome 不管等多久,js显示不出,面板调试js显示;关闭面板调试js消失;原因:解决:F2(shift+ctri+i)打开开发者工具,点Network勾选Disable cashe
2021-04-18 05:13:02
321
转载 vue模拟后台数据,请求本地数据的配置(旧版本dev-server.js,新版本webpack.dev.conf.js)
最近学习一个vue-cli的项目,需要与后台进行数据交互,这里使用本地json数据来模仿后台数据交互流程。然而发现build文件夹下没有dev-server.js文件了,因为新版本的vue-webpack-template 中已经去掉了dev-server.js,取而代之的是webpack.dev.conf.js文件,所以可以在webpack.dev.conf.js里配置本地访问。对比旧版本的build文件夹,新版本的build下少了dev-server.js和dev-client.js旧版本新版本
2021-04-01 17:52:37
206
原创 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
438
原创 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
986
原创 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
1377
1
原创 vue记事本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>*{ padding:0; margin:0; border:0; color: #666A6D; font-size:14px; list-style: none; box-sizing:.
2021-03-10 20:09:21
73
原创 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
726
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
397
原创 被卷去的头部与被卷去的左侧距离兼容(封装)
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
129
原创 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
211
原创 微信小程序计算器实例
微信小程序计算器实例index.wxml<view class="content"> <view class="num">{{num}}</view> <view class="operotor">{{op}}</view></view><view class="entry"> <view> <view class="item" bindtap="reset
2021-01-08 02:06:13
2280
原创 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
572
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人