前端
live_upward
这个作者很懒,什么都没留下…
展开
-
字节前端面经
一面1、垂直居中的方法2、登录注册模块的用户信息怎么存储的3、cookie怎么样可以不被用户访问到4、cookie可以跨域传值吗5、tcp是怎么样来保证它是可靠的6、tcp和udp的区别7、http和https的区别8、https的加密9、0.1+0.2=0.3吗10、实现0.1+0.2=0.311、手撕promise.all12、写一个快排13、抛硬币等概率事件...原创 2020-12-18 13:53:28 · 245 阅读 · 0 评论 -
虚拟DOM是怎么进行比对的
虚拟DOM步骤1、state数据2、JSX模板3、数据+模板 生成虚拟DOM (虚拟DOM就是一个JS对象,用它来描述真实DOM) (损耗了性能)['div',{id:'abc'},['span',{},'hello world']]4、用虚拟DOM的结构生成真实DOM来显示<div id='abc'><span>hello world</span></div>在render()中:JSX->createElement->原创 2020-07-15 20:38:59 · 451 阅读 · 0 评论 -
react性能提升
react常用性能提升1、在constructor中修改函数的作用域2、setState是个异步操作,可以把数次对数据的修改结合成一个,提高性能3、虚拟DOM(同层比对、key)4、shouldComponentUpdate 减少子组件的渲染频率,props发生变化时返回true重新渲染,否则返回false不进行渲染5、在componentDidMount里发送ajax请求,而不是在render中(反复渲染)...原创 2020-07-15 17:06:36 · 89 阅读 · 0 评论 -
react生命周期函数
生命周期函数指在某一时刻会自动调用执行的函数Initialization(初始化阶段 初始化数据 比如说props state)1、setup props and stateMounting(挂载阶段)1、componentWillMount()在组件即将被挂载到页面的时候自动执行(只会在第一次挂载时执行)2、render()3、componentDidMount()组件被挂载到页面之后执行(只会在第一次挂载时执行)Updation(组件的更新流程)props发生变化时: 1原创 2020-07-15 16:47:37 · 93 阅读 · 0 评论 -
前端跨域解决方案
跨域解决方案跨域:只要协议、域名、端口有任何一个不同,都被当作是不同的域。1、通过document.domain跨域用于主域相同,子域不同的跨域场景eg:1)父窗口(http://www.domain.com/a.html)<iframe id="iframe" src="http://child.domain.com/b.html"></iframe><script>document.domain = 'domain.com';var user = '原创 2020-07-14 17:24:45 · 311 阅读 · 0 评论 -
html css常见面试题
1、对标签语义化的理解?a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构b. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;c. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;d. 便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化。2、src与href的区别src用于替换当前元素;href用于在当前文档和引用资源之间确立联系。src指向外部资源的位置原创 2020-07-14 10:21:42 · 193 阅读 · 0 评论 -
关于html里的一些特殊标签的含义及理解
关于一些特殊的html标签的含义及理解1、<!DOCTYPE>是标签吗?它有什么作用?是 DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。document.compatMode:BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。**2、**head标签作用 ?它可原创 2020-06-14 15:32:16 · 809 阅读 · 0 评论