摘要:我的简历 浏览器 浏览器渲染机制 三次握手四次挥手 http状态码 http队头阻塞 html 基本文档规范 H5新标签 css 弹性布局-flex 盒模型-box-sizing 形变-translate 水平垂直居中 定位布局 javascript 原型与原型链 工厂模式-构造函数模式-原型模式 阅读全文
posted @ 2018-12-28 17:21 herry菌 阅读(408) 评论(0) 推荐(0) 编辑
摘要:本人因为工作换了,来到西湖区上班了,但是原本距离太远,所以就重新租了,目前下城区和平广场的房子因为合同未到期,需要转租掉,否则就是违约了,房东押金不会退还给我的。 转租信息: 合租 转租 微家公寓 杭州市下城区和平广场 2700元/月 押一付一 单间 35平 租后退500元 3个月短租或半年起租 1 阅读全文
posted @ 2020-10-15 11:57 herry菌 阅读(21) 评论(0) 推荐(0) 编辑
摘要:浅拷贝的方式: 1.直接赋值 let a={a:1} let b=a 2.Lodash.js库的方式 let a={a:1} let b=_.clone(a) 深拷贝的方式: 部分深拷贝(不完全拷贝) 1.JSON.stringify对象转字符串,JSON.parse字符串转对象。 缺陷:不能拷贝对 阅读全文
posted @ 2020-09-23 22:55 herry菌 阅读(34) 评论(0) 推荐(0) 编辑
摘要:节流和防抖,以前我经常把他们搞混掉。后来才知道各种代表的不同含义 一句话来说: 节流:不停触发时,每隔n秒执行1次。 防抖:不停触发时,只触发1次。 使用onmousemove时间来看看效果吧。 先来看看没有节流和防抖的样子:触发太快了。 简单代码: (function(){ //原始方式 let 阅读全文
posted @ 2020-09-19 18:03 herry菌 阅读(41) 评论(0) 推荐(0) 编辑
摘要:要求: 数组: ["红", "黄", "红", "绿", "蓝", "绿", "红", "绿", "蓝", "蓝", "黄"] 排序成: ["红", "红", "红", "黄", "黄", "蓝", "蓝", "蓝", 阅读全文
posted @ 2020-09-19 11:49 herry菌 阅读(36) 评论(0) 推荐(0) 编辑
摘要:达到截图的效果,一般用于生成指定报表 首先引入html2canvas,因为报表图中也需要数据可视化图,因此用到了echarts。要做的效果是:看不到dom生成图片。 但是要生成图片,不能将dom使用display:none;,这样就读取不到宽高了,所以想了其他方式。 第一种:使用absolute将d 阅读全文
posted @ 2020-09-17 17:41 herry菌 阅读(50) 评论(0) 推荐(0) 编辑
摘要:效果图: 完整代码: import React from 'react'; import { DatePicker,ConfigProvider } from 'antd'; import zh_CN from 'antd/es/locale/zh_CN'; import moment from ' 阅读全文
posted @ 2020-09-17 17:08 herry菌 阅读(91) 评论(0) 推荐(0) 编辑
摘要:效果图: 如果还有数据,显示正在加载中,没有下一页数据了显示无更多数据 做法: 在state中设置表头信息structure、数据列表list、是否加载下一页isLoad state={ structure: [ { name: '排名', width: '15%', key: 'order', t 阅读全文
posted @ 2020-09-17 16:27 herry菌 阅读(40) 评论(0) 推荐(0) 编辑
摘要:效果图: 一般用于实现这种的饼图 看下实现代码: 第一个pie用于做扇形统计,第二个pie用于做圆形虚线第三个pie为最里面的圆。 const option={ series:[ { name: '访问来源', type: 'pie', hoverAnimation: false, color: [ 阅读全文
posted @ 2020-09-17 11:41 herry菌 阅读(81) 评论(0) 推荐(0) 编辑
摘要:效果图: 渐变使用line的areaStyle属性,linear为线性渐变 let option={ series:[ { type:'line', areaStyle:{ color:{ //线性渐变 type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorS 阅读全文
posted @ 2020-09-17 09:58 herry菌 阅读(66) 评论(0) 推荐(0) 编辑
摘要:渐变进度条,如图: 实现: dom: <div className={s.progress}> <div className={s.bar} style={{ width:'73%'}}/> </div> css:外层div设置背景色有透明度,内层div设置渐变,有宽度,有圆角 .progress{ 阅读全文
posted @ 2020-09-16 23:00 herry菌 阅读(51) 评论(0) 推荐(0) 编辑