随笔分类 - 前端开发文档
主要记录一些通用前端开发相关的文档
-
记录工作中常用的 JS 数组相关操作
摘要:工作中难免会遇到各种各样的数据结构,较为全面的了解数组操作,对于复杂数据结构的处理会非常有用且节省时间。所以想在这里总结一下工作中常用的数组操作,都是一些非常基础的知识,大家看个乐就好~ 阅读全文
-
详解 JS 中的事件循环、宏/微任务、Primise对象、定时器函数,以及其在工作中的应用和注意事项
摘要:为什么会突然想到写这么一个大杂烩的博文呢,必须要从笔者几年前的一次面试说起。当时的我年轻气盛,在简历上放了自己的博客地址,而面试官应该是翻了我的博客,好几道面试题都是围绕着我的博文来提问。其中一个问题,直接使得空气静止了五分钟,也是自从那次面试,我告诉自己,工作实战中总结的经验,一定要知其然知其所以然,才可以真正用好这些核心知识点,不积跬步,无以至千里 阅读全文
-
前端性能优化的利器 ——— 浅谈JavaScript中的防抖和节流
摘要:防抖函数和节流函数是工作中两种常用的前端性能优化函数,今天我就来总结一下什么是防抖和节流,并详细说明一下如何在工作中应用防抖函数和节流函数 阅读全文
-
解决 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`站点的一个目录下,经过Nginx这一层将后端`Http`请求包装成`Https`请求..... 阅读全文
-
js数组操作——对象数组根据某个相同的字段分组
摘要:先说点废话 最近在实际业务中,需要编写一个方法根据数组中每一个对象的一个相同字段,来将该字段值相等的对象重新编入一个数组,返回一个嵌套的数组对象,特地来做个总结。 当然需要注意的是,在开发过程这种数组的处理函数,应当被编写到项目的公共工具函数库中全局调用 目标对象数组 let dataArr = [ 阅读全文
-
解决使用`npm install`或`npm i`命令之后报`Unexpected token in JSON at position`错误的问题
摘要:网上大多数的教程都是以下几个步骤挨个试一遍,包括 stackoverflow 上也是这么说的 删除node_modules文件夹 删除package-lock.json文件 强制清除npm缓存 npm cache verify,如果还不行就使用强力清除 npm cache clean --force 阅读全文
-
使用nvm安装以及管理多版本node教程
摘要:安装nvm、node、npm 下载nvm安装包,推荐使用1.1.7,我个人使用1.1.8会有中文乱码的报错 点击exe文件,注意修改nvm的安装根目录以及node的安装根目录,后者是以后管理多版本node的源文件储存地址 打开系统cmd,依次输入一下目录 nvm -version 检查nvm是否安装 阅读全文
-
Dva.js 快速上手指南
摘要:先说些废话 最近在开发React技术栈的项目产品,对于数据状态的管理使用了Dva.js,作为一个资深的ow玩家,我看到这个名字第一反应就是————这不是ow里的一个女英雄吗?仔细阅读了官方文档之后,发现开发者还真是因为这个角色获得灵感,来命名这个数据状态管理插件,果然开发大佬都是工作和休闲两不误~ 阅读全文
-
2022前端面试总结
摘要:fx67ll 的 2022面试总结 阅读全文
-
pm2 常用命令
摘要:写一篇文章帮助自己记忆整理一下pm2的常用命令 阅读全文
-
工作中常用Less知识点实践总结
摘要:工作中常用Less知识点实践总结,帮助你更好的使用Less 阅读全文
-
基于Vue的二进制时钟组件 -- fx67llBinaryClock
摘要:fx67llClock Easy & Good Clock ! npm 组件说明 一个基于Vue的二进制时钟组件,没什么卵用,做着好玩,可以方便您装饰个人主页 使用步骤 npm install fx67ll-clock --save 在main.js中注册组件 import fx67llClock 阅读全文
-
详解Threejs中的光源对象
摘要:光源的分类 AmbientLight(环境光),PointLight(点光源),SpotLight(聚光源) 和 DirectionalLight(平行光)是基础光源 HemisphereLight(半球光源),AreaLight(区域光源),LensFlare(镜头光晕) 是有特殊用途的光源 半球 阅读全文
-
了解Threejs中的Clock对象以及简单应用
摘要:什么是Clock对象 如果你对 JavaScript 有一定了解,那么 JavaScript 的时间对象 Date 你一定不陌生,Clock 本质上就是对 Date 进行封装,提供了一些方法和属性 当你通过 Threejs 编写一些和时间相关程序时候,不用在对 Date 进行封装,直接调用 Cloc 阅读全文
-
基于Vue简易封装的快速构建Echarts组件 -- fx67llQuickEcharts
摘要:fx67llQuickEcharts A tool to help you use Echarts quickly! npm 组件说明 这本来是一个测试如何发布Vue组件至npm库的测试项目 做完之后发现很有意思,就稍微完善了一下成为一个简易快速构建Echarts图表的组件 基本上消灭了我之前关于E 阅读全文
-
详解如何用 CSS3 完成 3D transform变换
摘要:Tips:阅读提示!!! 首先,本文针对的是3D transform变换的学习,所以你需要对 2D transform变换 有一定的了解 其次,需要说明的是,代码是一种需要自己不断实践的学科,建议各位在开始学习本篇文档的时候,先创建一个html页面来边读边练, 相信这样,一定会给你留下一个非常直观且 阅读全文
-
Vue自定义组件实现v-model指令
摘要:Tips: 本文所描述的Vue均默认是Vue2版本 在我们初次接触Vue的时候,一定会了解到一个语法糖,那就是v-model指令,它带给我们的第一印象就是它可以实现双向绑定 那么,什么是双向绑定?通俗一点来说,就是当数据发生变化的时候,视图同时发生变化,这可以说是Vue的精髓之处了 (不过关于双向绑 阅读全文
-
微信登录前端开发指南
摘要:使用场景 微信公众号内嵌H5网页调用微信登录 在微信浏览器中的网页唤起微信登录界面 详情可以查阅微信登录官方文档 链接地址 功能思路 后台先在微信给开发者提供的测试账号平台上创建应用,并把前台开发同学的微信添加到这个平台中,用于提供测试公众号,平台地址 前台拼装各种微信登录必须的参数,并将页面跳转到 阅读全文
-
微信支付前端开发指南
摘要:使用场景 微信公众号内嵌H5网页调用微信支付 在微信浏览器中的网页唤起微信支付界面 详情可以查阅微信支付官方文档 链接地址 功能思路 后台整合微信官方的相关下单接口,编写预下单接口提供前台调用,并返回订单相关参数 前台按照下方示例代码,传递相关订单参数后唤起微信支付界面 后台整合微信官方订单状态查询 阅读全文
-
快速入门上手JavaScript中的Promise
摘要:当我还是一个小白的时候,我翻了很多关于Promise介绍的文档,我一直没能理解所谓解决异步操作的痛点是什么意思 直到我翻了谷歌第一页的所有中文文档我才有所顿悟,其实从他的英文字面意思理解最为简单粗暴 这就是一个承诺,相当于在代码中提供一个在任何时候承诺之后要做什么事的方式,这个承诺可能会兑现也可能无 阅读全文