
前端
文章平均质量分 89
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.3 11、手撕promise.all 12、写一个快排 13、抛硬币等概率事件 ...原创 2020-12-18 13:53:28 · 333 阅读 · 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 · 496 阅读 · 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 · 121 阅读 · 0 评论 -
react生命周期函数
生命周期函数指在某一时刻会自动调用执行的函数 Initialization(初始化阶段 初始化数据 比如说props state) 1、setup props and state Mounting(挂载阶段) 1、componentWillMount() 在组件即将被挂载到页面的时候自动执行(只会在第一次挂载时执行) 2、render() 3、componentDidMount() 组件被挂载到页面之后执行(只会在第一次挂载时执行) Updation(组件的更新流程) props发生变化时: 1原创 2020-07-15 16:47:37 · 125 阅读 · 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 · 423 阅读 · 0 评论 -
html css常见面试题
1、对标签语义化的理解? a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 b. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重; c. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页; d. 便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化。 2、src与href的区别 src用于替换当前元素;href用于在当前文档和引用资源之间确立联系。 src指向外部资源的位置原创 2020-07-14 10:21:42 · 228 阅读 · 0 评论 -
关于html里的一些特殊标签的含义及理解
关于一些特殊的html标签的含义及理解 1、<!DOCTYPE>是标签吗?它有什么作用? 是 DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器, 声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。 document.compatMode: BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。 **2、**head标签作用 ?它可原创 2020-06-14 15:32:16 · 887 阅读 · 0 评论