前端基础-腾讯云开发者社区

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

前端基础

专注基础，前端菜鸟一枚

专栏成员

42

文章

78141

阅读量

15

订阅数

moment.js 获取某个日期当天的0点的时间缀和24点的时间缀

moment().startOf(‘day’).format(‘YYYY-MM-DD HH:mm:ss’) // 当天0点的时间格式

我乃小神神

2022-10-31

3.7K0

leetcode 打卡，1. 两数之和

单纯记录一下自己要刷题的日子 2022年5月10号目前凌晨12:14 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 输入：nums = [2,7,1,15], target = 9 输出：[0,1] </body> <script> let nums = [2, 7, 0, 3, 4] let target = 9 // 1:使用map 解

我乃小神神

2022-05-11

2120

ant design中upload组件上传图片压缩

上传图片压缩

不想描述多余的，直接看代码简单直接 const [defaultFileList, setDefaultFileList] = useState([]); <Upload accept="image/*" customRequest={uploadImage} onChange={handleOnChange} listType="picture-card"

我乃小神神

2021-12-07

1.5K0

next 引入路径修改为@

当前项目结构预览正常效果想要达成的效果新建 jsconfig.json 写入如下代码 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "./*" ], } } } 再新建 next.config.js 写入如下代码 const path = require("path"); module.exports =

我乃小神神

2021-12-07

1.5K0

Node 自动发送邮件

Node 发送邮件简介版本发送者的邮箱厂商，支持列表：https://nodemailer.com/smtp/well-known/ 以QQ 为例子，打开邮箱，找到顶部的设置模块，然后找到下面的账户找到账户下的 POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务然后你就发一个短信，然后点击我已发送，就会进入这个页面一定要记得这个东西然后上代码 const nodemailer = require('nodemailer');

我乃小神神

2021-12-07

6390

base64图片压缩并转换二进制流

base64 二进制压缩

base64 压缩 function dealImage(base64, w, callback) { var newImage = new Image(); var quality = 0.6; newImage.src = base64.url; newImage.setAttribute('crossOrigin', 'Anonymous'); var imgWidth, imgHeight; newImage.onload = function() { imgWid

我乃小神神

2021-12-07

1.9K0

获取当前base64的大小

const getImgSize = str => { var strLength = str.url.length; var fileLength = parseInt(strLength - (strLength / 8) * 2); var size = ''; size = (fileLength / 1024).toFixed(2); return parseInt(size); }; 使用 let imgUrl = getImgSize(files[file

我乃小神神

2021-12-07

1.3K0

只出现一次的数字（异或版本）

本来是准备用map 写的，但是一看，我c，竟然有这种操作，太骚了，记录一下，异或操作，对于一个数字，找到唯一不重复的值，简直就是神器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> 给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。说明：你的算法应该具有线性时间复杂度。你可以

我乃小神神

2021-12-07

1920

移动端H5页面中1px边框的解决办法

border ui web开发前端移动端

在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问题。简书中描述很好的文章，细节可以点击进去看，如果直接想看代码实现，请看下面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=

我乃小神神

2021-12-07

7330

删除URL中指定参数

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> /** * 删除当前url中指定参数 * @param names 数组或字符串 * @returns {string} */ function delQueStr(url, ref) //删除参数值 {

我乃小神神

2020-12-16

1.6K0

力扣刷题---两数之和

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>力扣刷题---两数之和</title> </head> <body> </body> <script> let nums = [2, 8, 11, 1] let target = 9 /* * 两数之和:第一种解法 * 双重for 循环相加得到值 */ let twoSum = function(nums, target) { f

我乃小神神

2020-12-01

2540

2020-09-16 数组排序

function BubbleSort(element){ for(var i = 0;i<element.length;i++) { for(var j = 0;j<element.length-1;j++){ if(element[j]>element[j+1]){ //把大的数字放到后面 var swap = element[j]; element[j] = element[j+1]; element[j+1]

我乃小神神

2020-12-01

2330

力扣刷题-02-简-整数翻转

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>力扣刷题-02-简-整数翻转</title> </head> <body> <p> 给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转 </p> <p> 输入: 123 输出: 321 <br /> 输入: -123 输出: -321 <br /> 输入: 120 输出: 21 </p

我乃小神神

2020-12-01

3980

Promise.all 踩坑记录

渲染 filter 后端性能

分享一个近期自己遇到的一个小问题。感觉自己真的是脑壳打铁，当时竟然卡壳了，特地记录一下需求是这样的，一个数组列表里面需要一些特地的数据，这个数据可能有很多，然后拿到特定数据的id，去请求了当前特定id 的详情，然后拿到里面的数据，再渲染回来到页面上思路大概就是拿到特定的数据，然后拿到id 去循环请求接口，嗯，由于是紧急需求，所以当前并不考虑性能的问题，然后后面这个模式其实已经修改了，因为如果数据很多的话，可能会涉及到性能问题，所以，当时就后来后端进行处理了数据 let dataA=[ { id:1, n

我乃小神神

2020-09-17

6300

手动实现一个防抖（deboumce）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>防抖</title> </head> /* * 需要利用定时器， * 当我们执行这个函数时，会生成一个定时器， * 但是如果你重复执行这个函数，每次执行函数的第一步是清除上一次的定时器， * 这样就可以达成只有触发操作后超过指定的间隔说明这一次触发才有效，否则就要重新计时等待 */ <body> <input value="" id="input"

我乃小神神

2020-05-18

1880

手动实现函数节流（throttle）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> /* * 函数节流 * 简单地讲，就是让一个函数无法在很短的时间间隔内连续调用，只有当上一次函数执行后过了你规定的时间间隔，、 * */ <body> <script> function throttle(fn,incomingTime){ let time='' return function()

我乃小神神

2020-05-18

3220

Web Notification桌面推送消息

以上的问题其实都很好解决，MDN 上有很多配置可以去看一下，配置啥，图标呀，图片呀，标题呀，是否强制用户交互呀，等等的操作都在MDN 有介绍，接下来的我觉得才可以看看

我乃小神神

2020-04-30

1.7K0

3d 旋转（摘抄）

实现代码 <cube> <side></side> <side></side> <side></side> <side></side> <side></side> <side></side> </cube> css 代码 cube { --s: 243px; --hs: calc(var(--s) / 2); display: block; width: var(--s); height: var(--s); transform-style: preserve

我乃小神神

2020-04-24

9100

web 桌面消息推送消息

var n = new Notification(‘状态更新提醒’,{ body: ‘你的朋友圈有3条新状态，快去查看吧’, data: { url: ‘http://www.baidu.com’ } }) n.onclick = function(){ window.open(n.data.url, ‘_blank’); // 打开网址 n.close(); // 并且关闭通知 }

我乃小神神

2020-04-16

2.8K0

js 根据url 转换图片（base64）

function getBase64(url, callback) { var Img = new Image(), dataURL = ''; Img.src = url + '?v

我乃小神神

2020-04-16

15.6K2

点击加载更多

活动推荐

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态