摘要: Symbol 概述 ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、Boolean、String、Number、Object 直接调用Symbol函数即可生成一个Symbol,注意Symbol 阅读全文
posted @ 2020-12-13 10:22 sk-xm 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 一、获取openId 1、在微信公众平台配置相关信息,具体按照微信官方文档步骤进行配置:mp.weixin.qq.com/wiki?t=reso… 2、微信网页授权,文档:mp.weixin.qq.com/wiki?t=reso… (1)第一步获取code 将网页地址跳转到如下链接:open.wei 阅读全文
posted @ 2020-12-08 13:09 sk-xm 阅读(689) 评论(0) 推荐(0) 编辑
摘要: /** * 根据指定参数名称获取参数值 * @param {String} urlStr 参数名称 * @return {Object} 参数值 * */ getUrlParams = function (urlStr) { // 获取url中"?"符后的字串 let url = urlStr || 阅读全文
posted @ 2020-12-07 11:23 sk-xm 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 一、Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是,<canvas> 有一个基于 JavaScript 的绘图 API 阅读全文
posted @ 2020-12-03 19:36 sk-xm 阅读(580) 评论(0) 推荐(0) 编辑
摘要: ##1## 阅读全文
posted @ 2020-12-03 19:32 sk-xm 阅读(876) 评论(0) 推荐(0) 编辑
摘要: ##参考echarts社区地图## var uploadedDataURL = "/asset/get/s/data-1559121640669-cC3-ztp_y.json"; myChart.showLoading(); $.getJSON(uploadedDataURL, function(g 阅读全文
posted @ 2020-12-01 11:34 sk-xm 阅读(455) 评论(0) 推荐(0) 编辑
摘要: //地址https://github.com/ecomfe/echarts-liquidfill //<script src='echarts.js'></script> //<script src='echarts-liquidfill.js'></script> //引入liquidFill,e 阅读全文
posted @ 2020-12-01 10:54 sk-xm 阅读(2363) 评论(0) 推荐(0) 编辑
摘要: 每个系列通过 type 决定自己的图表类型: type: 'bar':柱状/条形图 type: 'line':折线/面积图 type: 'pie':饼图 type: 'scatter':散点(气泡)图 type: 'effectScatter':带有涟漪特效动画的散点(气泡) type: 'rada 阅读全文
posted @ 2020-11-27 10:13 sk-xm 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 长列表性能优化 概述 在展示大型列表和表格数据的时候(城市列表、通讯录、微博等),会导致页面卡顿,滚动不流畅等性能问题,这样就会导致移动设备耗电加快,影响移动设备的电池寿命 产生性能问题的元素:大量DOM节点的重绘和重排 优化方案: 懒渲染 可视区域渲染 懒渲染 懒加载,常见的长列表优化方案,常见于 阅读全文
posted @ 2020-11-22 22:35 sk-xm 阅读(2009) 评论(0) 推荐(0) 编辑
摘要: 组件之间样式覆盖问题 能够利用CSS Modules解决组件之间样式覆盖的问题 概念 问题:CityList组件的样式,会影响Map组件的样式 原因:在配置路由的时候,CityList组件与Map组件都会被导入到路由中,那么只要组件被导入,那么相关的样式也会被导入进来,如果两个组件的样式名称相同,那 阅读全文
posted @ 2020-11-22 22:24 sk-xm 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 现代的前端应用大多都是 SPA(单页应用程序),也就是只有一个 HTML 页面的应用程序。因为它的用户体 验更好、对服务器的压力更小,所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能,前端路由 应运而生。 前端路由的功能:让用户从一个视图(页面)导航到另一个视图(页面) 前端路由是一套映射 阅读全文
posted @ 2020-11-21 00:30 sk-xm 阅读(96) 评论(0) 推荐(0) 编辑
摘要: <!-- 1. JSX 语法的转化过程 --> JSX 仅仅是 createElement() 方法的语法糖(简化语法) JSX 语法被 @babel/preset-react 插件编译为 createElement() 方法 React 元素:是一个对象,用来描述你希望在屏幕上看到的内容 JSX 阅读全文
posted @ 2020-11-21 00:28 sk-xm 阅读(111) 评论(0) 推荐(0) 编辑
摘要: setState() 是异步更新数据的  注意:使用该语法时,后面的 setState() 不要依赖于前面的 setState()  可以多次调用 setState() ,只会触发一次重新渲染 this.state = { count: 1 } this.setState({ count: th 阅读全文
posted @ 2020-11-21 00:26 sk-xm 阅读(98) 评论(0) 推荐(0) 编辑
摘要: <!-- 1. React组件复用概述 --> 思考:如果两个组件中的部分功能相似或相同,该如何处理?  处理方式:复用相似的功能(联想函数封装)  复用什么?1. state 2. 操作state的方法 (组件状态逻辑 )  两种方式:1. render props模式 2. 高阶组件(HO 阅读全文
posted @ 2020-11-21 00:24 sk-xm 阅读(129) 评论(0) 推荐(0) 编辑
摘要: <!-- 1 组件的生命周期概述 -->  意义:组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等  组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程  生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数。  钩子 阅读全文
posted @ 2020-11-21 00:23 sk-xm 阅读(55) 评论(0) 推荐(0) 编辑