JavaScript
文章平均质量分 57
、蹄码笑春风
Dancer in the dark
展开
-
【JavaScript-基础】map、forEach、for、for in、for of等的区别
遍历对象自身的和继承的可枚举的属性,也就是说会包括那些原型链上的属性。: forEach(item,index,array), item:当前处理的数据,index:下标,map(item,index,array), item:当前处理的数据,index:下标,和forEach都不影响原有的数组结构。一定遍历全部数据,不能通过return结束,消耗性能,不要常用。不但可以遍历数组,还可以遍历对象,数组遍历下标,对象遍历属性。遍历全部数据,不能通过return结束循环,消耗性能。用于不转换数据的全部遍历。原创 2022-10-27 00:57:31 · 505 阅读 · 1 评论 -
【JavaScript-基础】split,splice,slice 三者的用法
最近一直忙于搞python,等后续有时间更新python相关的内容。毕竟现在在弄web.有些知识点需要巩固,以便自己后续带人和巩固自己的知识体系。(index,num,item)第一个坐标位置,第二个要删除的项目数量。如果设置为 0,则不会删除项目,第三个向数组添加的新项目,会影响原有数组。(beginIndex[, endIndex])可根据坐标位置进行删除数组并返回长度,返回一个新数组但不会影响原有的数组。split() 方法使用指定的分隔符字符串将一个String对象分割成子字符串数组。原创 2022-10-26 00:28:17 · 721 阅读 · 0 评论 -
【知识点】Javascript 知识点和常考面试题
最近有些粉丝私信要我弄些干货,当然这也为了自己跳槽,所做的知识储备吧。JS 对于每位前端开发都是必备技能,在小册中我们也会有多个章节去讲述这部分的知识。首先我们先来熟悉下 JS 的一些常考和容易混乱的基础知识点。原创 2022-10-12 21:46:52 · 201 阅读 · 0 评论 -
[Mongodb]mongodb的安装以及增删改查
关于mongodb的安装和简单实用原创 2022-10-03 14:35:11 · 604 阅读 · 0 评论 -
【正则表达式系列】常用正则
常用的正则表达式:1、"^\d+$" //非负整数(正整数 + 0)2、"^[0-9]*[1-9][0-9]*$" //正整数3、"^((-\d+)|(0+))$” //非正整数(负整数 + 0)4、"^-[0-9]*[1-9][0-9]*$" //负整数5、"^-?\d+$" //整数6、"^\d+(\.\d+)?$" //非负数(正整数+正浮点数 + 0)7、"^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][原创 2022-06-24 22:39:32 · 1731 阅读 · 3 评论 -
【React系列】React.memo() vs useMemo()
React.memo()和useMemo()的必要性从上述所见,不难看出每当父组件被重新渲染时,子组件的渲染方法也被调用。这将触发子组件的虚拟DOM与之前的虚拟DOM状态做差异检查。但是,真实的DOM不会改变,因为子组件没有变化。虽然真实的DOM没有变化,但与虚拟的DOM进行比较需要一些时间才能看到相同的内容。因此,这种行为会导致严重的性能问题,并增加大规模应用的加载时间。这就是为什么我们需要使用React.memo()和useMemo()来优化React组件的渲染过程。React.memo原创 2022-06-17 15:15:17 · 475 阅读 · 0 评论 -
【React系列】一文让你了解React中Component和PureComponent差异之分
任何技术和产品产生的时候,都应该了解当时所处的场景,以及为什么会需要这个东西,他是来解决当下业务线那些弊端,又或者优化了什么,否则它的产生将毫无意义可言。关于源码是处于ReactBaseClasses这个文件:进入一一剖析里面所含的技术要点,以及为什么会需要这个东西,以及使用场景,上述源码可以得知:PureComponent从上面源码,我们可以看到:const pureComponentPrototype = (PureComponent.prototype = new ComponentD原创 2022-06-16 19:40:55 · 373 阅读 · 0 评论 -
【每日积累】浅谈mvc,mvvm,mvp
架构模式原创 2022-06-02 18:05:17 · 99 阅读 · 0 评论 -
【每日积累】关于Tree数据结构,你了解多少呢?
关于Tree数据结构,你了解多少呢?这一篇会介绍关于数据结构Tree跟运用在前端的那边(虽然我相信读这篇的人肯定会很少为什么会写这篇?数据结构实在太多种了.大致上分为Linear(Array、Linked List 、Stack、Queue…) 跟 Non-Linear (Tree、Graphs…),自己也是从零开始学习算法/数据结构,所以先跳过看起來很难而且也不知道用在前端场景的,Non-Linear data structure,在面试过程当中还是被问到过这系列问题!面试官: 请问DOM是那种数原创 2022-06-02 12:24:55 · 244 阅读 · 0 评论 -
【每日积累】关于tree-sharking
关于tree-sharking你有什么疑问?当Javascript应用程序达到一定规模,有助于独立的代码模块。然而,当我们这样做,我们可以最终代码导入,并不是实际使用。tree-sharking的方法优化我们在代码,并消除最终文件实际上并没有使用的代码。假设我们有一个实用程序文件,我们可能需要使用一些数学操作主要脚本。看下面code我们导出了关于算数使用的4个方法export function add(a, b) { console.log("add"); return原创 2022-05-20 15:45:09 · 376 阅读 · 0 评论 -
【每日积累】vue项目基于vue-awesome-swiper实现中间变大,两边缩小的滑动轮播功能
需求点如下:实现轮播组件,供pad和手机端使用,貌似ios有点小瑕疵!用elemenui的走马灯ios和android没有啥问题,目前提测没有发现!效果如下:话不多说先把vue-awesome-swiper 下载 npm ivue-awesome-swiper yarn addvue-awesome-swiper实现代码如下:可直接拿来即用,适合伸手党<template> <!--swiper的bug,如果数据是从网络获取的, 那么自动轮播到最后...原创 2022-05-06 23:29:23 · 1516 阅读 · 2 评论 -
【每日积累】tsconfig.json配置项
{ "compilerOptions": { /* Basic Options */ /* target用于指定编译之后的版本目标 version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */ "target": "es5", /* 用来指定要使用的模块标准: 'none', 'commonjs', 'amd', 'system', 'umd', 'es201.原创 2022-03-11 13:15:11 · 1292 阅读 · 0 评论 -
【每日积累】玫瑰图加雷达图的制作 echarts实现
需求点如下:具体实现:原创 2022-03-03 14:54:06 · 916 阅读 · 0 评论 -
【每日积累】Js H5canvas绘制通用组件
需求点:绘制对应最近五日主力减仓用canvas直接绘制封装成组件方便后续使用,好处就是高度定制化,麻烦的就是得需要计算对应的数据。话不多直接上代码,和对应效果图!代码如下:function draw(data) { var adapterProp = 1 let all = document.querySelector("body"); all.style.padding = "0px"; all.style.margin = "0px"; ..原创 2021-12-06 11:19:06 · 444 阅读 · 0 评论 -
【每日积累】将后台返回的字符串格式转换成json格式
问题重现: 后台返回的数据如下,但是实际的效果这样的数据是做不到的。只能改成json格式解决方案: 通过npm,下载himalaya。就对应的数据,转成树形结构数据,然后在通过递归遍历,转成自己想要的数据。 himalaya这个库不会使用,可以去npm上面看对应的使用方法; 转成下方的树形结构。遍历代码如下: let head = ['ChangeDate', 'Chan...原创 2021-09-13 16:05:45 · 839 阅读 · 0 评论 -
错误提示Unable to preventDefault inside passive event listener解决方法
问题重现:解决方案:在使用echarts左右滑动的时候,报了这个错误。我这是通过引入的echart.js,在源文件里面添加: el.addEventListener(name, handler,opt { passive: false });如果你是通过npm 引入的在node_modules/zrender/lib/events.js 里面加入就可以了...原创 2021-09-13 09:43:00 · 2289 阅读 · 2 评论 -
tab选项卡切换时echarts无法正常加载显示问题的解决方案
主要问题重现:带表格式儿可拖动的图表还是第一次整:下面的代码应该能帮到你们吧var myChart;// 员工效益var _myChartemployfits = function () { if (myChart != null && myChart != "" && myChart != undefined) { myChart.dispose(); } myChart = echarts.init(doc.原创 2021-09-06 17:14:26 · 1354 阅读 · 2 评论 -
【每日积累】JS将后台返回的Unix时间戳转换成YYYY-MM-DD
1、问题重现 后台返回的时间格式2、解决方案:function getYMDHMS(obj) { let unixtime = obj; let unixTimestamp = new Date(unixtime * 1000); let Y = unixTimestamp.getFullYear(), M = un...原创 2021-08-26 15:25:51 · 227 阅读 · 0 评论 -
jquery手机移动端固定表格头部底部效果
1、问题重现:后台返回的数据是这样的:要做的效果就是头部固定,左列固定。这里使用的插件库是 :tableHeaderFixer.js2、需求实现:将后台返回的数据展示在页面上,无法设置td th的宽度?记得用min-width这个属性!$("#CapitalTable").html(fundsRaised); $("#CapitalTable>table").tableHeadFixer({ "left": 1 }); ..原创 2021-08-25 15:52:32 · 304 阅读 · 0 评论