果冻儿upupup-CSDN博客

原创 Vue前端项目实战--移动商城--首页开发

项目总博客见《Vue前端项目实战–网上商城–总结篇（coderwhy老师的商城项目）》https://blog.csdn.net/Jelly_11/article/details/113851138这篇博客是记录项目中的首页开发过程。一、顶部导航栏navbar的封装实现效果：在components/common/navbar文件夹中新建NavBar.vue文件，设置三个插槽，用于用户设置导航栏左中右三块内容。首页中只需要用到中间这个插槽，在Home.vue中引用NavBar.vue。详细代码：

2021-02-19 20:49:14 3088 1

原创 Vue前端项目实战--移动商城-Bug记录及常用方法总结

使用this.$router.push或this.$router.repalce指令时报错“NavigationDuplicat: Avoided redundant navigation to current location”。解决方法：vue-router版本问题持续更新中……

2021-02-19 18:27:24 489

原创前端开发-移动商城-底部标签栏tabbar组件化封装(可在其他项目中通用)

该组件为网上商城项目的底部导航栏，整体项目见我的博客：https://blog.csdn.net/Jelly_11/article/details/113851138实现效果：注意：虽然最终的目的是封装成一个可通用的组件，但是在开发的过程中可先不按照封装的思想进行，例如先直接写在一个vue文件中，也不设置插槽，等实现基本的功能之后，再抽离封装。开发步骤在components/common/tabbar文件夹下建了TabBar.vue、TabBarItem.vue，在components/c

2021-02-19 18:05:25 628 1

原创 Vue前端项目实战--移动商城--总结篇

一、创建项目（划分目录）1、在VScode终端用Vue CLI3创建项目npx vue create jelly-mall如何安装Vue CLI见我之前的博客：https://blog.csdn.net/Jelly_11/article/details/113389663注意：项目名称不可以有大写字母。在这里我只选择了基本的babel，其他的例如vue-router等用到时我再手动安装。2、创建好项目后，删除一些默认内容删掉默认给出的HelloWord.vue和logo.png；删

2021-02-18 20:18:28 3680 3

原创 vue报错“NavigationDuplicat: Avoided redundant navigation to current location”解决方法

方法1查看自己的vue-router版本，如果在在3.0版本以上，将其改为3.0版本。方法2修改push源码，在router下的index.js文件中添加下列代码即可。// 解决vue-router在3.0版本以上重复报错问题const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, locati

2021-02-08 20:51:39 4154

原创 Vue CLI 脚手架安装方法以及初始化项目特别慢的解决方法

Vue CLI 安装方法1、前提安装Vue CLI的前提是已经安装好了NodeJS和全局Webpack，两者的安装方法见我之前的博客：webpack安装配置相关问题https://blog.csdn.net/Jelly_11/article/details/1130691852、安装Vue CLI3版本打开电脑的cmd，输入命令npm install -g @vue/[email protected]如果安装速度特别慢，可以采用淘宝NPM镜像，采用cnpm命令代替npm:npm install -g

2021-01-29 15:29:21 2673

原创 webpack打包css文件时报错：TypeError: this.getResolve is not a function的解决方法

