Itmei的博客

Vant的List组件列表+PullRefresh 组件实现下拉刷新和List列表滑动屏幕到底部时发送请求效果。把van-list和van-pull-refresh添加成组件，由于改需求在许多页面都可以使用到,组件名称提取为，list是传递的商品集合，在通过插槽的显示由父页面来定义渲染的样式这个插槽是使用for把商品集合遍历，并且每个div一个商品我们可以使用把div转为行内块这样我们也可以完成需求，只要不出问题的方案就是好方案。

网址内容如下，其中src:url内的网址是阿里矢量图CDN的地址,为了稳定我们可以自己把文件下载下来保存到项目中。内容复制进去，这个时候url提示报错我们需要引入相关文件，引入的文件都在下载的文件夹中。当然你也可以使用官方的CDN镜像，只要把链接内容复制到保存成。文件,当然你们也可以保存成.css文件由于我系统文件使用的是。使用因为图标是自定义的所以要看官网自定义要如何修改。在main.js文件导入我们的文件。并且设置相对路径把导入的文件引入。在项目中创建文件，并且把。如我要使用阿里矢量图中的。

今天写前端H5页面时，由于文本我只想让他显示一行或者二行文本，后端返回的商品描述信息有时候很长就会出现三四行的情况，这样就会造成div高度被拉长了，导致后面的信息就显示不出来了。

1.Vue父组件属性更改子组件值不变2.子组件通过`$emit`修改父属性值不成功3.子组件使用$emit调用父组件方法并且传值我们按照正常流程走一遍:当我点击页面的显示窗口会弹出子界面的弹窗,然后当我点击关闭图标或者点击遮罩层都会调用子组件中的方法,然后更改父组件的为false时子组件的弹窗会消失使用到了Vant的Popup 弹出层界面样式:父组件代码:子组件代码:测试效果是不是预期想的那样:点击按钮,可以看出点击后的状态已经变成true了,那么子组件应该跳出弹窗展示才对

通常我们会把比较重复的标签提取到组件中使用，这样的好处是我们不需要编写重复代码，只需要引入对应组件即可，还有就是如果对通用的组件进行添加新元素，引用的组件也会有相同效果，如果是每个页面都写了重复的代码，哪天产品提新需求添加效果时，那你只能一个一个页面进行更改。...

el-input限制只能输入正整数。

使用npm方式安装，在项目路径运行以下命令axios就会被添加进依赖在main.js中添加以下代码我们写个Post请求，用于获取用户id的商品信息，请求路径是本地ip:端口+路径在浏览器中刷新页面查看请求是否发出并且也携带了我们请求的参数我们也可以通过浏览器查看请求结果请求参数这个时候你会发现如果光设置请求路径,是远远不够的，我们的服务接口可能就不是我们项目的ip或端口，这样发送请求显然不能达到要求。我们访问服务器获取数据无非就是通过域名+端口或者ip+端口服务后端服务，所以我们需要

可以在命令行输入命令查看环境信息有以下三种运行模式 我们查看配置信息，当运行Vue CLI命令，开发环境运行，要部署服务器发布生产环境时运行，他们正好对应Vue CLI中的模式和模式，就会把该模式下的NODE_ENV载入其中了 那既然知道项目运行的是那个模式，是不是我们就可以在不同模式下运行不同的变量信息，如开发环境使用端口8080，线上（生产）环境的端口是80，这个时候你会想，我知道不同模式配置不同信息，那信息配置在那个文件呢？会有先后顺序一个环境文件只包含环境变量的“键=值”

项目路径输入以下命令使用npm方式安装，可以在项目的查看依赖是否引入在需要使用的页面中引入然后需要在中把自己定义好的组件名称填写进去3.演示效果点击按钮，控制台输出复制成功然后再看剪切板是否已经复制成功了，快捷键win+v查看，第一次使用快捷键需要激活一下，然后下次使用快捷键就可以看之前复制的信息...

对于路由的创建我这边就进行讲解了,有需要的可以看官网由于有4个界面想要Tabbar组件,而且我又不想每个页面都添加Vant的Tabbar标签信息和方法于是我们就可以把最完整的Tabbar信息搞个页面当成组件,这样需要的时候我们就引入我们自己定义好的Tabbar组件只需三步骤:1 . 引入自定义组件位置并且取名称2 . 添加我们自己取的组件名称3 . 在需要的地方引入自己取名的标签步骤一和二都是在内定义的演示效果:这里就引入出父组件传递数据给子组件的概念为什么会出现上面这个情况,因为我们自己

📣文章目录问题：情景复现:解决方式1.将返回的对象进行设置null2.对实体类添加注解(推荐)问题：前端获取后端用户登录平台信息,返回私密数据的问题情景复现:前端发送请求到后端接口,获取用户平台授权信息,不应该把授权信息也给返回,如果被有心之人利用,可能对用户财产造成损失的情况,所以我们只能对信息进行过滤处理解决方式解决发送1.将返回的对象进行设置null修改后端代码:可以看出前端数据已经展示null了,当是不推荐这样的写法2.对实体类添加注解(推荐)//忽略属性@J

DataV介绍：组件库基于Vue 开发，主要用于构建大屏，数据展示页面即数据可视化边框：带有不同边框的容器装饰：增加视觉效果图表：图表组件基于Charts封装，轻量，易用其他：飞线图/水位图/轮播表等1.入门开始1.创建Vue项目1.安装Vue/Cli查看更多npm i -g @vue/cli2.使用命令，创建Vue项目vue create datav-demo创建成功3.打开项目进入终端，在项目目录下，运行命令npm install @jiaminghi/data-

