移动端web页面开发的一些问题
前端涉及到的领域不单单只是PC浏览器了,现在是移动为王的时代,所以大部分的时候还是在做移动端的页面适配。所以这里记录一下在移动端开发的时候遇到的一些问题。 1、移动端隐藏手机浏览器的地址栏以及底部的菜单栏在设置移动端页面的宽高为100%的时候,里面的元素设置flex:1的时候,因为浏览器的地址栏以及 ...
阅读更多
关于使用react16以上在华为手机上面显示出现问题的解决方法
项目的网站开发了一段时间了,最近也忙着华为应用市场的上架。所以关于华为的事情也是需要着手考虑一下。 问题一:使用16.8的react以及reactDOM华为自带浏览器白屏在使用react开发的项目中,所有的浏览器(自己用的,公司没有测试)都能够跑起来。但是在使用华为手机自带的浏览器的时候,却出现了一 ...
阅读更多
react项目预渲染开发
react越来越火了,是开react开发的人员而是越来越多。但是因为单页应用SEO的问题,我们也不得不去解决这个问题。不管是哪里,都提供了两种方案,一种是SSR服务端渲染,另一种则是预渲染方式。本篇文章主要是阐述预渲染的方案。 什么是预渲染在一般的react项目中(比如使用create-react- ...
阅读更多
前端基础算法
对于前端初学者而言,这样的一个功能你做出来了那就很好,慢慢的,我们的工作年限越来越长,如果我们还继续那样做,这样,迟早会淘汰。这个时候,就需要对你的项目进行优化。之前讲到过对于react项目的优化。这更多是针对于单页应用的优化,避免首页时间加载过长,打包文件加载过大,是针对于打包后文件来说的。这篇文 ...
阅读更多
通过自己实现函数 call,apply,bind 来了解他们的原理
我们知道函数中的call,apply,bind都是可以修改函数的this指向。关于函数的this指向问题可以转到Javascript this 指向问题这篇文章。 在Javascript this 指向问题一篇中我们知道函数运行时候this是取决于调用这个函数的对象。如果一个函数定义在了全局,那么这 ...
阅读更多
深入解析CSS样式优先级
作为前端多多少少都会对CSS样式的权重有一定的了解。最常用的方法就是对不同的选择器分配不同的权重比,常见的就是 选择器 权重值 !important标识 10000 行内样式 1000 id选择器 100 类选择器 10 标签选择器 1 通配符 * 0 具体的 ...
阅读更多
使用socket实现即时通讯聊天室
websocket早在几年前就已经很流行了,主要就是用于即时通讯这一方面应用,可以是聊天,也可使是直播流传输等等。 今天,就来说说如何使用 create-react-app + socket.io 实现简单的即时聊天。 Demo地址 准备工作想要实现即时通讯,还是需要有服务器的支持,这里我使用的是一 ...
阅读更多
递归与尾递归
在介绍递归与尾递归之前,我们来看看递归的定义:程序调用自身的编程技巧称为递归( recursion) 百度对递归的定义:递归 接着,我们再来看看一道题 1编写一个函数fn,接收一个或者多个参数,其中一个参数为n,若 n=0 或者 n=1,函数返回 1, 否则函数返回 1+2+3+...+(n-1)+ ...
阅读更多
switch...case与if...else执行能力分析
switch...case与if...else作为条件判断语句在程序中用的是非常多的。 对比基本用法1234567891011121314151617181920212223242526// switchswitch( 条件表达式 ){ case a: // do something ...
阅读更多
JavaScript中的单线程运行,宏任务与微任务,EventLoop
在前端的面试中经常会问到关于代码执行顺序的问题,尤其是下面的一段代码123456789101112setTimeout( () => console.log(4))new Promise(resolve => { resolve() console.log(1)} ...
阅读更多