随笔分类 -  JavaScript

每天一道面试题
摘要：前言 为了巩固自己的知识和提升技术栈的广度以及深度，每天都会学习一道面试题(本文会持续更新) 如何获取数组中最大的数 (2020/11/27) 1.排序法 const arr = [1, 2, 3, 4, 5, 6]; arr.sort((a, b) => { return b - a; }); c 阅读全文
posted @ 2020-12-29 15:21 请给我一杯冰可乐 阅读(350) 评论(0) 推荐(0)
使用本地json-server服务，创建简单的本地api数据
摘要：前言 近期在学习 Vue 框架，在学习过程中，发现了一个和 mockjs 类似的第三方库: json-server。它不仅可以模拟出完美的接口数据，还可以修改请求的类型来修改本地的数据，是一个非常不错的库，所以分享记录一下使用心得。 快速上手 一.新建存储数据的文件 在电脑上创建一个专属于 json 阅读全文
posted @ 2020-10-13 14:34 请给我一杯冰可乐 阅读(785) 评论(0) 推荐(0)
从入门到入土JS知识（一）：关系操作符和相等操作符
摘要：摘要 在浏览技术网时，无意中发现一个同行问的问题，问题如下：‘ == 或 > 输出false，为什么 >= 输出true ？ ’。很有趣的问题，对啊为什么会这样呢，百思不得其解。为了理清这问题中的解题关键，我翻阅了JS红宝书以及温习了MDN网站中对关系运算符和相等运算符的知识点，终于是解开了问题的迷 阅读全文
posted @ 2020-09-08 11:56 请给我一杯冰可乐 阅读(429) 评论(0) 推荐(0)
JavaScript异常报错处理：Uncaught TypeError: xxx is not a function
摘要：摘要 页面报错bug是常有的事，我们可以根据错误bug提示关键性的去修复问题。依稀的记得之前有个小伙伴询问了一个js异常的错误bug：Uncaught TypeError: xxx is not a function。这个错误问题定位处理起来很快，但是我却不知其所以然。为了弄清楚报错的深层面原因，去 阅读全文
posted @ 2020-06-30 17:03 请给我一杯冰可乐 阅读(8046) 评论(0) 推荐(0)
Rematch的深入学习与实战应用（一），简易数字计数器
摘要：摘要 近期在优化团队代码，发现Redux重复使用的代码过多。 经过调研发现了Rematch库：Redux是一个出色的状态管理工具，并且有着健全的中间件生态以及出色的开发工具；Rematch是没有boilerplate的Redux最佳实践。移除了声明action类型、action创建函数、thunks 阅读全文
posted @ 2020-06-30 15:35 请给我一杯冰可乐 阅读(1503) 评论(0) 推荐(0)
高效的Coding，前端开发人员值得一看的前端开发工具
摘要：摘要 看着我稚嫩的代码，今天我应该也可以过个快乐的儿童节吧，哈哈哈哈哈。既然是儿童节，那我就要给小伙伴们发发礼物，什么礼物呢？那就是小编在使用的前端开发工具，保证你会有个难忘的儿童节。好，下面就由我带大家一一的看看礼物吧。 工欲善其事必先利其器 对于一个前端开发人员来说，拥有一款适合自己的“武器”是 阅读全文
posted @ 2020-06-01 21:25 请给我一杯冰可乐 阅读(663) 评论(0) 推荐(1)
javaScript保留三位有效数字
摘要：摘要 在之前的文章中有讲过保留两位小数的实现，最近在开发活动页面时，依旧是展示参赛作品的点赞数。当点赞数过万时，显示三位有效数字来展示点赞数，例如：1.56万、23.1万等。经过探索，找到了toPrecision() 方法，在MDN中是这样概述该方法的：toPrecision() 方法以指定的精度返 阅读全文
posted @ 2020-05-28 15:52 请给我一杯冰可乐 阅读(4303) 评论(0) 推荐(0)
Ref实现导航滚动定位
摘要：摘要 在开发项目中时常有点击跳转滚动到锚点的需求，最简单的锚点定位就是给一个a标签，a标签的href = ‘#锚点’，然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式，在React中使用useRef来实现跳转锚点的功能。 功能具体步骤 1、创建空的Ref import Rea 阅读全文
posted @ 2020-05-22 15:18 请给我一杯冰可乐 阅读(871) 评论(0) 推荐(0)
JavaScript 保留两位小数
摘要：摘要 在开发中展示点赞数时，当数量级超过10000后，需要使用更加简洁的小数式去显现数量（例如1.22万）。下面就给大家分享数量小数式后保留两位小数的实现方式。 四舍五入 使用toFixed()方法处理小数的四舍五入，运行示例如下： // 四舍五入 var num =2.2354234234; nu 阅读全文
posted @ 2020-04-29 15:24 请给我一杯冰可乐 阅读(718) 评论(0) 推荐(0)
Javascript判断客户端是Android还是IOS，判断浏览器类型
摘要：摘要 当在判断当前客户端是什么类型时，我们就可以根据客户端自带的UA标识，搭配正则判断机制来判断当前的客户端是什么设备。今天就分享下如何通过Javascript来获取客户端的UA标识，并判断客户端类型。 内容 一、判断手机端是什么类型设备： const u = navigator.userAgent 阅读全文
posted @ 2020-04-22 17:23 请给我一杯冰可乐 阅读(844) 评论(0) 推荐(0)
解决React路由URL中hash(#)部分的显示 、browserHistory打包后浏览器刷新页面出现404的问题
摘要：摘要 在React项目中，我们需要采用它的路由库React-Router来进行页面跳转，React会根据路由URL来判断是哪个页面。常见的的URL有两种显示方式，一种是hashHistory的形式，形如：localhost:3000/#/free-lesson的路由，另一种是browserHisto 阅读全文
posted @ 2020-02-25 15:51 请给我一杯冰可乐 阅读(1590) 评论(0) 推荐(0)
前端开发：mock.js的简单应用（生成随机数据，拦截 Ajax 请求）
摘要：摘要 在前端开发过程中，后端接口还没有完全开发完成时，前端开发人员就需要学会自己模拟后端接口数据，更快更好的完成开发任务。模拟后端接口数据的js库有很多，今天就简单就简单的分享下mock.js在前端开发的应用（嘿嘿，毕竟这个mock应用的开发人员较多）。 内容 1.Mock的安装 根据官方文档安装m 阅读全文
posted @ 2020-02-20 11:53 请给我一杯冰可乐 阅读(751) 评论(0) 推荐(0)
自定义化antd的Modal组件并适配PC端部分分辨率
摘要：摘要 近期在做页面的优化，需要对antd的Modal组件模块进行精细的调优，简单地说就是给Modal二次美妆，提升用户的体验感。在此分享一下自己在实际逻辑代码中对美化Modal的理解，并用简单生动的demo来展示学习成果。 运行项目 安装所需要的node环境以及安装antd库 技术依赖 demo中简 阅读全文
posted @ 2020-01-15 16:05 请给我一杯冰可乐 阅读(4241) 评论(0) 推荐(0)
react import 配置路径别名'@'，简化import Component的方式
摘要：摘要 在react中，大多数业务逻辑都组件化；极大的减轻了代码的冗余度，如果组件的层次比较深的话，组件的import就比较费劲，在import时使用“../../components/test”的方式，组件的import就会稍显混乱、组件代码不容易维护。为了可高效的、快速的维护组件代码，废弃“../ 阅读全文
posted @ 2019-12-02 20:21 请给我一杯冰可乐 阅读(10781) 评论(7) 推荐(1)
React+Antd+Antd-Img-Crop实现上传固定大小的裁剪头像或者图片（且可控制图片数量）
摘要：见章知著 1024，程序员们节日快乐！本文主要讲述react配合antd以及antd-img-crop第三方库实现一个可控的图片上传功能。 运行项目 需要具有node环境 第三方库安装 1.antd（Upload）安装和初始化 1.1.在代码编辑器(vsCode或者其他编辑器)代开终端，输入命令行安 阅读全文
posted @ 2019-10-26 21:00 请给我一杯冰可乐 阅读(8408) 评论(2) 推荐(0)