独自去流浪的博客

摘要： 前言： 用vue实现上传图片功能，效果图如下： 先说文件上传控件样式美化怎么做，我有两种方法。 1.先上代码 html部分： <div class="pics-wrapper"> <div class="addimg-bg"> <input type="file" name="uploadImg" 阅读全文

摘要： 前言： 项目背景：vue,电商，商品详情页 1.倒计时，倒计到0秒时停止 data () { return { n: 10 } }, created () { let int = setInterval(() => { this.n-- }, 1000) let timer = setTimeout 阅读全文

摘要： 1.一个优雅的提示是网站必不可少的。 请参考：vue2.0 自定义 提示框（Toast）组件 2.ESLint使用总结 （1）在.eslintrc.js里关闭某条规则， '规则名': 'off'或0 举例： rules: { 'generator-star-spacing': 'off','no-r 阅读全文

摘要： 今天貌似没什么问题，23333…… 1.vue router 路由传参的方式 应用情景：从分类页（category.vue）进入商品列表页（list.vue），需要传递商品分类id（catId），商品分类名称（catName）两个参数，列表页通过路由信息拿到catId，去请求列表内容接口。 路由文件 阅读全文

摘要： 前言： 这是一个vue的电商项目，使用express后端提供数据。 1.filter()函数。 事情是这样的。我从数据库拿到了所有分类数据。 分类有三个等级。父类，子类，孙类这样。但它们都在同一张表里。 表是这样的： 我要把这样的表数据变成适合前端使用的数据结构。关键在于parent_id，通过pa 阅读全文

摘要： 前言 刚开始建仓库的时候，因为网络的原因选择了国内的码云。后来又想换成github，毕竟平时github使用率比较高。 替换远程仓库地址方式如下： git remote set-url origin 你新的远程仓库地址 另附上git常用命令 git remote add origin 你的新远程仓库 阅读全文

摘要： 1.Flex布局子元素垂直居中 给父元素添加以下样式： .parent { display: flex; align-items: center; } 2.js面向对象的选项卡 见另一篇文章 js面向对象的选项卡 3.classList属性 参考 菜鸟教程 HTML DOM classList属性 阅读全文

摘要： 前言： 选项卡在项目中经常用到，也经常写，今天在github突然看到一个面向对象的写法，值得收藏和学习。 本文内容摘自github上的 helloforrestworld/javascriptLab ，稍作删减和整理，仅作记录和自学用途。在此感谢原作者。 html代码如下： <div class=" 阅读全文

摘要： 最近正在用Vue做一个电商项目。利用工作前后空隙时间。 1.promise的使用 点这里 如何在实际项目中使用Promise 2. Express Route 前后端传参的两种方法 （1）req.params 服务端代码如下： const express = require('express') c 阅读全文

摘要： 你们有没有遇到过这样的情况，ES6看过了，Promise的文字概念都懂，但是我要怎么在项目中去写一个Promise呢？ 那天我就是带着这样的疑问去网上搜了下。最后成功地在项目中应用了Promise，只有实际成功使用一次，才能明白它的前因后果，明白它的用途。 1.这是一个vue的电商项目-商品详情页 阅读全文