小豆儿__丫丫-CSDN博客

原创 js数据类型及检测数据类型的三种方法typeof、instanceof、Object.prototype.toString.call

1、js基本数据类型:Undefined Null Boolean Number String,基本数据类型是按值访问的2、js引用类型：引用类型是保存的内存中的对象的地址引用类型可以为其添加属性和方法，也可以改变和删除其属性和方法。常用的如 Object,Array,function等。3、检测数据类型的方法1、typeof 检测基本数据类型，其中注意对null的检测，结果为object var s = "Nicholas"; var b = true; var i

2020-08-25 11:12:10 147

原创 vue增加typescript支持

1、用vue-cli创建项目参考网址：https://www.cnblogs.com/l-y-h/p/11241503.html2、在根目录下增加tsconfig.ts文件在根目录下增加shims-vue.d.ts文件配置参数参考：https://juejin.im/post/68449039679991316623、下载typescript依赖包npm i ts-loader typescript tslint tslint-loader tslint-config-standard --sa

2020-08-06 16:30:26 916

原创 echarts 获取数据的相对位置（tooltip显示在折线上）

在 echarts 上添加原型方法，获取节点位置(finder之后的方法在echarts源码中可以找到)Object.defineProperty(echarts.__proto__, 'getPosition', { enumerable: false, value: function(seriesIndex) { const ecModel = this._model; const finder = modelUtil.parseFinder(ecModel,

2020-08-05 12:53:00 1900 3

原创 slice() substring() substr() 区别

slice() substring() substr() 不同参数对应的输出值var stringValue = "hello world";console.log(stringValue.slice(3)) // lo world 从位置3开始到结束console.log(stringValue.substring(3)) //lo world 从位置3开始到结束console.log(stringValue.substr(3)) //lo world 从位置3开始到结束console.lo

2020-07-31 09:59:44 117

原创 yarn install v1.22.10 error package.json: Name contains illegal characters

1、全局安装了yarn 后执行yarn install 报 “yarn install v1.22.10 error package.json: Name contains illegal characters” 错误。报错的原因是 package.json中 name的值为汉字导致的，汉字改为英文就可以了。

2020-09-29 10:43:43 11665 8

原创前端编码规范参考网址

百度开源的前端代码规范vue 代码风格指南 https://cn.vuejs.org/v2/style-guide/HTML 编码规范 https://github.com/ecomfe/spec/blob/master/html-style-guide.mdJavaScript 编码规范 https://github.com/ecomfe/spec/blob/master/javascript-style-guide.mdJavaScript 编码规范 - ESNext 补充篇（草案）https

2020-09-21 11:35:58 251

原创 vue canvas typescript 绘制时间标尺

项目中有个需求，将对象一天内对应的不同的状态在时间轴上显示出来。调研的方案有5种，1、时间轴用div画，时间轴上遮罩的状态改变则改变时间轴div本身的颜色。2、时间轴用div画，时间轴上的遮罩用div画，状态改变则改变遮罩div的颜色，时间轴div只做展示不做样式更改。3、时间轴用静态的图片展示，时间轴上的遮罩用div画，状态改变则改变遮罩div的颜色。4、时间轴用canvas画，时间轴上的遮罩用canvas画，每次状态改变重绘canvas的时间轴和遮罩层。5、时间轴用canvas画，时间轴用另外

2020-09-14 12:10:45 3290

原创百度地图测距功能 DistanceTool 在不同浏览器下标注不一致的解决办法，打开新地图测距不生效的解决办法

1、在项目中用到百度地图的测距功能，在主页面的地图中用没问题，如果从主页的地图跳转到详情页的地图，在返回到主页，打开地图的测距功能，测距一直不显示。下面是解决办法将测距功能的工具类函数下载到本地，在BMapLib.DistanceTool初始化的地方增加，测试能解决问题 if (OperationMask._maskElement) { OperationMask._maskElement = null; }2、在safrai浏览器下标注的位置与

2020-09-10 10:18:47 1801 1

原创 js 实现轮播图，代码少，效果好

1、css 部分 * { margin: 0; padding: 0; } .page { width: 100%; height: 400px; position: relative; } .page .box { width: 100%; height: 400px; } .page .box ul { width:

2020-08-25 11:19:44 215

原创 git 常用命令总结，项目中用到这些基本够了

git 小白，记录下项目中用到的 git 命令1、git pull 拉取代码2、提交代码到服务git add . 添加所有代码git commit -m “本次提交的备注信息”git push origin HEAD:refs/for/feature-v1 提交到feature-v1分支3、 git status 查看修改的文件4、git checkout feature-v3 切换分支切换到feature-v3分支5、git branch 查看所有分支6、git branc

2020-08-20 15:43:25 124

原创 No configuration provided for */src/App.vue

项目中缺少.stylelintrc.js文件及配置module.exports = { extends: 'stylelint-config-standard', rules: { // 颜色值小写 'color-hex-case': 'lower', // 注释前无须空行 'comment-empty-line-before': 'never', // 使用数字或命名的 (可能的情况下) font-weigh

2020-08-19 13:47:48 5336

转载 Error: Plugin/Preset files are not allowed to export objects, only functions.

项目中的配置文件放在新的项目中，依赖更新后，启动报错，查了点资料发现是babel兼容问题，按照https://www.jianshu.com/p/e21d19875fbb文章，问题解决了，将具体的步骤整理下。1、npm uninstall babel-*，将项目中的babel插件都移除。2、npm i -D @babel/core3、npm i --save-dev @babel/preset-env4、npm i–save-dev @babel/plugin-transform-runtime5

2020-08-19 11:34:10 1307

weixin_46364251的博客