JavaScript
文章平均质量分 81
大哥手下留情
这个作者很懒,什么都没留下…
展开
-
react 日历组件拖拽部分逻辑/元素
对了,我们拖拽这部分使用的是react-dnd这个库,我们会利用这个库,监听每一个日期单元格是否是hover状态,比如说啊,我要新建一个任务,从1号到4号,都是空白日期,我鼠标down,然后down的同时move,相当于就是drag事件,从1号拖鼠标到4号,此时拖拽结束,弹出一个框,让我填写新建任务的名称。所以我们要换一个思路,因为hover的日期我们知道,那么可以计算hover的日期和拖拽起点的日期的距离,也就是间隔多少天,那么我只需要知道正数是往右多少天的背景变为蓝色,负数就是往左多少天变为蓝色。原创 2022-11-17 22:46:30 · 633 阅读 · 0 评论 -
使用VsCode调试UE5的PuerTs(实践测试来啦)
如果直接点击运行,可以发现下方的 Output Log 窗口已经开始 Print 了很多案例。下面大家开始自行测试吧,留个小尾巴《医院证明图片》您快乐我快乐,大家一起快快乐乐。同时打开了WaitDebugger(),目的是Client等待V8的虚拟机。3.1 在VsCode找到QuickStart.ts,随便断一个点。注意看修改后的代码。是因为该项目默认执行的是QuickStart.ts。5.1 打开VsCode的Debug配置。①首先选择5.2添加的Debug配置。配置PuerTs的步骤这里不赘述。原创 2022-11-02 21:42:37 · 1017 阅读 · 0 评论 -
Ignite基础配置等实战测试结果来啦
在学习Ignite之前,我们先来了解一下什么是Ignite?首先,Ignite是Apache开源的顶级项目之一。Ignite 内存数组组织框架是一个高性能、集成和分布式的内存计算和事务平台,用于大规模的数据集处理,比传统的基于磁盘或闪存的技术具有更高的性能,同时他还为应用和不同的数据源之间提供高性能、分布式内存中数据组织管理的功能。Ignite和Hadoop解决的是不同业务场景的问题,即使在一定程度上可能应用了类似的底层基础技术。原创 2022-10-30 19:01:09 · 1089 阅读 · 0 评论 -
SDK 体积与性能优化实践举例解释篇
在实际的 benchmark 测试中,我们发现开启性能监听(即运行各个性能监控的 PerformanceObserver.observe 方法)最大耗时达到了21ms,虽然看上去并不久,但若和其他监听同时执行,加上引入业务代码的复杂性和移动端更弱的 CPU 性能,极有可能成为给业务带来 longtask 的罪魁祸首。由于我们的监控 SDK 包含了性能、请求、资源等各类前端监控能力,这些功能的实现依赖对页面各类事件的监听、性能指标的获取、请求对象的包装。TS 会将这些操作符转换成非常长的代码,例如。原创 2022-10-27 09:25:08 · 387 阅读 · 0 评论 -
如何快速进行分析前端的项目
数据流转指的是用户页面上的表单数据是创建的,获取表单数据后,调用了什么方法,做了什么验证,拦截,调用的那个http库发起的xhr请求,以及如何后端返回值的统一拦截,这是从用户到服务端的数据流转。如果你不了解这个数据是怎么流转的,数据如何从一个方法到另一个方法的,对数据做了那些处理,那么你在做功能时会就会遇到很多问题。这个技能是必备,而且收益最快的,试想一下,你刚入职二天,领导让你改一个页面的bug,bug上指定了是那个页面,路径也给你了,这个时候就需要你更加url快速定位到问题所在的组件。转载 2022-10-26 23:59:02 · 468 阅读 · 0 评论 -
前端图形之:SVG与Canvas(border、clip-path)
可缩放矢量图形(Scalable Vector Graphics,SVG),是一种基于 XML(数学)描述的二维的矢量图形,内容可以直接插入网页,成为DOM的一部分,然后用 JavaScript 和 CSS 进行操作。大多数现代浏览器都支持SVG 图形,越来越多的项目在使用SVG图形,简单的像图标,复杂的一些图表Chart也有不少是基于SVG实现的。WebGL是运行在GPU上的,可面向底层显卡编程,可调用底层的接口,实现硬件加速,在2D图形绘制上性能会优于Canvas2D。这里就先简单了解一下,原创 2022-10-26 23:56:34 · 730 阅读 · 0 评论 -
JQ里的THIS与$(THIS)对象组测试来了
调用的是对象数组,而对象的数组存储的是dom对象,因此在callback函数中的this自然是dom对象了。网上有很多关于jQuery的this和$(this)的介绍,大多数只是理清了this和$(this)的指向,其实它是有应用场所的,不能一概而论在jQuery调用成员函数时,this就是指向dom对象。从上面的代码可以看出hide行数其实调用的是showHide,而传入的第一个参数this,并不是dom对象,而是jQuery对象数组,因此showHide函数通过循环此对象数组获取每一个dom对象。原创 2022-10-22 15:32:05 · 128 阅读 · 0 评论 -
反射技巧让你的性能提升N倍
如果下次使用相同的 Class,就不需要在做安全检查,但是这个缓存有个缺陷,如果换一个调用这个方法的 Class,需要再次做安全检查,并且会覆盖之前的缓存结果。反射速度会进一步提升,如果单看一个程序,可能这点性能微不足道,但是如果放在一个大的复杂的工程下面,运行在大量的低端机下,一行代码提升的性能,可能比你写 100 行代码提升的性能更加显著。因为反射本身是非常慢的,如果能够避免安全检查,可以进一步提升性能,在之前的文章和视频中,针对不同场景,分别测试了反射前后以及关闭安全检查的耗时。原创 2022-09-28 17:54:33 · 218 阅读 · 0 评论 -
Android Studio Logcat 更新
讲下怎么搜自己要的Log吧。在以前版本的Logcat中,您可以选择使用字符串搜索(支持正则表达式),也可以通过使用Logcat UI填充各个字段来创建新过滤器。现在,我们通过直接从主查询字段引入键值搜索,简化了体验。》此外,您仍然可以选择使用RegEx,也可以根据键值排除日志。这个新的查询系统提供了您想要查询的内容的准确性,而不依赖于正则表达式,它能够从历史记录中回忆过去的查询,并与其他人共享这些查询。是的,没错,我特么的不会用了,G了。原创 2022-09-28 17:51:18 · 948 阅读 · 0 评论 -
Android极简MVVM,从一个基类库谈起
Hello啊各位老铁,今天带来一个老生常谈的技术,MVVM,这篇文章,主要详细介绍如何封装一个MVVM的基类库,以及MVVM架构模式在实际业务中的用法,最后会把实际的封装代码开源,并提供远程依赖,方便给到大家使用以及二次修改,尽量做到细致入微,浅显易懂,OK,废话不多赘述,我们进入正文。原创 2022-09-28 17:49:05 · 517 阅读 · 0 评论 -
Javascript知识零散学习(面试篇)
思路:将传入数组在Promise实例中遍历执行,将then的结果存入数组,设一个变量来记录调用了几次then,当调用then的次数等于传入数组的length时,那么就在Promise实例的then方法中调用resolve方法,否则就直接将捕获到的错误reject出去。纯函数的好处就是它非常靠谱,执行一个纯函数,它的执行结果一般都是在你的预料之中,不必担心一个纯函数会干什么坏事,他不会产生不可预料的行为,也不会对外部产生影响,不管何时何地,你给它什么,它就吐出什么。这里有一个方法需要了解一下,那就是函数的。原创 2022-09-28 01:19:39 · 106 阅读 · 0 评论 -
JavaScript的相关手写办法
【代码】JavaScript的相关手写办法。原创 2022-09-28 01:16:49 · 117 阅读 · 0 评论 -
工位装摄像头?吃我一套JS CSS组合拳
大家好,我是HoMeTown不知道大家最近有没有看到过封面上的这张图,某公司在个人工位安装监控,首先我个人认为,第一每个行业有每个行业的规定,如果公司和员工提前做好沟通,并签过合同协议的话,问题不大,比如银行职员这种岗位。第二是私人企业和员工如果签订了补偿协议?协议里明确说明工资翻3倍?4倍?5倍?或者其他的对员工有利的条件?(如果一个探头能翻3倍工资,那我觉得我可以装满)原创 2022-09-25 21:30:49 · 2233 阅读 · 4 评论 -
.env[mode]文件注释的因素
Vue-Cli允许我们在项目根目录创建文件来设置一些打包编译的启动参数,通过执行脚本的时候加mode参数,指定不同环境需要加载的配置文件形如:.env.prod。原创 2022-09-22 18:45:18 · 377 阅读 · 0 评论 -
JS 模块化 - Common JS 模块化规范
Common JS 是模块化规范之一。每个文件都是一个作用域,文件里面定义的变量/函数都是私有的,对其他模块不可见。Common JS 规范在 Node 端和浏览器端有不同的实现。或exports加载模块:require()Node:Node JS 支持 Common JS 规范;浏览器:需要使用browserify编译。原创 2022-09-22 18:34:03 · 203 阅读 · 0 评论