安装好了webpack后，想要打包css文件还需要安装loadernpm install --save-dev css-loadernpm install --save-dev style-loaderwebpack.config.js文件中添加：module.exports = { module: { rules: [ { test: /\.css$/i, use: ["style-loader", "css-loader"],

2021-01-24 10:56:14 793

原创 webpack安装配置相关问题

webpack是一个现代的JavaScript应用的静态模块打包工具。一、安装webpack1、安装Node.js安装webpack首先需要安装Node.js，它自带了npm软件包管理工具。（若已安装Node.js，可忽略这一步）Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/选择合适的版本下载后，双击即可进入安装，安装过程很简单，选择安装目录后，基本上就一直下一步即可，不过注意有一步选择安装模式时要选择Add to PATH。查看自己的no

2021-01-24 10:38:46 289

原创前端开发-HTML+CSS实现网易新闻网右侧新闻列表

实现网易新闻网右侧新闻列表：html5+css3<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网易新闻右侧列表</title> <link rel="s

2020-11-17 19:27:57 3118

原创前端开发-HTML+CSS实现京东官网左侧导航条列表

实现京东左侧导航条列表：html5+css3<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>京东左侧导航条列表</title> <link rel="st

2020-11-17 18:36:18 1824

原创 java实现排序（冒泡法、直接选择排序）

java排序算法：冒泡法，直接选择排序1、冒泡排序思想：比较相邻两个元素，如果第一个比第二个大，则交换位置，将最大的元素移至最后；重复上述步骤，将第二大元素移至倒数第二位，不断循环，直至不需要比较大小为止。时间复杂度：O(n^2)2、直接选择排序：从一组元素中选择最小的数，如果它不是第一个元素，则与这组元素中第一个元素对调，在剩下的元素中重复上述步骤，直到剩下一个元素为止。/* * 数组排序算法 * 1、冒泡法 * 2、直接选择排序 * 计划更新： * 3、快速排序 * 4、堆排序

2020-11-08 19:44:00 219

原创 java实现从键盘输入年月日，判断这一天是一年中的第几天

墙头草小果冻！又开始学Java了！今天分享一个“从键盘输入年月日，判断这一天是一年中的第几天？”的程序代码，用到了switch-case。小知识点：判断年份为闰年的条件：可以被4整除，但不能被100整除或可以被400整除。/*从键盘输入年月日，判断这一天是一年中的第几天？小知识点：判断年份为闰年的条件：可以被4整除，但不能被100整除或可以被400整除。*/import java.util.Scanner;class YearDay{ publ

2020-10-16 09:41:19 10245 8

原创 Python如何写入和读取csv文件

写入csv文件import csv#打开要写入的csv文件，如果该路径下没有此文件，会自动新建一个test.csv文件f = open('/mnt/sdb/test.csv','w')csv_writer = csv.writer(f)#写入列名csv_writer.writerow(["Name","Label"])#写入数据（如果是写入多行可以用一个for循环#前提是[image_name,labels]中只是单行数据,例如[0,4]）csv_writer.writerow([imag

2020-08-06 11:28:56 319

原创 python批量和单独将视频转为图片帧

很多时候我们需要批量提取视频的每一帧，将视频转换为图片帧，以便于后续的图像处理，那么如何用python来实现呢？1、批量提取视频的所有帧注意：将所有要处理的视频存放在同一个文件夹中，文件夹中不要放入其他无关文件。'''批量提取视频的所有帧'''import osimport cv2#存放视频的地址videos_src_path = '/mnt/sdb/video/'#存放图片的地址videos_save_path = '/mnt/sdb//img/'#返回videos_src_pat

2020-08-05 11:15:00 2305 3

原创使用conda创建python虚拟环境及conda常用命令

创建虚拟环境env_name为环境名，可以自己设置，后面可以加上要安装的python版本（2.7,3.6）conda create -n env_name numpy matplotlib python=2.7conda activate env_name 激活进入环境就可以啦！补充conda常用命令conda info -e 查看当前存在哪些虚拟环境conda activate env_name 激活进入名为env_name的虚拟环境conda deactivate 退出当前虚拟环境co

2020-08-04 21:11:34 366

原创报错：UnicodeDecodeError: ‘ascii‘ codec can‘t decode byte 0xe4 in position 0: ordinal not in range(128)

执行这行代码x = cPickle.load(open("./data/coco/word2vec.p",“rb”))时，出现了“UnicodeDecodeError: ‘ascii’ codec can’t decode byte 0xe4 in position 0: ordinal not in range(128)”错误提示！网上查找原因找了好久终于解决了！原因是Python在进行编码方式之间的转换时，将 unicode 作为“中间编码”，但是unicode 最大只有128这么长，因此当将 as

2020-08-04 20:40:12 1758

Jelly_11的博客