- 博客(15)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
原创 百度地图 标注两个marker 后 setMapViewport 地图出现瓦片图加载不完全
setMapViewport 放在settimeout 中异步执行,地图很少出现瓦片加载不出来的情况
2020-08-05 14:43:28
1055
1
原创 javascript 创建对象的6种方法
1、工厂模式缺点:无法判断对象的类型 function creatFunction(name, age, value) { var obj = new Object(); obj.name = name; obj.age = age; obj.value = value; obj.sayName = function () { console.log(this.name); } return obj; } v
2020-07-30 16:43:38
144
原创 实现继承的6种方式
实现继承的6种方式面试过程中经常会有面试官问 『你知道继承吗』感觉会,但是不知道怎么说。针对这个,系统的学习了下继承的几种方式,总结出来。1、原型链继承:function SuperType() {this.property = true;}SuperType.prototype.getSuperValue = function () {return this.property;}function SubType() { this.subProperty = false;}Su
2020-07-30 16:23:08
753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人