自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(236)
  • 资源 (10)
  • 收藏
  • 关注

原创 不废话的将ts一篇文章写完

网上很多写ts的教程的,但是我觉得写的太繁琐了,这里我直接将基础用法写上,包括编译后的js代码,以便于你们进行对比, 包括一些常见的报错信息,你们可以对比一下报错信息, 我尽量不废话的将ts一篇文章写完!编译为js结果:一旦做了类型限制,后面是不可以进行非该类型赋值的,比如(其他同理):编译为js结果:一旦类型做了限制,数组里面不可以进行非该类型的赋值,比如(其他同理):如果想在数组里面进行定义不同的类型,可以使用元组,元组在js中本身是不存在的,ts中存在的一种数据类型。

2024-02-01 21:30:00 821

原创 展开说说provide和inject

今天讲一下关于vue组件传值里面的其中一个跨组件传值,之前文章写过一篇关于组件传值,里面也有提过关于这块跨组件传值的方式,其中就提到了provide 和 inject的方式,但是并没有展开说,今天就简单的展开说一下,他的取值问题。

2024-01-22 20:24:37 501

原创 tailwindcss真的好用吗?

今天写一篇关于的文章,其实这个css技术已经出现很久了,在一些大型项目很多人也已经在用了,虽然不是说必须要会吧,但是没听说过肯定是不行的,他的操作逻辑应该是和unocss。

2024-01-11 19:23:50 1059

原创 0.3-0.2 = 0.09999999999999998 问题解析(精度缺失问题)

这个问题其实一直存在,我也看了很多博主写的文章,但是没有一篇文章真的说明白了这个问题,所以今天我尽量将这个问题讲明白,废话不多说,开整。

2024-01-03 21:45:00 1220 3

原创 我对前端/互联网发展的一些看法

看这篇文章的标题你们估计也想到了,我就是单纯的水一篇文章,但是以我的尿性也不可能完全水,毕竟我是一个主打实际的博主,我还是希望通过文章输出一些我对技术或者是生活的一些看法,既然是看法,那么就肯定有很多人持有不同的看法,不过我欢迎任何不同的声音,毕竟我也已经从事前端差不多五年左右了,也有自己对前端这个行业的一些看法,今天想说一下对前端发展这块的一个看法,从以下几个方面。

2023-12-13 22:45:00 725

原创 简单说一下vue3中的那些晦涩难懂的概念(ref、reactive、unref、isRef、toRef、toRefs、shallowRef、triggerRef、custormRef)

</div><br /><div>当前 count {{count}}

2023-12-12 18:36:57 501

原创 Taro+NutUi 开发不同平台的小程序系列 -第一章节/项目多平台运行测试

这个章节你们可以看我的文章,也可以直接移步这里项目创建,下面的例子是全局安装 NutUi 的使用过程,前面的链接里面有按需加载的,大家注意一下vscode 插件安装这个这样安装之后在开发的时候会有对应的提示:命令对应的配置名字这里之后可以看到我们的项目本地目录已经多了一个 dist 包文件后面导入的时候直接导入这个包到对应的平台开发工具即可到此就已经可以在小程序开发工具中打开该项目了,下面是我不同平台开发工具中打开的实际情况

2023-11-24 22:45:00 1892

原创 3d标签云实现过程(tagcloud.js)同步原生和 vue

本来是没有准备写这个知识点,但是下载这个 js 的时候发现很多都是要钱或者是积分的,我就不明白了一个开源了这么久的 js 怎么还有人拿来挣钱的,同时还有一些只有原生 html 的例子,但是现在都是 框架主导的一些项目,显然是不行的,这篇文章就简单的写一下 怎么使用原生和 vue 分别使用 tagcloudjs 实现标签云,喜欢的可以直接拿去用,当然你也可以直接参考这个的例子写,我没有试过,但是 demo 是可行的tagcloudjs。

2023-11-22 22:30:00 1100

原创 nvm管理node版本过程记录

今天记录一下windows电脑安装nvm同时使用nvm管理node版本的,为什么写windows版本的呢?因为mac版本的基本上是不需要进行记录的,相对windows的安装是简单很多的,行了废话不多说,我们直接开始。

2023-11-21 20:33:48 164

原创 willchange 优化性能的原理是什么

