bentou_的博客

首先要在电脑上下载好homebrew和git，步骤可见我上一篇博客。

homebrew和git安装

CSS3 Flex布局，容器和item的属性总结1.容器的属性1.1 flex-direction: row | row-reverse | column | column-reverse决定主轴的方向（即项目的排列方向），示例代码如下： <div class="box box-1"> <div class="box-item"><p>1个</p></div> <div class

第三章 基本概念3.1 语法3.1.1 区分大小写变量名test和Test完全不同3.1.2 标识符：变量、函数、属性的名字，或者函数的参数命名规则第一个字符必须是一个字母、下划线、或者美元符号$其他字符可以是字母、下划线、美元符号、数字采用驼峰大小写格式：第一个字母小写，剩下每个单词首字母大写。for example：myName、herAge。驼峰式命名虽不是强制要求，但可以视为一种最佳实践。3.1.3 注释包括单行注释和块级注释。单行注释：以两个斜杠开头

获取map的长度、map与list的区别1、首先看一下map和list有何区别List：是存储单列数据的集合，存储的数据是有序并且是可以重复的Map：存储双列数据的集合，通过键值对存储数据，存储 的数据是无序的，Key值不能重复，value值可以重复 key和value是一一对应的一句话总结：map必须key+value2、怎么获取map的长度比如后台返回的是这样一串map数据...

利用cmd将vue项目部署到云服务器（前端）1将vue项目打包成dist文件夹在终端输入命令行npm run build即可，会看到文件交目录出现一个dist文件夹。关于部署之前要做的一些事情，我写在了另一篇博客里，可以点击这里跳转。2、将dist文件夹复制到D盘一个全英文环境的文件夹里边并压缩比如我这个，放到了D盘一个新建的test文件夹下面3、打开两个cmd命令行窗口...

利用cmd部署vue项目之前的操作（前端）1、main.js文件把axios的默认地址改掉，改成后端部署之后的服务器地址。 axios.defaults.baseURL='http://106.13.118.220:8181'2、把config.index.js的assetsPublicPath从’/'改为 ‘./’。如果不改，上传到云服务器之后很可能会出现白屏。之后如果还需要...

转载自https://blog.youkuaiyun.com/xqhys/article/details/98113227 或者点击这里直接跳转

vue前端之基于vant-ui的商品购物车的简单实现

Vue前端商品的添加收藏，删除收藏以及清空收藏的操作

Vue前端页面关键词快速搜索方法1、要达到的效果通过在搜索框里输入关键词，搜索到相对应title的订单，如下。2、html:<el-input style="width: 350px;height:30px;padding-bottom:6px;" @input="searchFun" placeholder="快速搜索拼单" prefix-ic...

vue前端利用localStorage存储token值并放到请求头headers实例之前在关于登录接口的一篇博客里，我有提到过token，在这篇博客里我会介绍token在前端如何存取，同时把它放在请求头里获取数据。1、关于token为什么要用Token：Token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，...

element-ui的周选择器中type为week的时使用value-format无效，并要求返回第几周的解决办法1、问题描述在element-ui的日期选择器datepicker里边，当type=week的时候，我们可以看到下图的效果。但是它返回给输出台的值却是一个中国标准时间：//输出台显示为Tue May 07 2019 00:00:00 GMT+0800 (中国标准时间) ...

vue商品列表页面axios请求获取后端返回的json数据1、先看看后端返回给我们的是什么内容我在postman输入相应接口，我们可以看到后端返回给我们的是一个list数组，我们需要把list里边相应的内容放到我们的前端固定的位置。2、再看看前端需要达到的效果首先页面可以获得后端返回的json数据，前端把它放到相应的位置，这里我们很容易想到v-for循环。然后在点击列表中的一条内...

vue商品列表页面获组件父传子的应用写前端页面时很多时候我们会遇到一种很多页面的架构都差不多，只需要标题变一变就可以的情况，比如说下图这个分类列表，我们以教育培训类和互联网运营类两个列表请求页面为例。这两页面只有标题稍稍不同，当然请求地址的参数也不尽相同。1、我们先试试怎么让这个标题组件通过父传子得到复用。首先熟悉一下父子组件：job11和job12是父组件，在这里相当于是教育培训类和...

vue前端之基于Vant-ui的树形商品分类选择（TreeSelect）vant-ui地址：https://youzan.github.io/vant-weapp/#/intro 或者点击这里跳转相关vant-ui的安装配置都见以上网址。1、要实现的效果效果就是通过点击如下的教育培训跳转到相对应的joblist页面：2、htmltreeselect的相关属性可以查看官网的解...

Vue登录页面之前端利用cookie记住密码1、html <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin"> 登录 </el-bu...

vue中params传参请求后端数据的一种方式1、要达到的效果这是后端给出的接口文档中的获取短信验证码的接口，我们可以明白这是利用params来请求数据，并且header中的content-type要改成application/x-www-form-urlencoded。接着我们在postman测试是否能行：从postman可以看到，我们成功地获取了手机动态验证码data。从后端转前...

vue中兄弟组件传值之子传父父传子实例对于兄弟组件的传值网络上大家一共总结了三种方法：bus.js作为中介（简单程序）子传父父传子（简单程序）vuex（复杂程序）由于我的项目不是特别复杂的程序，因此这次我采用了第二种也就是子传父父传子的方法。网络上的实例都有点过于简单，因此这次把我这个稍微不算那么简单的实例写出来跟大家分享。1、什么时候需要兄弟组件传值？我们可以看...

vue实现获取验证码倒计时组件1、效果图2、html<div class="code-input"><!--验证码输入框--> <el-input placeholder="验证码" v-model="codeNumber" onkeyup="this.value=this.value.replace(/[^...

Vue+element-ui+axios实现登录注册接口(二)关于在写接口之前的准备工作在我的上一篇博客之中已有说明，不清楚的小伙伴可以先去看一眼，链接在此准备工作+登录接口。这一篇我们来讨论下注册。其实接口这块，一通百通，尤其时登录和注册这两个，非常相似。1、postman测试首先我们在接口文档找到注册的后台地址：这里我们可以清楚的看到注册地址是http://localhost:81...

Vue+element-ui+axios实现登录注册接口1、首先保证你的后台、数据库都已经准备完毕如果是vue前后端分离的项目，就可以让负责后台的小伙伴直接帮你部署好一个jar包，就像下面这张图这样，记住它的地址。记住地址后在自己的命令行窗口打开jar包所在目录，然后输入java -jar+jar包文件名，如下图，就可以把后台直接运行起来了，这样子前端就不用自己去idea下载jar包啦，省...

bootstrap4.0制作轮播图代码以及轮播图不能自动播放或不能点击问题的解决首先看一下效果代码重头戏！很多人会问为什么我的轮播图点不了，而且也不自动播放呢？？首先看一下效果目前呢，市面上的轮播都很普遍，利用bootstrap4.0也能很迅速很准确地实现轮播效果在PC端和移动端的响应式布局。写这篇博客主要是因为当时我在写博客的时候纠结了很久，我的轮播图播放不了，previous和next两个...

关于利用bootstrap4.0实现响应式导航栏以及font-awesome引用。我是西盗盗，99年，Web前端小白，目前是一位在校大学生。然后修的课程也和前端有关，上次学习的时候看到CDSN上有一些教程已经不能适应现在更新换代的bootstrap4.0等等新规定，所以我就开了这个博客，跟各位小白一起，分享我所学到的知识哈哈。先上效果图代码在pc端的显示效果代码在移动端的显示效果，可以看...