- 博客(16)
- 收藏
- 关注
RSS订阅
原创 前端面试必备(持续更新)
前端面试必备（面试题及知识点混杂）1. 画一条0.5px的直线(运用CSS)height:1px; Transfrom:scale(0.5)2.import 与 link之间的区别1.link为html标签 没有兼容性问题 link加载的话页面会重新加载，link的样式权重高于import 的样式权重2.import 是由CSS提供的会有兼容性问题只有当CSS文件加载之后才会加载3.rem em vh px 之间有什么区别rem是根据html中的font-size大小进行设定的，em是
2020-11-04 16:18:14
402
1
原创 eharts 地图实现拖拽和缩放
为了解决这个问题我曾经尝试过使用geoIndex 想着把series的那层给丢掉直接指向geo的图层，但是这个方法会影响样式，之前是有两层的可以实现阴影的效果，但是现在只有一层是实现不了的。以上主要是对geotoam事件的监听，其中最重要也是我耗费时间最长的一部分就是要获取正确的option，并且这个option不是上文的直接使用的this.option，而是。到目前为止能实现的基本上就已经实现了，还有一个问题就是动画相关的拖动会出现的重影或卡顿问题，要加上。预计阅读时间为五分钟。为了拖拽和缩放不分层。
2023-07-02 11:45:56
1820
2
原创 echarts stooltip
传递过去了，在tooltip的formatter函数中，打印传递过来的params参数，数据一直为undefined，这个params的参数就是从option下面series的data里面传递过来的，但是一直获取不到，直到，把series的data里面的数据写死，才知道是name的对应问题。有两拨很重要的数据渲染，一种是echarts对数据渲染还有一种是请求接口进行的数据渲染，这两个里面的数据名称是不一致的，简言之，数据里面的name是北京市，但是echarts里面的name是北京，这样肯定是对不上的。
2023-05-27 09:26:28
566
原创 echarts中series和tooltip地图的注意点
以上所有的都是没有问题的，formatter中的参数params的值是从series.data中获取的，最后矛头对准了key和value，在数据中要使用name来匹配数据，一旦name名称对不上，数据就是获取不到的。目前在公司做的项目中就是使用的echarts进行地图的展示，遇到一个很奇怪的问题，就是在option的配置下面，formatter获取不到值，如果为字符串是可以正常显示的。总之，刚开始接触echarts，各种细节和小点都很多，要多研究，多动手操作才好。
2023-05-21 13:46:14
817
3
原创 ES6和React相关 【前端面试】
ES6方法1.合并数组并去重 const a = [1,2,3,4] const b = [1,2,4,6,7,8]Const c = […new Set (…a,…b)]2.对象合并 Const a= { K:1, Y:2 } Const b = { H:1, G:2 } Const c = {…a,…b}3.模板字符串的拼接 Const name = ‘cc’ Const score = 59 Const result = ${name}${score > 60 ? ‘的考试.
2022-04-12 16:28:53
757
原创 antd DatePicker 国际化
antd 组件国际化获取当前的语言环境引入 antd的国际化 配合组件ConfigProvider 搭配locale使用组件是时间日期组件时候，多语言会失败，重要的是要在页面引入和moment相关的语言环境 默认是英文 。只需要因为中文环境即可!import 'moment/locale/zh-cn'moment.locale(‘语言)...
2022-03-30 15:02:39
1483
原创 antd rangePicker日期限制的使用
只能选择近三天 的日期 <RangePicker disabledDate={disabledDate} onCalendarChange={val => this.setState({vals:val})} /> // disabledDate const disabledDate = current => { return (current && current >
2022-03-18 15:20:44
557
原创 antd upload组件使用
项目场景：使用背景： 上传图片给服务器并且需要额外的传递参数使用antd组件库，form表单下的upload组件使用图片上传自定义方法的使用，参数的上传其中customRequest 作为自定义上传的方法与后端进行交互并可以传递额外的参数beforeUpload 方法可以对上传的图片类型和大小做一下相对简单的前端校验 <Upload name="uploadFile" listType="picture-card"
2022-03-11 11:01:46
3213
原创 【乾坤qiankun】微前端的一次详细记录
要点总结1.微前端产生的背景2.微前端的概念以及常见的框架3.微前端的实际意义4.微前端使用分享微前端产生背景：随着这些年互联网的飞速发展，很多企业的web应用在持续迭代中功能越来越复杂，参与的人员、团队不断增多，导致项目出现难以维护的问题，这种情况PC端尤其常见，许多研发团队也在找寻一种高效管理复杂应用的方案，于是微前端被提及的越来越频繁。微前端并不是一项新的技术，而是一种架构理念，它将单一的web应用拆解成多个可以独立开发、独立运行、独立部署的小型应用，并将它们整合为一个应用。在实际业务
2022-01-29 11:19:01
1794
原创 关于 react-app-rewired的使用【前端】
关于 react-app-rewired的使用在搭建新的前端工程时，我们经常会使用脚手架进行搭建，里面已经封装好了运行和打包相关的操作，极大的方便了我们的开发。但是一个事物也会有不足的地方。脚手架不能完全满足我们对webpack相关的自定义配置。由此， react-app-rewired可以帮助我们更好地实现。webpack 相关配置react-app-rewired 相关使用安装yarn add react-app-rewiredyarn add customize-cra
2022-01-29 11:10:58
2452
原创 Vue项目总结
Vue项目总结vue生命周期beforeCreate 初始化实例 不能获取dom节点created 实例化创建beforeMount 过渡阶段获取不到具体的dom节点 vue挂载的根节点已经创建mounted 数据和dom都渲染出来了beforeUpdate 检测数据更新时，在dom更新之前执行updated dom更新结束后执行beforeDestory vue实例销毁之前执行destoryed 销毁实例后执行vue双向数据绑定原理object.definePrope
2020-11-06 17:16:19
395
原创 js面试问题总结
1.虚拟DOM虚拟dom为什么能够提高性能JS对象的结构树表示dom树的结构，用这个树构建一个真正的dom树，插到文档中记录状态变更，重新构造一个新的对象树，然后用新的树和旧的树去做比较，记录两者之间的差异，将差异的部分更新到真正的dom树上面，只会渲染差异部分并不会渲染全部2.cookie localStorage sessionStorage相同点：都是存储在客户端不同点：大小不一。cookie 不能超过4k ， sessionStorage和 localStorage 5M 左右
2020-11-06 11:47:09
133
原创 Promise
关于Promise案例setTimeout(function() { var a = 'hello' setTimeout(function() { var b = 'lagou' setTimeout(function() { var c = 'I ❤️ U' console.log(a + b + c) }, 10); }, 10);}, 10);使用Promise来进行改进
2020-07-02 11:49:15
136
原创 react 中使用react-router-dom
在react 中使用react-router-dom使用react-router-dom 进行路由的配置 首先进行安装react-router-domnpm install react-router-dom --save-dev //这里可以使用cnpm代替npm命令为了方便使用最好先搭建起一个项目可以使用react脚手架（如果不了解 可以参考这个文章脚手架搭建）1.搭建页面在页面中新建两个组件detail.jsimport React from 'react'export defaul
2020-07-01 16:00:17
285
原创 在浏览器中输入url并回车这一过程
在浏览器中输入url并回车1浏览器首先对url进行识别，抽取出域名字段。2dns服务器解析地址，先从本地查询没有的话向根域名服务器发送请求，再没有就向顶级域名服务器发送请求以此类推，最后没有查找到就缓存到本地，以供下次查询。3.浏览器与网站进行tcp连接 三次握手，客户端向服务端发送请求，服务端收到请求并确认，回复一个指令，客户端收到指令并确认。浏览器http 发送请求通过请求报文，请求头 请求行请求体，常见的请求头有 content-type cookie accept authorizat
2020-06-08 16:28:48
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人