2020年12月13日
async函数
摘要： async函数 基本概念 async 函数是什么？一句话，它就是 Generator 函数的语法糖。 将上一章的代码改成 async 函数的版本： const { promisify } = require("util"); const path = require('path') const fi 阅读全文
posted @ 2020-12-13 10:38 sk-xm 阅读(135) 评论(0) 推荐(0)
Generator函数
摘要： Generator函数 基本概念 Generator(生成器) 函数是 ES6 提供的一种异步编程解决方案，并且Generator函数的行为与传统函数完全不同。 定义Generator函数 function* f() { } 形式上，Generator 函数是一个普通函数，但是有两个特征。一是，fu 阅读全文
posted @ 2020-12-13 10:35 sk-xm 阅读(95) 评论(0) 推荐(0)
Map和WeakMap
摘要： Map和WeakMap Map JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类 阅读全文
posted @ 2020-12-13 10:26 sk-xm 阅读(140) 评论(0) 推荐(0)
Symbol
摘要： Symbol 概述 ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、Boolean、String、Number、Object 直接调用Symbol函数即可生成一个Symbol，注意Symbol 阅读全文
posted @ 2020-12-13 10:22 sk-xm 阅读(101) 评论(0) 推荐(0)
2020年12月8日
前端微信支付步骤
摘要： 一、获取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 阅读(749) 评论(0) 推荐(0)
2020年12月7日
获取url参数值（可解码中文值）
摘要： /** * 根据指定参数名称获取参数值 * @param {String} urlStr 参数名称 * @return {Object} 参数值 * */ getUrlParams = function (urlStr) { // 获取url中"?"符后的字串 let url = urlStr || 阅读全文
posted @ 2020-12-07 11:23 sk-xm 阅读(161) 评论(0) 推荐(0)
2020年12月3日
HTML5--canvas与svg的使用
摘要： 一、Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API，它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是，<canvas> 有一个基于 JavaScript 的绘图 API 阅读全文
posted @ 2020-12-03 19:36 sk-xm 阅读(648) 评论(0) 推荐(0)
js-图片img转base64格式
摘要： ##1## 阅读全文
posted @ 2020-12-03 19:32 sk-xm 阅读(894) 评论(0) 推荐(0)
2020年12月1日
echarts 地图
摘要： ##参考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 阅读(570) 评论(0) 推荐(0)
echarts 水球图
摘要： //地址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 阅读(2394) 评论(0) 推荐(0)
2020年11月27日
ECharts 配置语法
摘要： 每个系列通过 type 决定自己的图表类型： type: 'bar'：柱状/条形图 type: 'line'：折线/面积图 type: 'pie'：饼图 type: 'scatter'：散点（气泡）图 type: 'effectScatter'：带有涟漪特效动画的散点（气泡） type: 'rada 阅读全文
posted @ 2020-11-27 10:13 sk-xm 阅读(149) 评论(0) 推荐(0)
2020年11月22日
react长列表性能优化
摘要： 长列表性能优化 概述 在展示大型列表和表格数据的时候（城市列表、通讯录、微博等），会导致页面卡顿，滚动不流畅等性能问题，这样就会导致移动设备耗电加快，影响移动设备的电池寿命 产生性能问题的元素：大量DOM节点的重绘和重排 优化方案： 懒渲染 可视区域渲染 懒渲染 懒加载，常见的长列表优化方案，常见于 阅读全文
posted @ 2020-11-22 22:35 sk-xm 阅读(2092) 评论(0) 推荐(0)
CSS Modules
摘要： 组件之间样式覆盖问题 能够利用CSS Modules解决组件之间样式覆盖的问题 概念 问题：CityList组件的样式，会影响Map组件的样式 原因：在配置路由的时候，CityList组件与Map组件都会被导入到路由中，那么只要组件被导入，那么相关的样式也会被导入进来，如果两个组件的样式名称相同，那 阅读全文
posted @ 2020-11-22 22:24 sk-xm 阅读(177) 评论(0) 推荐(0)
2020年11月21日
react路由
摘要： 现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体 验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由 应运而生。 前端路由的功能：让用户从一个视图（页面）导航到另一个视图（页面） 前端路由是一套映射 阅读全文
posted @ 2020-11-21 00:30 sk-xm 阅读(132) 评论(0) 推荐(0)
react性能
摘要： <!-- 1. JSX 语法的转化过程 --> JSX 仅仅是 createElement() 方法的语法糖（简化语法） JSX 语法被 @babel/preset-react 插件编译为 createElement() 方法 React 元素：是一个对象，用来描述你希望在屏幕上看到的内容 JSX 阅读全文
posted @ 2020-11-21 00:28 sk-xm 阅读(119) 评论(0) 推荐(0)