今天说一下性能优化部分的其中一个点,这个点叫做 willchange,说他的原因主要有以下几个:第一很多人知道用这个可以提高性能但是不知道原因是什么,第二,我们用的时候他虽然可以提高性能,但是不代表就可以肆意的使用,第三,讲一下他的工作原理是什么,下面我尽可能的说明白这三件事willchange。

2023-09-07 21:30:00 217

原创 聊聊 HTMX 吧

最近看了几篇关于 htmx 的文章,自己也去看了一眼官网,也去油管看了一下当时 htmx 发布会的时候他们的演示,下面说几点我对这个所谓的新型起来的技术的看法,

2023-09-06 22:45:00 639

原创 一步一步分析将数据响应式实现出来

vue2 的数据响应式已经非常成熟且过时了,但是相信很多人还是对原理的东西一知半解,甚至还是不知道他究竟是怎么实现的,今天我们就试着一步一步分析看看响应式需要解决哪些问题,具体的问题难点是什么?

2023-09-05 22:00:00 139

原创 浏览器跨标签通信

今天说一下跨标签通信的一种实现方式,首先跨标签指的是同一个浏览器中不同标签之间进行数据通信,也就是说比如在第一个标签写了一个数据,在另一个标签里面进行数据的使用,而且是实时的。

2023-09-04 22:30:00 237

原创 微信小程序纯签约功能实现代码分析以及填坑操作

完成该功能的前提是要先搞明白纯签约是怎么回事,微信小程序的纯签约其实和公众号的纯签约执行过程是一致的,只是实现方式不通,他是指用户和所签公司之间的一个约定协议,公司实现这个功能是值他所申请的微信小程序和他申请的直连商户进行开通纯签约的功能,可以满足先签约后扣费的一个操作,本篇文章会结合微信小程序纯签约的官网文档以及对应代码的解释和一些可能存在的坑进行记录,希望可以帮助一些准备或者已经对接的人解疑答惑。前面解释过,纯签约的过程是两个小程序之间的跳转,那么从不同的小程序跳转的场景值就是 1038。

2023-08-26 08:30:00 418

原创 代码记录-封装一套小程序支付和纯签约以及静默授权登录流程

下单的参数直接传入到getPayUrlByNextStepParams 总线方法中即可,后续会根据订单的状态和结果进行执行结果。

2023-08-25 22:00:00 131

原创 解决v-if作用下popup弹框滑动效果消失的问题

POPUP本身是有滑动效果的,所以第一种方案是我们不进行对组件本身v-if判断,而是在外层添加一个templete非渲染元素标签,默认他是不显示的,里面popup还是正常的使用show进行判断展示,当数据拿到之后直接将template的状态改为true,关闭的时候只改变组件的show的boolean的值,而template的boolean值不进行操作。通过transition 添加name的方式进行css 添加对应的效果,但是这个有一些bug,具体的因为我很少用,所以这里就不做评论,个人不太推荐这个方案。

2023-08-23 22:15:00 285

原创 pnpm + monorepo架构思想小试牛刀

今天要写的是关于一种前端全新架构的方式,monorepo这是目前相对来讲比较新的一种前端架构,整好趁着最近在学,就利用这个平台记录一下学习的一个过程,上一篇文章更新的是react,后面也会一样更新,今天废话不多说了,我们开始今天的学习。

2023-06-16 17:04:34 1031

原创 React基础入门知识记录

因为鄙人技术栈主要是vue的前端开发,所以一直没有更新除vue技术栈之外的一些文章,但是我虽然是写vue的,同时我也是一名前端开发啊,作为一名合格的前端开发怎么可以允许自己不去了解一下react呢,毕竟用户体量那么大的框架,再加上我也着实很久没有更新了,趁着这次的正常更新回归,我们就从react开始吧!!!!!

2023-05-26 22:00:00 309

原创 为什么我觉得这次的chatGPT是真的智能AI

openAI在2022年11月推出了chatGPT(全称ChatGenerativePre-trainedT聊天生成型預訓練變換模型】维基百科)说的直白一点就是一个目前为止,这个星球上可以见到的最智能的机器人,他可以完成一些人类认知范围内认为机器无法完成的事情,多的不说,这就是他最简单的一个介绍,文章篇幅很长,耐心看完,会对你对智能的认知有些帮助,先别着急喷我,看完再喷。

