- 博客(18)
- 资源 (1)
- 收藏
- 关注
原创 promise A+规范es6实现
参考文章:https://www.jianshu.com/p/459a856c476f/** * Promise 实现 遵循promise/A+规范 * Promise/A+规范译文: * https://malcolmyu.github.io/2015/06/12/Promises-A-Plus/#note-4 * 中文译文 * https://www.icode9.com/content-4-365156.html */// promise的状态枚举const PENDING = '
2021-07-05 14:32:55 166
原创 echarts实现实线与虚线相连接的折线图
**一:UI效果图****二:后台返回的数据格式**[ {measureTime:'2021-5-1',value:36,level:1}, {measureTime:'2021-5-2',value:37.9,level:2}, {measureTime:'2021-5-3',value:39,level:3}, ...]**三:代码实现**const weekDict2 = ["周一", "周二", "周三", "周四", "周五", "周六", "周日",]con
2021-05-07 13:55:50 2693 4
原创 js横屏实现
参考链接:https://common.ofo.so/campaign/20country//** * 横竖屏 * @param {Object} */function changeOrientation($print) { var width = document.documentElement.clientWidth; var height = document.documentElement.clientHeight; if(width < height) {
2021-04-07 16:42:04 883
原创 关于React使用装饰器后ref失效的问题解决方案
React在使用装饰器装饰过后ref就失效了,因为该this指向了所用的装饰器,可用如下方法解决,仅供参考。在utils文件夹内 新建一个refPenetrate.js文件 (文件命名可自己定义)import React from 'react';const getRef = WrapperdComponent => { return props => { con...
2020-04-29 10:02:45 1433 1
转载 instanceOf的js实现
function instance_of(leftVaule, rightVaule) { let rightProto = rightVaule.prototype; // 取右表达式的 prototype 值 leftVaule = leftVaule.__proto__; // 取左表达式的__proto__值 while (true) { if (lef...
2019-06-21 17:10:56 600
转载 vue jest运行报错及解决方案
原文链接:https://www.cnblogs.com/qpnets/p/10368998.html问题1: Option “mapCoverage” has been removed, as it’s no longer necessary.解决:此属性已移除,详细可以见 https://jestjs.io/docs/en/configuration 官方公布的属性,在test/unit/...
2019-06-20 11:41:02 2570
原创 使用echarts实现时间状态区间图
该图例参考了官方的demo:https://echarts.baidu.com/examples/editor.html?c=custom-profile以及https://www.cnblogs.com/cindy-hmy/p/8251193.html var colors = ['blue', 'red','gray'];//三种状态的颜色 var state = ['深睡'...
2019-06-17 15:15:26 12603 6
原创 H5内嵌问题记录
1.动态获取的图片在h5及IOS中显示正常,安卓不正常原因:Webview在安卓5.0之前默认允许其加载混合网络协议内容 * 在安卓5.0之后,WebView默认不允许加载http与https混合内容,需要设置webview允许其加载混合网络协议内容。或者把图片改变成https协议参考:https://www.jianshu.com/p/3d9c503c94642.ios右滑动直接返回上一...
2019-06-14 13:34:14 225
原创 Vue gzip压缩以及版本不同引起的报错
1.先下载运行 npm install --save-dev compression-webpack-plugin2.修改config/index.js将productionGzip改成true3.查看或修改webpack.prod.conf.js的配置可以使用默认配置,也可自行去1.x版本查看配置进行修改4.运行npm run build如果dist里面有.gz文件即为压缩成功...
2019-01-09 17:45:27 1063
原创 QT报错之undefined reference "vtable for ClassName"
在编写qt一个demo的时候,由于我新建了一个类但是没有添加Q_OBJECT,运行后发现报No such slot的错误,一般出现此类错误有三点原因。1、看类声明中有没有Q_OBJECT2、看slot函数有没有声明3、查看slot有没有出现拼写错误于是我在新建的类里添加Q_OBJECT,但是运行构建还是报错:undefined reference “vtable for ClassName...
2018-11-23 10:59:42 255
转载 JS十大排序算法:冒泡排序等
排序算法说明:(1)对于评述算法优劣术语的说明稳定:如果a原本在b前面,而a=b,排序之后a仍然在b的前面; 不稳定:如果a原本在b的前面,而a=b,排序之后a可能会出现在b的后面;内排序:所有排序操作都在内存中完成; 外排序:由于数据太大,因此把数据放在磁盘中,而排序通过磁盘和内存的数据传输才能进行;时间复杂度: 一个算法执行所耗费的时间。 空间复杂度: 运行完一个程序所需...
2018-08-01 14:45:42 182
原创 JS如何在本地读取json等文件
JS使用ajax等在本地读取文件时,会报如下错误: 解决方法一:npm install http-server -g下载完成后再目标文件夹cmd中输入hs 服务开启后赋值下方的网址到浏览器即可;解决方法二: 如果您使用的是Chrome,请使用–allow-file-access-from-files选项从终端启动可能会帮助您。...
2018-07-19 18:14:45 9230
转载 Vue双向数据绑定原理及实现
1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理不做过多描述,主要还是来实现一个实例。为了使代码更加的清晰,这里只会实现最基本的内容,主要实现v-model,v-bind 和v-click三个命令,其他命令也可以自行补充。 添加网上的一张图 2、实现 页面结构很...
2018-06-28 11:14:07 217
原创 JS中this的指向问题(全)
this关键字在js中的指向问题不管是工作还是面试中都会经常遇到,所以在此对它进行一下总结。一、全局作用域中 this在全局作用域中指window。//全局作用域中console.log(this)a =1;console.log(this.a)//函数中function fn(){ console.log(this)}fn()...
2018-06-05 11:19:39 723
原创 解决svg标签在HTML中的渲染问题
在做项目时候我使用appendChild()方法添加到DOM树中时,它竟然没有渲染。百科中说:SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。所以猜测可能是html与xml两种语言的差异造成的。经过多次尝试过后,有两种方法可以解决。方法一:使用$(‘svg’).html()&amp;amp;lt;script&amp;amp;...
2018-06-04 10:14:21 5097
转载 前端常见跨域解决方案
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里的跨域是广义的。广义的跨域:1)a链接、重定向、表单提交 2)资源嵌入:link、script、img、frame等dom标签,还有样式中background:url()、@font-face等文件外链 3)脚本请求:js发起的ajax请求、dom和js对象的跨域操作等而我们通常所说的跨域是狭义的,是由...
2018-06-01 09:23:32 325
原创 Webpack全局引入jquery
方法一:使用expose-loader 链接地址//首先安装expose-loader npm install expose-loader --save-dev//添加这个loader到你的webpack配置中 webpack.config.jsmodule.exports = { module: { rules: [ { test: /.j...
2018-05-31 18:16:58 3589
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人