金三银四,你的面试利器:一站式资源导航

2 月 26 日
阅读 1 分钟
2.8k
你是不是也遇到过以下下问题换工作就发愁?想跳槽了,简历不会写?面试题不会咋办?收集了很多面试题网站,鼓起很大的勇气想看一会题,然后一打开发现网站挂掉了?或者打开后发现里面的题库是三四年前的老掉牙的问题,现在面试官都不问,新题哪里去找呢?来这里 interview-nav,找到最新最全的面试刷题网站!金三银四即...

使用PM2部署Next服务

2023-12-15
阅读 2 分钟
793
部署的的时候发现,对比 Vercel,服务器的部署方式有点麻烦,需要安装 Node、然后还要安装 PM2 管理进程,于是就打算写一篇文章记录一下。

北漂五年程序员|颈椎病腰突康复指南

2023-10-24
阅读 4 分钟
585
今年六月份开始腰疼至今才有所好转,这段时间经历不少,去医院看医生,到做康复治疗,行动不便,腿麻、手麻、无法弯腰、低头,甚至无法久坐。经历了四个月的康复治疗、锻炼,目前逐渐好转,所以把这段经历记录下来,希望可以引起朋友们对腰椎健康的注意。以前总是开玩笑的的说程序员的路线是这样的: {代码...} 没想到居...

如何将Next.js部署到Github Pages

2023-10-20
阅读 4 分钟
1.4k
先了解下常用的三种部署方式的简单介绍以及它们的优缺点:Vercel 部署:优点:极其简单:Vercel 提供了与 Next.js 集成良好的部署平台,使得部署变得非常容易。自动化:Vercel 提供自动部署、CI/CD 和部署预览等功能,大大简化了部署流程。高性能:Vercel 的服务器分布在全球多个地点,确保站点的高性能和快速加载速度。缺...

使用Next 13、Vercel、Prisma开发的全栈 TodoList

2023-10-13
阅读 10 分钟
911
Next.js是一个使用React作为前端框架底层的支持SSR(请求时渲染)、SSG(构建时渲染)等技术的全栈框架,可用于构建各种各样的 Web 应用程序,从小型个人项目到大型企业应用程序。

学会这些 Web API 使你的开发效率翻倍

2023-04-10
阅读 16 分钟
2.7k
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍,并且 API 可以在线运行预览。Clipboard API(剪切板)Fullscreen API(进入/退出全屏)Online State API(网络状态)Page Visibility API...
封面图

【译】如何提高我的 TypeScript 技能

2023-03-17
阅读 2 分钟
901
在这篇文章中,我将向您展示我如何在 TypeScript 中提高自己的技能。我会向您介绍 5 个令人满意的操作符,这将帮助您更好地理解 TypeScript 和如何使用它。以下是我将要介绍的操作符:

Win10 安装Docker以及Jenkins(超级详细篇)

2023-03-14
阅读 4 分钟
2k
安装Docker下载地址:[链接] ,按照它的指引教程,无脑下一步即可。安装成功后电脑会重启。打开docker桌面端,会显示进入链接,下载WSL 安装包进行无脑安装即可。安装 Linux 内核更新包 (重启电脑)重启 Docker Desktop 成功进入此时可以打开命令行工具通过查看版本号的方式查看docker的相关信息 {代码...} 后续就可以...

程序员英语学习指南

2023-02-14
阅读 1 分钟
1.6k
动机为什么程序员要学习英语?工作:我们每天接触的代码都是英文的、包括很多技术文档也是英文的学习:最新最前沿的技术最开始都是只有English版本就业:学好英语让你的就业范围扩大到全球,而不只限于国内目标读:流畅的阅读英文文档、英文论坛。写:可以简单的写一些英文的Issue、Readme等。借助 APP多邻国多邻国是一...

前端图片压缩方案

2023-02-02
阅读 4 分钟
1.7k
先通过 js 中 img 构造函数,实例化 img 对象,后将图片的路径给转移到中,再建立一个 canvas 画布,后对画布进行各方面的数值的设置。

浏览器截图方案分析

2023-02-01
阅读 5 分钟
1.6k
浏览器截图方案分析页面截屏是前端经常遇到的需求,比如页面生成海报,弹窗图片分享等。以下是我整理三种截图方案:html2canvasdom-to-imagewebRTChtml2canvashtml2canvas 用的比较广泛的前端截图方案,先将 DOM 一个个 转为 Canvas 然后导出图片(使用 canvas 自带的 toDataUrl、toBobl)即可。使用起来应该是兼容性比...

编写属于自己的音乐播放器

2023-02-01
阅读 4 分钟
1.8k
因为以上两个问题,这就导致我们需要对原生的audio进行修改时比较困难。而对于大多数音频的需求,我们可以使用满足我们要求的第三方组件库中选择,如:

【译】20个实用的JavaScript技巧

2022-08-30
阅读 5 分钟
1.8k
JavaScript不断发展壮大,因为它是最容易上手的语言之一,因此为市场上的新“成为技术怪才”打开了大门。(真假的啊?)的确,JavaScript可以做很多出色的事情!还有很多东西要学习。而且,无论您是JavaScript的新手还是更多的专业开发人员,学习新知识总是一件好事。我将介绍一些非常有用的单行代码(20 +奖金),这些单...

stackoverflow 2021年开发者调查

2021-08-27
阅读 1 分钟
3.4k
StackOverflow 网站每年会进行一次开发者调查,了解全世界程序员的动态和状况,这是今年的调查结果。其中的"技术"部分,可以了解当前的流行技术。

nextTick 原理解析