2023-03-02 22:45:00 2263 2

原创 当我尝试问了chatGPT几个问题之后,我感到了危机......

组件内部的状态更新不及时:由于Vue3使用Proxy来实现响应式,在某些情况下,组件内部的状态更新不及时,导致组件的渲染出现问题。组件内部的数据更新不及时:由于Vue3使用Proxy来实现响应式,在某些情况下,组件内部的数据更新不及时,导致组件的渲染出现问题。组件内部的事件处理不及时:由于Vue3使用Proxy来实现响应式,在某些情况下,组件内部的事件处理不及时,导致组件的渲染出现问题。组件内部的计算属性不及时:由于Vue3使用Proxy来实现响应式,在某些情况下,组件内部的计算属性不及时,导致组件的渲染出

2023-02-22 20:15:00 50938 83

原创 Vue-透传Attributes使用解析

透传是vue中一种特性,官方的解释是:“透传 attribute”指的是传递给一个组件,却没有被该组件声明为或的 attribute 或者v-on事件监听器。最常见的例子就是classstyle和id。这句话解释过来就是一些不被prop定义的属性直接添加到子组件上的时候,子组件是可以获取到的,只不过获取的方式是通过方法获取的,下面我们展开说一下以上特性我们挨个说一下。

2023-01-31 22:30:00 1909

原创 js文件分片上传

今天我们写一下关于js的分片上传,因为工作中很多时候上传文件是比较大的,为了不让卡死,我们可以使用分片上传的方式进行文件的传输,下面就简单的将思路梳理一下,然后贴上代码。

2023-01-21 16:15:00 1295

原创 了不起的回调函数

有几个概念需要搞明白js中的同步和异步,或者叫阻塞和延迟,这就是为什么同步的函数有概率卡死,说直白一些,同步就是代码由上而下执行,中间如果有问题,那就等着,直到问题解决掉代码才会接着执行,但是我们在写js的过程中,其实很少有这种情况,原因是js本身就是一个异步编程语言,所谓的异步就是你慢没事,我跳过你,你啥时候好了,你再执行,这句话反映到代码上就是延迟式编程也就是异步编程,但是js怎么知道你慢还是他快呢?这里的_x有没有被替换呢?简直是无法维护的,这个时候就需要另一种写法了,比如下面的。

2023-01-13 17:13:02 314

原创 js解决单线程之路 - worker的使用分析

解决阻塞的问题?可以提高性能?运行结果如下图如下图下面我们使用worker的写法运行运行结果下面我们将第二个的函数改错一个形参,看一下运行结果结论:通过主线程进行统一运行比较高负荷的程序的时候,会导致运行比较缓慢,如果运行的过程中出现了问题,那么后续的程序运行会受到影响,所以这里从提高运行效率上,使用worker是可以解决这个运行阻塞的问题,从运行时间上看,也是有一定提高的,但是我并没有绝对的说是提高的,毕竟次线程的运行能力是不如主线程的,从上面的例子可以看出来,虽然是一个2.3s一个是4s,但是单个运行时

2022-12-18 18:03:18 2000 1

原创 实现一个自定义的vue脚手架

我们的目的是,当我们输入 wlm的时候 执行的是node index.js 这句话即可实现我们想要的效果

2022-11-24 22:45:00 1314

原创 兼容vue2和vue3版本的插件实现过程

vue2升级vue3中很多插件是单独进行使用的,但是项目进行升级的时候如果直接进行项目的全部重构工作量是很大的,当然这篇文章解决不了这个终极问题,这里只是分享创建一个可以支持vue2和vue3插件的实现过程。

2022-09-06 23:00:00 2778

原创 中高级前端面试题总结第一期

首先说明 不是水文,我只是希望通过面试题的形式给你们看一些看似比较牛逼的概念,其实很简单的东西,我最近在写vue3的项目,所以等我写好之后我再更新vue3的教程,虽然早就想更新了,但是一直不是没有一个拿得出收的v3项目嘛,我也很着急的嘛,写完之后我就更新v3+vite+antdv的文章。

2022-08-21 14:15:00 636

原创 BFC讲解

因为这篇文章内容属于比较常见的一个面试题,所以帖子里面很多讲过了,我还是决定还是写一篇关于BFC的文章,因为考虑到我可以用比较简介的语言讲明白,不是为了水文章,看完绝对有点帮助的。...

