![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
guoqing2016
毕业于深圳技师学院,现码农一枚,分享一些项目中遇到的问题,以及解决方法,如果有坑位,欢迎推荐
展开
-
echarts 多y轴 数据有负数导致0刻度线不对齐
先计算出每列的最大数占比数量和最小数占比数量,然后分别去对比,少数量的就根据分段间隔去补数量,保证两边的最大数列数和最小数列数相同,就可以保持一致的列刻度。先分别读取出两个数组的最大值和最小值,如果数组的长度为0,为了方面后面的计算先设置值为1。目的是为了让最大和最小数刚好分段间隔成比例,这个时候的最大和最小数就是根据间隔比例来的。网上找了很多方法去尝试,效果都不是很好,这边自己写了个处理的方法。然后分别计算出,每个数组在理想分段数下的每段实际间隔数。然后根据计算的实际分段间隔数去重新计算最大和最小数。原创 2023-04-24 11:40:11 · 1925 阅读 · 1 评论 -
汇总 git 常用命令
git push 提交 git pull 拉取 git fetch 获取 git merge 合并 git commit 提交文件 git add 添加 git branch 分支 git checkout 切换/检出原创 2022-10-27 10:19:44 · 341 阅读 · 0 评论 -
vue3 实现简易的router
实现了个简易的router,只做了路由切换支持hash和history模式index.js 代码import {ref,inject} from 'vue'import RouterView from "./RouterView.vue"import RouterLink from "./RouterLink.vue"const ROUTER_KEY = '__router__'function createRouter(options){ return new Router(optio原创 2022-05-31 11:45:26 · 289 阅读 · 0 评论 -
vue3 实现一个vuex
实现了个简易的vuex,包含 state、getters、mutations、actions 等import { inject, reactive, computed} from 'vue';const STORE_KEY = '__store__'function useStore() { return inject(STORE_KEY)}function createStore(options) { return new Store(options)}clas原创 2022-05-30 19:05:37 · 329 阅读 · 0 评论 -
uni-app 小程序蓝牙库
分享一下之前用uni-app写小程序的时候,做的蓝牙库git地址:https://github.com/qinnnn/bleTool使用方法主要是项目中 utils/bleTool.js 的文件,这个是库的本体,可以单独使用首先需要执行 init 去初始化BleTool.init()在开启搜索前,需要执行 getBleState获取蓝牙状态,返回参数为状态,如果蓝牙 状态正常,则可以开始搜索BleTool.getBleState((state)=>{})搜索的方法为search 返原创 2021-08-10 17:34:43 · 1000 阅读 · 6 评论 -
Can‘t resolve ‘core-js/modules/es.symbol‘ in
启动项目时,遇到的一个神奇的bug看情况好像是 core2.0 与 core-js 3.0 都会同时调用到的问题在windows电脑上会出现,同样的项目mac电脑上未出现这种情况尝试解决方法:回退 core版本为2.6.5已经是2.6.5了, 无效~重新安装 corecnpm install core-js@2无效~升级到core 3.5.6版本cnpm install core-js@3.5.6无效~...原创 2020-09-17 15:40:58 · 3449 阅读 · 0 评论 -
一个模仿mikutap的半成品
前段时间用空闲时间搞个小页面,内容就是模仿的mikutap,原作者地址:mikutap效果demo:暂时只做了一种效果,其他的有人想写的话,就直接去git下载写吧,注释我都有好好加的,可以当做新手的练手项目,哈哈哈动画的效果是使用 PIXI+tweenmax 做的,有一个示例的动画,根据这个进行扩展,可以写写其他的一些特效git地址:https://github.com/qinnnn/keyboardMusic纯静态,除了动画之外,没有其他框架引入其他问题请留言评论...原创 2020-09-11 17:20:46 · 548 阅读 · 0 评论 -
js 模拟锚点跳转
使用scrollIntoView// 找到锚点let anchorElement = document.getElementById(anchorName);// 如果对应id的锚点存在,就跳转到锚点if (anchorElement) { anchorElement.scrollIntoView({ inline: 'start', block: 'start', behavior: 'smooth' }); }Element.scrollIntoView() 方法让当前的元素滚动到浏览原创 2020-08-26 09:49:58 · 1183 阅读 · 0 评论 -
React 个人常用代码,防止采坑专用版
这里写目录标题dom事件绑定模板dom事件绑定模板class class extends React.Component { constructor(props) { super(props); this.state = {number: 0}; // 为了在回调中使用 `this`,这个绑定是必不可少的 this.handleClick = this.handleClick.bind(this); } handleClick(e,id) { //为原创 2020-08-26 09:40:19 · 153 阅读 · 0 评论 -
js instanceof 与 typeof的区别,实现 instanceof
instanceof 可以正确的判断对象的类型,因为内部机制是通过判断对象的原型链中是不是能找到类型的 prototypetypeof 是判断参数是什么类型的实例,返回值为说明运算数类型的字符串。返回值结果:“number”、“string”、“boolean”、“object”、“function”、“undefined”原创 2020-06-10 11:24:06 · 925 阅读 · 0 评论 -
js 继承的是什么?如何实现继承?
继承是面向对象编程中的一个重要概念,通过继承可以使子类的实例使用在父类中定义的属性和方法。js实现继承主要是组合继承,原型继承,class继承原创 2020-06-10 11:23:05 · 2376 阅读 · 0 评论 -
js 实现数组去重,数组扁平化
js简单的数组去重和数组扁平化代码实现原创 2020-06-10 11:22:23 · 294 阅读 · 0 评论 -
js 了解Object.defineproperty并实现简易版vue的双向绑定
实现一个基础的vue双向绑定,实现原理是使用`Object.defineproperty`进行数据的监听,输入框输入的时候,对应`span`的内容也会跟着变化原创 2020-06-10 11:21:43 · 170 阅读 · 0 评论 -
js 实现简易版call,apply,bind,new
手写实现 call、apply 、bind 及new的简易函数,面试必考!!!原创 2020-06-10 11:12:47 · 178 阅读 · 0 评论 -
微信公众号开发 wx.ready不执行问题
在做微信公众号开发时遇到wx.ready根本不会方法内执行,而且wx.error也没看到有异常出现这里根本就不会进入函数内!解决方法:在wx.config这里将debug打开,并且用微信的浏览器去打开(将地址发给手机微信,然后手机打开链接)在微信浏览器打开后会收到异常情况,我这里是因为签名错误,解决了签名错误的问题后就正常进入wx.ready的函数里了...原创 2020-06-01 15:06:01 · 17539 阅读 · 2 评论 -
js 实现简易版promise
实现一个简易版的promise,并非完全符合Promise / A+ 规范,仅供学习使用原创 2020-05-27 16:55:36 · 296 阅读 · 0 评论 -
节流与防抖的通用函数
节流的定义函数在一定时间间隔内只会执行第一次的调用,无视在时间内产生的其他调用节流的通用函数function throttle(fn,timer = 50){ let lastTime = 0; let args = arguments return function(){ let now = new Date().getTime(); if(now-lastTime>t...原创 2020-04-02 12:29:43 · 176 阅读 · 0 评论 -
原生js实现ajax请求,可以使用jsonp跨域
记录一个原生js实现ajax请求的方法可以使用jsonp进行跨域(此博文仅作为记录,详细请参考原文地址)转载于:原生 JavaScript 实现 AJAX、JSONP方法的代码:/** 原生js实现Ajax* */function Ajax(params) { params = params || {}; params.data = params.data || ...转载 2020-01-16 19:16:02 · 591 阅读 · 0 评论 -
vue 修改数组数据 界面不渲染视图的解决方法汇总
使用vue进行开发时,我们经常会遇到对已经渲染在界面上的数组进行修改参数时,参数修改之后并不会更新界面的信息,但是实际上数组的参数是已经修改到了,只是vue没有进行视图的更新渲染,下面列举了多种的解决方法...原创 2020-01-06 20:23:02 · 2445 阅读 · 2 评论 -
js 获取音乐的音频音铺
记录通过js获取音乐的音频数据方法原创 2019-07-17 18:08:44 · 3274 阅读 · 0 评论 -
js 10分钟学会隐式转换
在javascript语言中的数据类型有7种,分别为:原始值:boolean,undefined, null,number,string,symbol(es6新增)对象值:Object各数据类型之间的转换被称为`类型转换`,类型转换也被叫做隐式转换原创 2019-06-06 16:37:13 · 232 阅读 · 0 评论 -
js 实现简易版深拷贝
可以兼容对象和数组类型数据的深拷贝原创 2019-06-26 08:28:11 · 1058 阅读 · 0 评论