Jerry Blog

Your world should be a lively experience, not a series of hearsays.

【算法题】数组去重排序以及最大差值

前端面试题/算法题

常见面试题之一!!! 数组去重 方法一 forEach var arr = ['1','2','3','4','3','2','6','7','a','b','a']; const unique = arr => { let obj = {}; arr.forEach(value=>{ obj[value] = 0; }) ret...

【算法题】统计一个字符串出现频率最高的字母

前端面试题/算法题

统计一个字符串出现频率最高的字母 常见面试题之一!!! 主要思想:利用键值对存储,定义一个对象,在遍历数组的时候,将数组元素作为对象的键,将出现的次数作为值,最后对比值的大小吐出相应的健。 var str = 'dfsfadfdsfsdfdsdsbgfdgdbkjbdlmbdl'; function countStr(string) { let arr = [...string], ...

CSS经典类九宫格布局开放式面试题

前端经典布局,携程测试题

请尽可能用最少的div实现下图的布局: 5个div 实现原理:5个div全部position定位实现。 .red,.green,.blue,.yellow,.black { position:absolute; } .red { top:0; left:0; width:100px; height:200px; background-col...

CSS实现水平垂直居中的10种方式

前端面试必考题

这是一道面试必考题! 这是一道面试必考题! 这是一道面试必考题! 最要的事情说三遍! 其实网上已经有了很多的该题教程,在这里只是想做个汇总,并且会将所有demo放在github上供大家直接使用,欢迎star 固定宽高的三种: absolute + 负margin absolute + margin auto absolute + calc 自适应的七种: a...

从零快速搭建Next框架教程

React Server-Side Rendering

写在前面 Next.js是提供基于React的SSR框架。解决SPA的一些缺点。下文会对SPA应用进行一些简单的介绍,并且会通过拆分本Demo的实现,让大家学会如何从零搭建Next框架。 SPA的本质以及优缺点 现今前端开发技术,spa(single page application)单页应用的普及度越来越高,react以及vue这类的前端UI框架为spa提供的很好的实现。单页应用的本质其...

【笔记】Git常用命令汇总

版本管理必备工具Git的笔记

初始化及克隆 始化本地仓库:git init clone 远程工程:git clone https://XXXX/project.git fetch 远程分支到本地某分支:git fetch origin : 分支操作 查看本地所有分支:git branch 查看远程所有分支:git branch -r 查看本地和远程所有分支:git branch -a ...

前端响应式布局解决方案

移动端页面布局的问题,在当今前端是比较常见的话题,因为不同终端设备的分辨率,dpr等不同,导致前端无法用单一的px值来将页面的元素固定,需要通过技术手段在不同的环境下进行适配,来保证页面最佳的可读性,这里将会总结一些常见的方案。 百分比布局 这是最早的布局解决方案,解决成本低,高效。 将页面元素的宽度以百分比来进行设置,高度不变。 缺点也显而易见,在例如ipad横屏下,页面被拉伸很多,...

【研究与总结】关于前端请求的那些事

xhr/ajax/fetch/axios

引言 前端是一个快速发展的领域,而在前端的技术栈当中,前端请求又是最见的一个领域,通过请求接口数据,才能将一个静态的页面动态化。本文将以前端发展的时间轴来逐一分析前端请求的技术演变及其优劣,针对这一课题,作者查阅了相关资料加以自己的理解,如有错误,烦请指出。 XMLHttpRequest XMLHttpRequest是最早出现的与服务器交换数据的方案,有了XMLHttpRequest,开发...