前端开发文档
文章平均质量分 79
主要记录一些通用前端开发相关的文档
fx67ll
fx67ll.com
展开
-
简述 JS 中对象的创建和拷贝
在 JavaScript 中,对象是一种非常重要且灵活的数据结构,用于存储多个值(属性)和方法(函数)。对象的创建和拷贝是日常开发中经常涉及的操作,对于业务逻辑的准确实现有着重要的作用。本文将简要概括 JavaScript 中对象的创建和拷贝方式,都是一些非常基础的知识,大家看个乐就好~原创 2024-07-09 11:11:33 · 284 阅读 · 0 评论 -
记录工作中常用的 JS 数组相关操作
工作中难免会遇到各种各样的数据结构,较为全面的了解数组操作,对于复杂数据结构的处理会非常有用且节省时间。所以想在这里总结一下工作中常用的数组操作,都是一些非常基础的知识,大家看个乐就好~原创 2024-06-06 18:40:56 · 740 阅读 · 0 评论 -
详解 JS 中的事件循环、宏/微任务、Primise对象、定时器函数,以及其在工作中的应用和注意事项
为什么会突然想到写这么一个大杂烩的博文呢,必须要从笔者几年前的一次面试说起。当时的我年轻气盛,在简历上放了自己的博客地址,而面试官应该是翻了我的博客,好几道面试题都是围绕着我的博文来提问。其中一个问题,直接使得空气静止了五分钟,也是自从那次面试,我告诉自己,工作实战中总结的经验,一定要知其然知其所以然,才可以真正用好这些核心知识点,不积跬步,无以至千里原创 2024-05-31 17:17:24 · 713 阅读 · 0 评论 -
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
防抖和节流函数是工作中两种常用的前端性能优化函数,今天我就来总结一下什么是防抖和节流,并详细说明一下如何在工作中应用防抖和节流函数原创 2023-08-03 16:53:38 · 358 阅读 · 0 评论 -
解决 Https 站点请求 Http 接口服务后报 the content must be served over HTTPS 错误的问题
之前将自己所有的 `Http` 站点全部更新为 `Https` 站点,但是在请求后台接口服务的时候还是 `Http` 请求,导致部署之后,直接在控制台报 `This request has been blocked; the content must be served over HTTPS;` 的错误。所以访问了一些资料之后,发现了一个非常巧妙的思路,省时省力解决这个问题,那就是直接使用Nginx将后端服务的`http`请求地址代理到前端`Https`站点的一个目录下......原创 2023-07-18 10:41:28 · 5915 阅读 · 1 评论 -
js数组操作——对象数组根据某个相同的字段分组
最近在实际业务中,需要编写一个方法根据数组中每一个对象的一个相同字段,来将该字段值相等的对象重新编入一个数组,返回一个嵌套的数组对象,特地来做个总结。当然需要注意的是,在开发过程这种数组的处理函数,应当被编写到项目的公共工具函数库中全局调用。,为我点一颗Star,Thanks~ 😃。如果您喜欢这篇文章,欢迎访问我的。原创 2022-11-03 19:47:16 · 2666 阅读 · 2 评论 -
解决使用`npm install`或`npm i`命令之后报`Unexpected token in JSON at position`错误的问题
解决使用`npm install`或`npm i`命令之后报`Unexpected token in JSON at position`错误的问题原创 2022-10-21 17:42:15 · 1076 阅读 · 0 评论 -
使用nvm安装以及管理多版本node教程
使用nvm安装以及管理多版本node教程原创 2022-10-21 17:40:38 · 235 阅读 · 0 评论 -
Dva.js 快速上手指南
Dva首先是一个基于redux和redux-saga的数据流方案,然后为了简化开发体验,Dva还额外内置了和fetch,所以也可以理解为一个轻量级的应用框架。在我目前的项目中,更多是使用数据状态管理的功能,他在我司的fish框架中做了内嵌,在主流的React开发框架UMI中也做了内嵌适配,使用起来非常方便快速。Dva设计的目的就是简化元素,降低难度,让你不用管他怎么实现的,我们按照默认的这个规则去写就可以state: {id: '',},// 所有effect前必须要加 *}原创 2022-10-20 20:09:24 · 2749 阅读 · 4 评论 -
2022前端面试总结
fx67ll 的 2022面试总结原创 2022-10-18 14:39:34 · 478 阅读 · 2 评论 -
pm2 常用命令
先说一些废话之前学习Nodejs项目的时候使用了pm2作为生产环境的进程管理工具,最近服务器崩了需要重启一些服务,发现有些命令记得不是特别清楚,所以这里写一篇文章帮助自己记忆整理一下pm2的常用命令,后续有需要查阅一下即可~常用命令进入bin目录启动:pm2 start www / pm2 start app.jspm2 start app.js --name="fx67ll" 启动并命名为fx67ll,没有命名的话后续可以用id替代namepm2 start app.js --watch 当原创 2022-04-28 11:55:07 · 3022 阅读 · 0 评论 -
工作中常用Less知识点实践总结
工作中常用Less知识点实践总结,帮助你更好的使用Less原创 2022-04-27 00:16:21 · 203 阅读 · 0 评论 -
基于Vue的二进制时钟组件 -- fx67llBinaryClock
fx67llClockEasy & Good Clock !npm组件说明一个基于Vue的二进制时钟组件,没什么卵用,做着好玩,可以方便您装饰个人主页使用步骤npm install fx67ll-clock --save在main.js中注册组件import fx67llClock from 'fx67ll-clock'Vue.use(fx67llClock)在vue页面中导入使用组件简介二进制时钟组件属性 isShowTime:是否显示十进制时间,默认值:t原创 2021-12-23 12:14:25 · 476 阅读 · 2 评论 -
详解Threejs中的光源对象
光源的分类AmbientLight(环境光),PointLight(点光源),SpotLight(聚光源) 和 DirectionalLight(平行光)是基础光源HemisphereLight(半球光源),AreaLight(区域光源),LensFlare(镜头光晕) 是有特殊用途的光源半球光源 HemisphereLight半球光直接放置于场景之上,光照颜色从天空光线颜色颜色渐变到地面光线颜色半球光不能投射阴影半球光可以创建出更加贴近自然的户外光照效果,就是为了模拟在户外场景中的反光效原创 2021-12-02 10:20:32 · 1118 阅读 · 0 评论 -
了解Threejs中的Clock对象以及简单应用
什么是Clock对象如果你对 JavaScript 有一定了解,那么 JavaScript 的时间对象 Date 你一定不陌生,Clock 本质上就是对 Date 进行封装,提供了一些方法和属性当你通过 Threejs 编写一些和时间相关程序时候,不用在对 Date 进行封装,直接调用 Clock 对象的方法和属性即可Clock对象的主要属性和方法属性.autoStart,Boolean,默认值是true,如果设置为true,则在第一次update 时开启时钟 Clock属性.startTime原创 2021-12-02 10:18:59 · 2744 阅读 · 0 评论 -
基于Vue简易封装的快速构建Echarts组件 -- fx67llQuickEcharts
fx67llQuickEchartsA tool to help you use Echarts quickly!npm组件说明这本来是一个测试如何发布Vue组件至npm库的测试项目做完之后发现很有意思,就稍微完善了一下成为一个简易快速构建Echarts图表的组件基本上消灭了我之前关于Echarts渲染DOM的一堆冗余代码功能不多后续有想法的话再考虑继续封装,github源码地址在底部,各位自行取用使用步骤安装 -> npm install fx67ll-quick-echar原创 2021-10-27 15:44:14 · 181 阅读 · 1 评论 -
详解如何用 CSS3 完成 3D transform变换
Tips:阅读提示!!!首先,本文针对的是3D transform变换的学习,所以你需要对 2D transform变换 有一定的了解其次,需要说明的是,代码是一种需要自己不断实践的学科,建议各位在开始学习本篇文档的时候,先创建一个html页面来边读边练,相信这样,一定会给你留下一个非常直观且深刻的印象!本文练习一些公共代码鉴于本文贴了不少代码来演示,所有这里提前放一个所有演示的公共代码片段 // 公共DOM元素,后续均为此写样式表 // 舞台容器 <div class="stag原创 2021-10-26 20:37:48 · 498 阅读 · 0 评论 -
Vue自定义组件实现v-model指令
在我们初次接触Vue的时候,一定会了解到一个语法糖,那就是v-model指令,它带给我们的第一印象就是它可以实现双向绑定那么,什么是双向绑定?通俗一点来说,就是当数据发生变化的时候,视图同时发生变化,这可以说是Vue的精髓之处了(不过关于双向绑定,后续可以出一篇更为详尽的博文来深入模拟一下Vue的实现,这里重点还是探讨实现自定义组件的v-model指令)所以,在我们深入使用Vue之后,编写一个自定义组件,如何手动实现一个v-model的指令呢,今天我们就来详细探讨一下v-model指令的原理是什么?原创 2021-10-25 13:45:02 · 1032 阅读 · 0 评论 -
微信支付前端开发指南
使用场景微信公众号内嵌H5网页调用微信支付在微信浏览器中的网页唤起微信支付界面详情可以查阅微信支付官方文档 链接地址功能思路后台整合微信官方的相关下单接口,编写预下单接口提供前台调用,并返回订单相关参数前台按照下方示例代码,传递相关订单参数后唤起微信支付界面后台整合微信官方订单状态查询接口,编写订单状态查询接口提供前台调用,并返回订单支付状态用户支付完后,通过微信返回的参数以及步骤3的订单状态接口来判断订单是否支付成功,完成后续业务逻辑操作前端代码1. 设置判断是否可以调用微信支原创 2021-10-21 10:49:08 · 669 阅读 · 0 评论 -
微信登录前端开发指南
使用场景微信公众号内嵌H5网页调用微信登录在微信浏览器中的网页唤起微信登录界面详情可以查阅微信登录官方文档 链接地址功能思路后台先在微信给开发者提供的测试账号平台上创建应用,并把前台开发同学的微信添加到这个平台中,用于提供测试公众号,平台地址前台拼装各种微信登录必须的参数,并将页面跳转到微信指定的连接获取微信登录code参数前台解析返回的链接,获取链接中的参数,并将code参数传给后台由于后续获取的参数安全等级较高,所以后续的操作均由后台完成,并将数据存储在服务端后台通过code参原创 2021-10-21 10:48:36 · 849 阅读 · 0 评论 -
快速入门上手JavaScript中的Promise
当我还是一个小白的时候,我翻了很多关于Promise介绍的文档,我一直没能理解所谓解决异步操作的痛点是什么意思直到我翻了谷歌第一页的所有中文文档我才有所顿悟,其实从他的英文字面意思理解最为简单粗暴这就是一个承诺,相当于在代码中提供一个在任何时候承诺之后要做什么事的方式,这个承诺可能会兑现也可能无法兑现,当然也可能在兑现的过程中用这个来替代我们曾经需要写的回调函数,可以避免JavaScript程序中的回调地狱所以先不去学习的语法,从另一个方式先理解,希望可以帮助你更好的学习或上手Promise什么是原创 2021-10-20 17:14:15 · 136 阅读 · 0 评论 -
浅谈Java和JavaScript中变量和数据类型的区别
对于一门编程语言的学习,如果第一步是安装环境,那么第二步一定是学习这门语言的基本规则,变量和数据类型则首当其冲JavaScipt作为一个蹭Java热度而命名的语言,在很多方面和Java也有一定的相似之处所以在我决定整理复习Java知识的时候,我希望通过一篇对比的文章,来顺便复习一下JavaScipt当然还有一个理由就是,纯写Java或者纯写JavaScipt的文章,很多人都做过了,再写着实没什么意思 ????设计区别Java是一种完全面向对象的编程语言,想要运用Java写东西就必须先设计对象;原创 2021-10-19 19:46:50 · 280 阅读 · 0 评论 -
nvm安装以及管理多版本node教程
安装nvm、node、npm下载nvm安装包,推荐使用1.1.7,我个人使用1.1.8会有中文乱码的报错点击exe文件,注意修改nvm的安装根目录以及node的安装根目录,后者是以后管理多版本node的源文件储存地址打开系统cmd,依次输入一下目录nvm -version 检查nvm是否安装成功nvm install (你需要安装的node版本号) 可以去官网查看 以往版本列表注意!!!上一步会直接同时安装相对应版本npmnvm use (你需要安装的node版本号) 一般还会弹出系统权限原创 2021-10-19 09:55:01 · 155 阅读 · 0 评论