- 博客(12)
- 收藏
- 关注
RSS订阅原创 实现cloud_music项目反馈歌曲播放进度时间功能
实现网易云项目反馈歌曲播放进度时间功能一、实现原理计时器setTimeout包装成setInterval放计时器与清楚计时器时候的数据全局状态管理来记录当前播放的值播放/暂停/切换播放的时候的行为二、具体实现步骤2.1 计时器setTimeout包装成setInterval/** * @param { Function } callback // 回调触发的函数 * @param { Number } delay // 设置计时器延迟的时间 * @param { Array } t
2020-10-10 15:36:19
360
原创 cloud_music项目模拟浏览器前进后退功能
模拟浏览器前进后退功能写网易云前进后退的时候遇到了这个问题, 所以用router和vuex做了一个管理history的功能一、问题发现1.1. 仅仅为前进后退绑定事件history.go()history.forward()history.back()1.2 发现的问题无法在没有的前进/后退的时候动态的显示可以点击的按钮正常状态下二、开始的解决方法2.1 设立Vue.prototype.$http = []来存放, 在每次路由变换的时候添加地址但是存放在$htt
2020-10-10 15:35:29
228
1
原创 cloud_music项目笔记
cloud_music项目中发现的问题与解决方法一、滚动条问题这里使用到了perfect-scrollbar的插件然而初始化遇到了某些问题滚动条无法正常显示正常显示之后滚动条拖动却停留在顶部解决方法官方文档应满足以下要求：容器必须具有position样式。该容器必须是普通容器元素。软件包中的CSS满足了这些要求，但是当您要更改CSS文件时请切记。容器必须具有overflow: hiddenCSS样式。滚动条的位置必须为absolute。滚动条x必须具
2020-10-10 15:29:13
359
原创 vue+element-ui商城后台管理系统(day05-06)
day05-06一. 实现商品列表goods-list二. 自己做遇到的问题三. 基本布局实现四. 内容渲染五. 项目优化六. 项目上线一. 实现商品列表goods-list1.1 创建新分支1.2 根据queryInfo属性的数据获取当前页面的数据1.3 渲染页面时间过滤器(Vue全局注册, 把时间戳格式化).padStart(2, '0')如果字符串不足两位, 前面补齐一个’0’Vue.filter('dateFormat', function(originVal) {
2020-08-11 17:02:05
994
原创 vue+element-ui商城后台管理系统学习(day04)
day04一. 商品管理-商品分类二. 商品管理-分类参数三. 自己写遇到的问题一. 商品管理-商品分类创建子分支创建good-cate路由1.1 获取数据调用API获取并保存1.2 根据数据渲染表格使用vue-table-with-tree-grid组件绑定data columns定义label, prop等属性1.3 添加分类功能显示对话框根据点击下拉菜单来判断要添加的分类等级是一级、二级、三级( 默认一级 )获取父级分类列表（type=2）级
2020-08-11 16:54:19
549
原创 vue+element-ui商城后台管理系统(day03)
day03一. 实现操作列的功能二. 补充一些git操作三. 权限管理四. 上传到git五. 自己写发现的问题一. 实现操作列的功能1.1 实现编辑用户创建dialog为编辑按钮添加点击事件(传入id)根据API和id获取数据并把数据保存在一个dataform与info的数据要分开因为要重置表单操作编辑用户表单操作重置修改表单的操作表单预校验通过则关闭dialog message 刷新用户列表1.2 实现删除用户功能全局注册主件Messagebox.
2020-08-11 16:34:54
553
原创 vue+element-ui商城后台管理系统(day01-day02)
项目介绍目录一. 需要用到的技术二. 项目初始化三. 登录与退出四. 格式化的配置问题五. 设置主页头部与侧边栏六. 用户列表七. 自己写发现的错误一. 需要用到的技术 二. 项目初始化 2.1 项目初始化步骤安装elementUI插件与axios设置elementUI按需导入{ "presets": [["es2015", { "modules": false }]], "plugins": [ [ "component",
2020-08-11 16:25:40
1531
1
原创 ssl证书-https重定向
ssl证书-https重定向一. 重定向问题1.1 为什么要重定向因为http不安全要转成https的地址https申请SSL证书 并安装const https = require('https')const options = { cert: fs.readFileSync('........pem'), key: fs.readFileSync('........key')}https.createServer(options, app).listen(8103)
2020-08-11 15:58:58
2137
原创 svg配置与less在vue中使用
svg配置与less在vue中使用一. svg配置1.1 导入svg图片参考大哥1.2 使用使用SVG symbols建立图标系统参考大哥这种做法不需要安装一些svg的loader1.3 我的用法用symbols建立图标系统用在vue组件上然后在app的vue中全局导入(像组件一样导入)二. 在vue中引入less2.1 安装lessnpm install less less-loader --save-dev2.2 配置语言模式把右下角(VScode)改为v
2020-07-24 13:04:05
660
原创 微信小程序day01-基础认识到轮播图组件
微信小程序初体验一. 创建第一个项目(熟悉)1.1 领取AppID1.2 下载微信开发者工具1.3 了解结构初始界面page: 相当于组件开发模式中的views 同于存放视图app.js: 入口文件app.json: 配置基础样式(tabbar 导航栏)的文件app.wxss: 配置样式的文件1.4 下拉刷新1.5 sitemap 配置程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引，文件内容为一个 JSON 对象{ "ru
2020-07-23 02:09:02
146
转载 解决前端路由搭载服务器时404问题
解决前端路由搭载服务器时404问题转载自vuejs官网HTML5 History 模式vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mode: 'history',
2020-07-22 21:22:06
717
原创 git入门-基本操作与http/ssh连接远程仓库
学自：https://www.bilibili.com/video/BV1sJ411D7xN?p=1转自一篇word链接：https://pan.baidu.com/s/1_agGetbXMjak7B3uECy2gA提取码：nm4d一、Git基础1.Git介绍Git是目前世界上最先进的分布式版本控制系统。ex:“最终最终最终稿”除非你就是传说中的改一步备份一次永远不删除的大师！如果不是我相信git可以帮助你2.Git与Github2.1、两者的区别Git是一个分布式版本控制系统，
2020-06-16 18:09:07
1117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人