购买服务器通过地址访问购买链接新用户最近有活动只需要38元就可以买一台1核2G云服务器,初学者用这个也足够了,但是我准备买2核4g内存的服务器,之后可以把好的项目部署在上面用于学习,和研究由于之前已经买过一台同配置的服务器只不过操作系统是windows的,这一次想搞个Linux的环境用于开发,现在开始购买吧!至于服务器的地址看自己喜好,镜像我使用CentOS7.6版本的购买时长选择三年,只需要222元,之前买的服务器也是因为有活动才买的,买了4年当时上一年一百多4年去了450多块钱,这一次的力度

📣文章目录1.安装echarts.js2.新建vue界面3.引入 ECharts4.创建Vue方法和图表信息5.效果样式6.通过官网查找自己喜欢的样式1.安装echarts.jsnpm install echarts --save2.新建vue界面<template><!-- 定义echarts需要控制的dom元素 --> <div :style="{height:height,width:width}" /></template>3

📣文章目录问题：情景复现:链接在Video标签打不开链接浏览器正常打开出现的原理解决方式前端解决全局添加标签Vue单页面添加标签完美解决:问题：发送Ajax请求,请求后端接口解析抖音无水印视频并且展示在页面中，后端已经可以把解析后的访问地址返回，通过浏览器访问该地址也是没有问题的，接着我通过Vue的绑点video的src,预期状态应该是可以被播放的,实际上点击也没反应,查看页面代码也发现video的src已经设置了正确的视频url情景复现:前端发送请求到后端接口我们前端打印获取后端解析后的对

📣文章目录问题：情景复现:解决方式1.前端解决2.后端解决注意:问题：发送Ajax请求,请求后端接口创建订单并且返回订单号出现订单号精度丢失的情况情景复现:前端发送请求到后端接口我们前端打印订单号到控制台查看,前端返回订单号:1510826214531666000查看数据库订单号:1510826214531665920比较2个单号区别可以明显看出后面几位数据丢失,这样就存在一个问题,我前端通过该订单号无法获取到正确的订单数据,就会出现订单已经保存成功但是查询不到的问题解决方式

通过浏览器控制台添加对象集合,可以看出里面有三个对象,现在我想对他们的num属性进行相加应该怎么操作var names=[{name:"zs",num:12},{name:"ww",num:12},{name:"ls",num:23}]通过reduce方法进行操作names.reduce((n1,n2)=>n1+n2.num,0)Vue中的用法:在vue的computed计算属性中定义一个方法通过集合的reduce方法进行计算返回数据.其中括号里面的(c1,c2)是集合的对象,

目录1.为什么会产生跨域问题2.常见的跨域解决方案3.使用CORS解决跨域问题4.代码实现CORS1.为什么会产生跨域问题跨域的几种情况例如域名不同taobao.com与zhihu.com域名相同,端口不同taobao.com:80与taobao.com:8080二级域名不同a.taobao.com与b.taobao.com请求协议不同Https与Http当请求的域名和端口都一样,但是请求路径不同,不属于跨域问题!!!taobao.com/items

文章目录1.安装nrm2.查看本地仓库地址3.修改镜像地址4.使用nrm测试仓库速度1.安装nrm使用到的工具是nrm用于切换镜像的工具：首先：需要已经安装好了npm工具，在由npm去下载nrm打开命令窗口输入 ：npm install nrm -g2.查看本地仓库地址 nrm ls3.修改镜像地址nrm use 镜像名称修改仓库地址为淘宝的镜像，下面已经提示更改成功了，记得重启电脑生效！4.使用nrm测试仓库速度nrm test 镜像名称带*的是我们选择的镜像..

mounted:function(){ this.timer = setInterval(this.autoPrintBtnClicked, 60100);//60秒后运行 autoPrintBtnClicked方法 }, methods:{ autoPrintBtnClicked() { console.log("定时器进来了......") return this.api({ url: "/pickGuida..

1.把字符串转成int类型进行比较、parseInt()方法 if (parseInt(this.mydata[i].transfersValue)>parseInt(this.mydata[i].realityNumber)){ this.$message.warning("批次："+this.mydata[i].id+"调拨数量超出库存数量！"); return }没经过方法时是字符串类型经过方法时是

今天写程序前端发送get请求到后端传递的值明明是一样的但是后端获取到数据数据就是不相同，打印信息查看发现，加密的文字中 + 号变成了空格导致不一致的问题。既然发现问题的所在就知道怎么解决了。在传递的参数进行转换转化后是这样的并且springMvc会自动解析，成原始数据进行使用。...

今天写项目后端回调的数据传递值value=0传递过来，（0==’’）比较值返回为true原因：当类型不一致会被类型转换成一直的类型进行比较。此处，将0和 ’ ’ 均转换成Boolean类型，所以相等。解决：使用===来进行比较=== 判断规则1.如果类型不同，就[不相等]2.如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是 NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断）3.如果两个都是字符串，每个位置的字符都一样，那么

1.Html中div里面的文字太长不换行的问题！有时候div里面的值不是我们固定下来的，从后端回去到的字符串有长有短，很可能会影响到其他div内容布局，这个时候我们需要把width(宽度给规定下来)，height(高)给它设置成（auto），然后在div的style中添加 word-wrap: break-word; word-break: break-all; overflow: hidden;如图所示:这样设置完成后太长的会把宽度给占用满了后会自

【代码】点击a标签跳转新页面。