2018年前端总结
小前端读源码 - React16.7.0(渲染总结篇)
读前须知之前写了五篇关于React的渲染过程的阅读流程，发现其实很多事情都写得比较青涩难懂，当然也可能是我的写作水平问题，中间其实也没有去说一些生命周期的事情。所以将会用一篇比较长的总结文章去说明React16.7.0的代码流程。个人建议不要单纯的看，结合源码一起看，会比较容易了解到里面的原理和意思。之前的几篇文章链接：小前端读源码 - React16.7.0(一) —— ReactElement
日期 2023-06-12 10:48:40
前端模块化-总结_前端模块化规范
大家好，又见面了，我是你们的朋友全栈君。先说说什么是模块化，就是将独立的功能代码封装成一个独立的文件，其他模块需要使用，在进行引用。模块化有利于代码的拆分和架构上的解耦，模块化在服务端领域已经早已成熟，nodejs 也已经支持模块化。而在浏览器上，js 脚本是异步载入的，脚本按照编码顺序依次执行，依赖关系只能按照编码顺序来控制。因此前端早早就有了模块化技术，可每天醒来前端就多一个名词多一个框架的，
日期 2023-06-12 10:48:40年底前端面试题总结（上）
对keep-alive的理解HTTP1.0 中默认是在每次请求/应答，客户端和服务器都要新建一个连接，完成之后立即断开连接，这就是短连接。当使用Keep-Alive模式时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接，这就是长连接。其使用方法如下：HTTP1.0版本是默认没有Keep-alive的（也就是默
日期 2023-06-12 10:48:40
美团前端手写面试题总结
Promise// 模拟实现Promise // Promise利用三大手段解决回调地狱： // 1. 回调函数延迟绑定 // 2. 返回值穿透 // 3. 错误冒泡 // 定义三种状态 const PENDING = 'PENDING'; // 进行中 const FULFILLED = 'FULFILLED'; // 已成功 const R
日期 2023-06-12 10:48:40前端开发中各类型居中方式总结
前端开发中经常用到的就是元素居中，有时候不同的元素居中方式不同就忘记了，明明已经设置了居中，但却没有效果，搞得人很懵逼，还得去搜索一下，所以今天总结了一下，方便以后查用。水平居中水平居中算是前端工程师的基本功了，它实现的是让元素在水平方向居中显示。行内元素首先看它的父元素是不是块级元素，如果是，则直接给父元素设置 text-align: center; 。<style> .fa
日期 2023-06-12 10:48:40
前端react面试题总结
为什么调用 setState 而不是直接改变 state？解答如果您尝试直接改变组件的状态，React 将无法得知它需要重新渲染组件。通过使用setState()方法，React 可以更新组件的UI。另外，您还可以谈谈如何不保证状态更新是同步的。如果需要基于另一个状态（或属性）更新组件的状态，请向setState()传递一个函数，该函数将 state 和 props 作为其两个参数：this.se
日期 2023-06-12 10:48:40百度前端二面常考手写面试题总结
将VirtualDom转化为真实DOM结构这是当前SPA应用的核心概念之一// vnode结构： // { // tag, // attrs, // children, // } //Virtual DOM => DOM function render(vnode, container) { container.appendChild(_render(vnode)); }
日期 2023-06-12 10:48:40前端一面经典vue面试题总结
一般在哪个生命周期请求异步数据我们可以在钩子函数 created、beforeMount、mounted 中进行调用，因为在这三个钩子函数中，data 已经创建，可以将服务端端返回的数据进行赋值。推荐在 created 钩子函数中调用异步请求，因为在 created 钩子函数中调用异步请求有以下优点：能更快获取到服务端数据，减少页面加载时间，用户体验更好；SSR不支持 beforeMount 、m
日期 2023-06-12 10:48:40
社招中级前端笔试面试题总结_2023-02-28
代码输出结果var obj = { name : 'cuggz', fun : function(){ console.log(this.name); } } obj.fun() // cuggz new obj.fun() // undefined复制使用new构造函数时，其this指向的是全局环境window。setTimeout、P
日期 2023-06-12 10:48:40
前端二面vue面试题总结_2023-03-01
什么是 mixin ？Mixin 使我们能够为 Vue 组件编写可插拔和可重用的功能。如果希望在多个组件之间重用一组组件选项，例如生命周期 hook、 方法等，则可以将其编写为 mixin，并在组件中简单的引用它。然后将 mixin 的内容合并到组件中。如果你要在 mixin 中定义生命周期 hook，那么它在执行时将优化于组件自已的 hook。Vue3.2 setup 语法糖汇总提示：vue3.
日期 2023-06-12 10:48:40前端错误捕获方案总结
本文主要摘抄自：https://juejin.cn/post/7172072612430872584#heading-10，主要用来记录和学习，也推荐大家看看原博主的文章。写在前面在前端监控 sdk 开发中，我们都会用到错误捕获，将页面各类错误进行捕获并上报日志，来获取错误信息，所以我们非常有必要深入了解下各类错误的错误捕获方式。补充setTimeout 错误捕获方式：https://www.cn
日期 2023-06-12 10:48:40前端二面手写面试题总结3
解析 URL Params 为对象let url = 'http://www.domain.com/?user=anonymous&id=123&id=456&city=%E5%8C%97%E4%BA%AC&enabled'; parseParam(url) /* 结果 { user: 'anonymous', id: [
日期 2023-06-12 10:48:40前端一面react面试题总结
redux与mobx的区别？两者对⽐：redux将数据保存在单⼀的store中，mobx将数据保存在分散的多个store中redux使⽤plain object保存数据，需要⼿动处理变化后的操作；mobx适⽤observable保存数据，数据变化后⾃动处理响应的操作redux使⽤不可变状态，这意味着状态是只读的，不能直接去修改它，⽽是应该返回⼀个新的状态，同时使⽤纯函数；mobx中的状态是可变的，
日期 2023-06-12 10:48:40社招前端二面必会手写面试题总结4
字符串查找请使用最基本的遍历来实现判断字符串 a 是否被包含在字符串 b 中，并返回第一次出现的位置（找不到返回 -1）。a='34';b='1234567'; // 返回 2 a='35';b='1234567'; // 返回 -1 a='355';b='12354355';
日期 2023-06-12 10:48:4010w字！前端知识体系+大厂面试总结（算法篇）
内容超肝，慎入!系列文章(一)（基础知识篇） 作者主页： https://juejin.cn/user/2594503172831208正文之前我对算法的理解，仅仅是为了应付大厂的面试但是在两个月的算法练习中，第一次体会到编程不仅仅是技术，还是艺术，感受到了编程是一件很酷的事情比如简单的循环，就可以解决很复杂的数学问题；递归位置的略微变动，就会产生完全不同的结果算法对于前端来说重要吗？这个问题可能
日期 2023-06-12 10:48:40暴肝！7000 字的前端性能优化总结 | 干货建议收藏
为什么要做性能优化？性能优化到底有多重要？ 网站的性能优化对于用户的留存率、转化率有很大的影响，所以对于前端开发来说性能优化能力也是重要的考察点。 性能优化的点非常的多，有的小伙伴觉得记起来非常的麻烦，所以这里主要梳理出一条线来帮助记忆。可以将性能优化分为两个大的分类：加载时优化运行时优化加载时性能顾名思义加载时优化 主要解决的就是让一个网站加载过程更快，比如压缩文件大小、使用CDN加速等方式可以
日期 2023-06-12 10:48:40webapp项目前端总结
提纲 整体把握，从设计稿入手——技术选型 并行开发，从实现静态页面开始 前端自动化 前端js逻辑 前后端集成 小问题集合 总结 1.整体把握，从设计稿入手 —— 技术选型 新项目到手，算是运气好，设计稿都已经全部完成了，40多个页面。不用担心边做边改的情况。能够提前确定重用性和一些规范。 项目主要要求： 1. 兼容PC、微信、移动端，兼容现代浏览器，IE9+等
日期 2023-06-12 10:48:40经常看看前端基础知识（总结了各种在线前端教程或者前端书籍）
下面都是各种在线教程或者书籍：可以挑选看 网道 - 互联网开发文档https://wangdoc.com/ HTML 教程 | 菜鸟教程HTML 教程- (HTML5 标准) 超文本标记语言（英语：HyperText Markup Language，简称：HTML）
日期 2023-06-12 10:48:40〖大前端 - 基础入门三大核心之 html 篇⑰〗- HTML篇内容总结
说明：该文属于 大前端全栈架构白宝书专栏，目前阶段免费开放，购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。福利：除了通过订阅"白宝书系列专栏&
日期 2023-06-12 10:48:40前端错误捕获方案总结
写在前面 在前端监控 sdk 开发中，我们都会用到错误捕获，将页面各类错误进行捕获并上报日志，来获取错误信息，所以我们非常有必要深入了解下各类错误的错误捕获方式。 补充 setTimeout 错误捕获方式：https://www.cnblogs.com/beileixinqing/p/16987679.html window.onerror 和window.addEventListener('e
日期 2023-06-12 10:48:40前端MVC Vue2学习总结（八）——前端路由
路由是根据不同的 url 地址展示不同的内容或页面，早期的路由都是后端直接根据 url 来 reload 页面实现的，即后端控制路由。 后来页面越来越复杂，服务器压力越来越大，随着AJAX（异步刷新技术） 的出现，页面实现非 reload 就能刷新数据，让前端也可以控制 url 自行管理，前端路由因此而生。 如果直接使用AJAX加载页面片段是可以实现单页效果的，但这样会破坏浏览器的前进与后退功
日期 2023-06-12 10:48:40前端MVC Vue2学习总结（七）——ES6与Module模块化、Vue-cli脚手架搭建、开发、发布项目与综合示例
使用vue-cli可以规范项目，提高开发效率，但是使用vue-cli时需要一些ECMAScript6的知识，特别是ES6中的模块管理内容，本章先介绍ES6中的基础与模块化的内容再使用vue-cli开发vue项目。 一、ECMAScript6概要 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Asso
日期 2023-06-12 10:48:40前端MVC学习总结（三）——AngularJS服务、路由、内置API、jQueryLite
一、服务 AngularJS功能最基本的组件之一是服务(Service)。服务为你的应用提供基于任务的功能。服务可以被视为重复使用的执行一个或多个相关任务的代码块。 AngularJS服务是单例对象，这意味着只有一个实例被创建过，服务使用AngularJS的依赖注入机制来定义和注册。 可以把服务注入模块、控制器和其它服务。 1.1、内置服务 常见的内置服务如下： $http 发送http请求 $
日期 2023-06-12 10:48:40前端书写习惯总结
CSS 书写规范 class类： 小写字母,'-'分割；图片: 小写字母，‘-’或者‘_’ 分割;避免选择器嵌套层级过多，少于3级;不要随意使用id，id应该按需使用，而不能滥用;使用CSS缩写属性 ，比如padding:0 10px 5px
日期 2023-06-12 10:48:40[转] 大前端年终总结与展望：大前端时代即将来临？
回顾 2016 iOS 和 Android 系统不约而同学习了对方的优点，长得越来越象：3D touch、权限控制、夜间模式、电话防骚扰... 原本属于桥的两侧的开放与封闭，越来越往一个中心靠；由此看来，真正在 OS 里的应用 App 才是系统的灵魂。 像「微信」，不论你用 iOS 还是 Android，很多人平常耗电量最多的 App 就是它。而微信借助大量的用户与使用时长，也在 2016 年末
日期 2023-06-12 10:48:40前端测试——端对端测试框架 Playwright 总结
在进行前端测试前，我们需要明确我们需要怎样的前端测试。 前端测试类型总结 前端应用测试分为几种常见类型: 端到端（e2e） ：一个辅助机器人，表现得
日期 2023-06-12 10:48:40前端学习总结（二）
1.HTML中head标签和header标签的区别？ 从功能上来讲： head标签： <head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 文档的头部描述了文档的各种属性和
日期 2023-06-12 10:48:40前端测试——端对端测试框架 Playwright 总结
在进行前端测试前，我们需要明确我们需要怎样的前端测试。 前端测试类型总结 前端应用测试分为几种常见类型: 端到端（e2e） ：一个辅助机器人，表现得
日期 2023-06-12 10:48:40【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充
【前端学习之HTML&CSS进阶篇】-- CSS第四篇 – 样式总结与补充 文章目录 【前端学习之HTML&CSS进阶篇】-- CSS第四篇 -- 样式总结与补充前言一、 行盒垂直对齐1. 多
日期 2023-06-12 10:48:40前端面试必备ES6全方位总结
掘金/魔王哪吒 大家好，我是魔王哪吒，话不多说，今天带来的是一篇《前端面试必备ES6全方位总结
日期 2023-06-12 10:48:40web前端开发必懂之一：JS继承和继承基础总结
首先，推荐一篇博客豪情的博客JS提高： http://www.cnblogs.com/jikey/p/3604459.html ，里面的链接全是精华, 一般人我不告诉他; 我们会先从JS的基本的设计模式开始，由浅入深， 会描述prototype，__proto__，consturctor等基础知识和JS的常见继承方式， 以及四个类工厂的推荐和使用（包括JS.Class，prototype
日期 2023-06-12 10:48:40