草庐IT

vue大型电商项目尚品汇(后台篇)day05

今天继续是对后台管理部分的一个操作,但是快要结束了,今天结束,明天会进入一个从Vue以来,另外一个名声显著的东西了,一只耳闻从未见识,而且十分的炫酷他就是------数据可视化Echarts,迫不及待了解了11.销售属性添加当我们点击添加就,应该把添加的放到table里面来,table里面每一行数据是一个对象然后就可以开始整理数据,我们select收集的值不应该只是id收集到了数据,直接在button点击事件,整理参数,给到我们的data对应的数据12.销售属性值展示与收集这里主要是button和input的一个切换给添加来一个点击事件,此时的row就为当前这一行的数据,我们知道每一行必须有自

vue大型电商项目尚品汇(后台篇)day05

今天继续是对后台管理部分的一个操作,但是快要结束了,今天结束,明天会进入一个从Vue以来,另外一个名声显著的东西了,一只耳闻从未见识,而且十分的炫酷他就是------数据可视化Echarts,迫不及待了解了11.销售属性添加当我们点击添加就,应该把添加的放到table里面来,table里面每一行数据是一个对象然后就可以开始整理数据,我们select收集的值不应该只是id收集到了数据,直接在button点击事件,整理参数,给到我们的data对应的数据12.销售属性值展示与收集这里主要是button和input的一个切换给添加来一个点击事件,此时的row就为当前这一行的数据,我们知道每一行必须有自

Java常用集合基础概念及源码流程分析

java集合学习资源:b站人人都是程序员《看动画学java集合》b站韩顺平《java集合》感谢二位的开源视频,本博客为个人笔记,如有错误还请包涵学习方法:推荐观看视频,自己用idea敲一遍然后debug一步步看,最后自己写笔记和画流程图。前言目的:为了方便和高效地存储大批量的数据,变量和数组是远远不够的,我们需要能动态扩容的容器来存储。java的集合键值对Collection分类Collecion工具类排序方法查找替换迭代器Iterator所有的集合都实现了迭代器Iterable接口,迭代器是遍历集合的元素,并且返回。实现:1.先新建迭代器2.调用hashnext方法3.调用next方法增强型

Java常用集合基础概念及源码流程分析

java集合学习资源:b站人人都是程序员《看动画学java集合》b站韩顺平《java集合》感谢二位的开源视频,本博客为个人笔记,如有错误还请包涵学习方法:推荐观看视频,自己用idea敲一遍然后debug一步步看,最后自己写笔记和画流程图。前言目的:为了方便和高效地存储大批量的数据,变量和数组是远远不够的,我们需要能动态扩容的容器来存储。java的集合键值对Collection分类Collecion工具类排序方法查找替换迭代器Iterator所有的集合都实现了迭代器Iterable接口,迭代器是遍历集合的元素,并且返回。实现:1.先新建迭代器2.调用hashnext方法3.调用next方法增强型

css3写一个加载动画

先制作一个正方形,让圆点在正方形的最外侧body{margin:0;}.loading{width:200px;height:200px;background:skyblue;margin:100pxauto0px;position:relative;}.loading.item{width:20px;height:20px;border-radius:50%;background:pink;position:absolute;/*left:50%是指的左边的点的位置在中间第一个圆点在最顶部*/left:50%;top:0px;margin-left:-10px;/*基准点*/transfor

css3写一个加载动画

先制作一个正方形,让圆点在正方形的最外侧body{margin:0;}.loading{width:200px;height:200px;background:skyblue;margin:100pxauto0px;position:relative;}.loading.item{width:20px;height:20px;border-radius:50%;background:pink;position:absolute;/*left:50%是指的左边的点的位置在中间第一个圆点在最顶部*/left:50%;top:0px;margin-left:-10px;/*基准点*/transfor

从零开始部署 Yapi(Windows+Nginx)

一、环境准备及安装本文中是以本地Windows作为安装环境,Nginx做反向代理,亲测验证可用。Yapi运行需要的环境:Nodejs,MongoDB安装包都在文档末尾处1.1安装node-v12.16.1为啥偏偏是V12.16.1版本?因为亲测Nodejs安装太高的版本会导致Yapi可视化安装时出现奇怪的错误,经过几次测试,便使用了该版本的nodejs及V4.2.12版本的MongoDB。安装过程很简单,一直next使用默认配置验证是否安装成功,cmd使用【node-v】命令即可1.2安装MongoDBYapi的数据存储使用的MongoDB,例如一些账户信息,之后也方便二开1.2.1安装包双击

从零开始部署 Yapi(Windows+Nginx)

一、环境准备及安装本文中是以本地Windows作为安装环境,Nginx做反向代理,亲测验证可用。Yapi运行需要的环境:Nodejs,MongoDB安装包都在文档末尾处1.1安装node-v12.16.1为啥偏偏是V12.16.1版本?因为亲测Nodejs安装太高的版本会导致Yapi可视化安装时出现奇怪的错误,经过几次测试,便使用了该版本的nodejs及V4.2.12版本的MongoDB。安装过程很简单,一直next使用默认配置验证是否安装成功,cmd使用【node-v】命令即可1.2安装MongoDBYapi的数据存储使用的MongoDB,例如一些账户信息,之后也方便二开1.2.1安装包双击

前端首屏渲染时间的极致优化

我们知道,用户体验是Web产品最为重要的部分。尽可能减少首屏加载时间,更为流畅地展示用户所需求的内容,会是用户是否留存的关键因素。而随着现代Web业务可供用户的交互行为越来越多,前端项目的复杂度越来越高,每个页面的渲染时间也必然越来越长,这就导致了用户的体验不佳,用户的操作变慢。为此,前端工程师们在首屏请求的各个阶段中持续钻研,不断探究如何将首次页面渲染的时间减少到更小,力求提供更为优秀的产品体验。CSR(ClientSideRender)浏览器渲染是最简单,最符合Web应用设计思路的渲染方式。所谓浏览器渲染,就是将应用所需的页面展示、前端逻辑、接口请求全都在用户的浏览器中执行。它很好的实现了

前端首屏渲染时间的极致优化

我们知道,用户体验是Web产品最为重要的部分。尽可能减少首屏加载时间,更为流畅地展示用户所需求的内容,会是用户是否留存的关键因素。而随着现代Web业务可供用户的交互行为越来越多,前端项目的复杂度越来越高,每个页面的渲染时间也必然越来越长,这就导致了用户的体验不佳,用户的操作变慢。为此,前端工程师们在首屏请求的各个阶段中持续钻研,不断探究如何将首次页面渲染的时间减少到更小,力求提供更为优秀的产品体验。CSR(ClientSideRender)浏览器渲染是最简单,最符合Web应用设计思路的渲染方式。所谓浏览器渲染,就是将应用所需的页面展示、前端逻辑、接口请求全都在用户的浏览器中执行。它很好的实现了