2022-08-19 23:30:00 294

原创 ES6新特性之Map和Set

今天写一下关于面试中反反复复被问到的一个知识点,map和set的数据结构,文章内容会很短,方便大家快速查看,废话不说,直接讲以上就是关于set和map的使用总结,总体来说不难,只是需要我们熟练的使用即可,因为是新特性所以开发的过程中使用的时候需要注意一些写法的兼容性。.........

2022-08-15 17:14:24 590

原创 js中高级部分知识点总结第二篇

写几篇关于js部分的知识点,之前已经写过一篇了,但是因为js的内容比较多,所以慢慢的更新,之前的第一篇的文章篇幅比较大,导致很多人可能都不怎么看的完,所以后面的关于js方面的知识点,一篇文章就几个知识点就可以了,不用那么长,没啥实质性的作用,也不太好记,今天主要说一下关于对象,generator,symbol等知识点,后续的再说吧。......

2022-08-14 23:30:00 312

原创 npm日常使用总结

可能看到标题进来都是比较好奇的,毕竟一个工具类型的东西有什么好写的,我在没有系统的看过npm之前也是这么认为的,其实npm要比我们想的强大,特别是最新的版本之后,弥补了之前npm本身的一些缺点,所以这篇文章就介绍一些npm的基本的安装和使用,本篇文章旨在介绍npm,所以我会尽量将阅读者当作是想获悉npm基本知识的人,而不是开发了很多年,早就对这种在线安装包的开发模式熟悉的人来说的,所以看起来文章的难度并不大,只是希望可以对认识npm有一些帮助。......

2022-08-12 23:45:00 444

原创 pinia基本使用介绍

之前我们一直使用的状态管理都是vuex或者是基本的provide和inject,因为技术在更新,所以,一些人就闲不住,就开始倒腾新技术了,不然卷不动了啊,怎么拉开与别人的差距呢?那么今天的技术知识点就是我们今天要说的pinia,新一代全局状态管理,总体下来基本的使用还是非常简单的,和vuex相比是简单的很多了,在加上新版本的vue的组合式api的写法,之前可能比较复杂的功能代码量也会很少,所以个人还是比较推荐使用pinia的。...

2022-08-11 17:30:00 912 2

原创 Proxy 基本方法使用介绍

原本是准备写关于vue3的内容,但是发现vue3一个很大的改变就是关于数据响应式的原理实现上的区别,最新版本的实现原理是通过proxy进行代码的重新编写,那么如果proxy不进行一个基础知识总结的话,那么大概率看vue3的时候会很迷茫,所以这篇文章还是很有必要写的。...

2022-08-10 23:15:00 811

原创 闲聊vue版本差异和开发中不太容易注意的点(基础篇)

这篇文章通过标题你们也可以大概才出来了,是的,这篇文章就是闲聊一下在使用vue的时候,一些我们不太注意的但是其实很有必要的一些点,总结一下,不管是给你们面试还是写项目都是很有帮助的,另外一个原因是最近一只写的都是关于原生js的一些内容,而没有关于框架的东西,vue的很久没有写了 ,废话不多说,开始闲聊,因为是闲聊,只是说一些我们平常不怎么注意但是其实对代码编程有好处的一些东西,不一定是不懂的或者是很难的知识点,只是希望引起注意!...

2022-08-07 23:30:00 881

原创 JavaScript模块化功能使用总结

将 JavaScript 程序拆分为可按需导入的单独模块的机制,当然这是官方的解释,我写博客一般不会使用官方的解释,所以用比较通俗易懂的话来讲就是尽可能的将每一个功能点都进行拆分,尽量的每一个模块都是代表一个独立的功能,这样不管是后期的功能组装还是相互引用或者是功能的维护都是有很大的好处的,也是非常具有意义的,那么今天讲的就是如何将代码模块化,模块化需要注意的一些点是什么!...

2022-08-05 23:45:00 497

原创 将我理解的web3.0讲给你听

web3.0是一种趋势,一种可能我们无法阻止的趋势,如果我们无法搭乘这趟列车,那就尽可能的找一种靠近这趟列车的方式来完善自己!

2022-07-07 15:16:50 3815 25

原创 JS中不同的循环方式和注意事项总结