2021-07-16
阅读 4 分钟
4.4k
$nextTick:根据官方文档的解释,它可以在 DOM 更新完毕之后执行一个回调函数,并返回一个 Promise(如果支持的话)

一次搞懂-JavaScript之异步编程

2021-05-31
阅读 4 分钟
2.7k
前言异步,就是非同步....这节内容可能会有点枯燥,但是却是 JavaScript 中非常重要的概念,非常有必要去学习。目的提升开发效率,编写易维护的代码引子问题请求时候为什么页面卡死?? {代码...} 为什么数据更新了,DOM 却没有更新?? {代码...} 产生异步的原因原因:单线程(一个时间点,只做一件事),浏览器的 JS ...
封面图

一次搞懂-JavaScript模块化详解

2021-05-17
阅读 6 分钟
3.2k
模块化的意义将代码拆分成独立的块,然后再把这些块使用模块模式连接起来实现不同的功能。就像小时候玩的拼图一样,不同的拼图组合在一起就可以拼成任意的形状。这种模式的背后思想也很简单:把逻辑分块、各自封装,相互独立,同时自行决定引入执行那些外部模块以及暴露自身的那些模块。这个基本的思想是所有的 JavaScri...
封面图

MongoDB中常用语句

2021-05-15
阅读 4 分钟
3.1k
MOngoDB 删除语句delete()删除删除一个集合db.collection.deleteOne()删除多个集合db.collection.deletMany();remove()删除删除所有的name:李四的数据db.student.remove({name:"李四"});只删除一条sex:男的数据 仅删除一条db.student.remove({sex:"男"},true);删除全部db.student.remove({});数据库假删除有时候用户删...

使用Node.js写一个简单的api接口

2021-05-14
阅读 4 分钟
3.4k
用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序,它对于所有请求,都返回Hello world!,新建一个文件夹apiDemo 在里面新建一个server.js写入:

面向后端的前端技术分享

2021-05-12
阅读 4 分钟
3.1k
面向后端的前端技术分享分享时长:45 分钟 + 15分钟提问分享两个在JS中非常重要、但又经常遇到的两个点。目的分享日常开发工作中常遇到的问题提升工作效率,编写易维护的代码了解前端技术的趋势ThisJS 关键字:指向当前环境的上下文1. 事件中的 this在 DOM 事件中,this指向当前的 DOM 元素对象。在 HTML 事件(仅为 addE...
封面图

一次搞懂-JS事件循环之宏任务和微任务

2021-05-09
阅读 4 分钟
8.1k
众所周知,JS 是一门单线程语言,可是浏览器又能很好的处理异步请求,那么到底是为什么呢?JS 的执行环境一般是浏览器和 Node.js,两者稍有不同,这里只讨论浏览器环境下的情况。JS 执行过程中会产生两种任务,分别是:同步任务和异步任务。同步任务:比如声明语句、for、赋值等,读取后依据从上到下从左到右,立即执行...
封面图

微信小程序用户授权之最佳实践

2021-05-07
阅读 5 分钟
6.4k
开发微信小程序中,经常会用到获取一些用户权限的页面,比如你要登录,就要获取个人信息、你要做人脸识别,就要获取相机权限、你要做位置地图功能、就要获取用户的位置权限,你要将图片保存在用户的相册,需要获取相册权限等等
封面图

事件的防抖和节流

2021-04-13
阅读 3 分钟
4.9k
防抖和节流函数是我们经常用到的函数,在实际的开发过程中,如 scroll、resize、click、键盘等事件很容易被多次触发,频繁的触发回调会导致页面卡顿和抖动,为了避免这种情况,需要使用节流和防抖的方法来减少无用的操作和网络请求,也是面试中经常遇到的问题,需要牢牢掌握。

首屏优化之懒加载

2021-04-13
阅读 5 分钟
4k
懒加载(Lazy-Load)。它是针对图片加载时机的优化:在一些图片量比较大的网站(比如电商网站首页,或者团购网站、小游戏首页等),如果我们尝试在用户打开页面的时候,就把所有的图片资源加载完毕,那么很可能会造成白屏、卡顿等现象,因为图片真的太多了,一口气处理这么多任务,浏览器做不到啊!

使用Documentfragment优化DOM操作

2021-04-13
阅读 2 分钟
3.9k
DocumentFragment,文档片段接口,一个没有父对象的最小文档对象。它被作为一个轻量版的 Document 使用,就像标准的 document 一样,存储由节点(nodes)组成的文档结构。与 document 相比,最大的区别是 DocumentFragment 不是真实 DOM 树的一部分,它的变化不会触发 DOM 树的重新渲染,且不会导致性能等问题。———— MDN

深入理解浏览器缓存机制

2021-04-13
阅读 2 分钟
2k
浏览器缓存机制前端缓存分为网络(HTTP)缓存和浏览器本地储存。HTTP 缓存机制请移步:网络协议-HTTP-缓存缓存机制浏览器本地储存我们先来通过表格学习下这几种存储方式的区别特性CookielocalStoragesessionStorageindexedDB数据声明周期一般由服务器生成,可以设置过期时间除非被清理,否在一直存在页面关闭就清理除非被...

使用JavaScript学习设计模式

2021-04-12
阅读 19 分钟
4.7k
之后紧接着买了这本JavaScript 设计模式核⼼原理与应⽤实践,刚好最近有小册免费学的活动,就赶紧把这篇笔记整理出来了,并且补充了小册子中的没有写到的其余设计模式,学习过程中结合 JavaScript 编写的例子,以便于理解和加深印象。
封面图