这篇文章不是水的,其实是我最近想将js中的一些基础知识也总结一下,这样晚上一下我的知识体系,也重温一下之前漏掉的一些细节,这样做的一个目的是巩固自己的基础,不至于在一些很简单的问题上浪费时间,比如我们写代码的时候,使用for in 进行对象的遍历,突然发现莫名其妙多了属性,那么这个时候你就要检查一下是不是别的同事写了一些Object的公共属性进去,自己也没有进行过滤导致的,诸如此类,所以可能这些总结每一个点都不难,但是系统起来就并非易事,还是脚踏实地的慢慢琢磨.........

2022-07-05 23:45:00 238

原创 JS数据类型判断方式总结

简明扼要的说一下检测数据类型的几种方式,和每一种的优劣以及需要注意的点,写的粗浅,仅供参考,后续有需要,会更新修复!

2022-07-04 23:22:00 246

原创 JS【中高级】部分的知识点总结第一篇

JS高级部分的相关知识点总结,将JS高级部分的一些常见的写法和操作一一举例子进行演示,尽可能的将这部分的知识点总结的全面一些,感谢阅读!

2022-06-12 14:19:08 418 1

原创 原生小程序开发注意事项总结

写在前面原本是准备将小程序开发的过程和一些API进行总结记录一下,顺便将里面的坑给说明一下,不过查看了一下别人写的帖子和官方的文档,觉得我自己重复写没有什么意思,浪费自己的时间也浪费读者的时间,所以这篇文章主要针对小程序开发过程中容易出现的坑进行一个总结,我会从入口开始讲,尽可能的将小程序开发过程中可能出现的问题和坑都给说明一下,因为我参考的资料是《小程序、巧应用》这本书的第二版,所以和官网有一些出入的地方大家注意一下,感谢该书作者提供了一本很权威的书籍作为参考资料!文章思路文章会挨个罗列博主认

2022-05-31 19:25:37 510

二维码合成海报基于canvas实现

基于vue2和canvas实现的二维码合成海报的代码,可以直接使用,里面有对应的使用组件教程和reanme文件,父组件和子组件均存在,直接按照组件的使用方式进行使用即可,需要的可以直接获取即可。

2023-03-11

前端开发-canvas-图片缩放

功能介绍ctrl+鼠标滚轮进行图片的缩小与放大,如果没有进行atrl键的话,直接提示操作,下载之后直接运行即可,是一个html文件,里面的静态资源按照自己的需求进行更改,图片进行的等比缩放,根据实际宽高比进行计算出来的,注释写的很清楚,大家可以直接进行使用,有任何问题可以直接联系我,或者在我的博客 canvas的下方留言,看到都会进行回答和更新的,谢谢大家!

2022-05-30

前端实现-canvas-图片的拖动

canvas实现图片拖动到画布的任意位置,有任何问题可以直接联系博主,或者在我的canvas 博客内容下方留言,看到都会回复,也可以留下自己的联系方式进行操作,代码注释写的尽可能的详细,希望各位可以直接看明白,可以根据自己的需求进行改动!

2022-05-30

checkSystemInfos.js

js原生验证当前的设备信息,直接new当前实例,使用中的方法即可

2021-04-23

Export2Zip.js

文件导出excel需要的js文件,直接下载配合我的文章使用,可以直接将后端返回的数据进行导出excel文件的,如果失败可以直接我的博客进行联系我。同时需要另一个excel文件一起使用

2020-07-01

上传到腾讯云文件的js

该文件是上传到腾讯云文件时候需要的js,可以直接使用的,具体的使用可以看我的博客

2018-07-24

translater.js

这是一个翻译的js,可以直接官网下载,也可以直接这里下载!

2018-07-18

jspdf源文件

可以直接下载下来就可以下载文件为PDF,具体怎么使用可以直接看我的博客,里面以后详细的叙述。

2018-05-23

H5滑动验证+H5源码

里面是阿里云的滑动验证的js源码附带的是h5的源码,可以直接使用。

2018-05-08

JavaScript回到顶部功能实现

实现的是js回到顶部的功能,可以直接引入使用,不需要做什么更改,屏幕超过一屏的时候自动显示回到顶部的按钮。

2018-03-26

美化checkBox插件

插件是用来美化CheckBox的,具体的使用教程我的博客以及压缩包文件里面都是有的。

2018-03-23

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除