不知不觉做前端已经五年多了，无论是从最初的jQuery还是现在火热的Angular，Vue，React等前端框架，甚至是nodejs等服务端的兴起，归根到底，我始终觉着一切的核心还是JavaScript。于是最近就有了一个想法，想要梳理一下这些年学习以及使用JS的心得。 本系列文章主要是针对JS的相关知识点做一个类似提纲似的提炼，一来可以作为今后温故知新的参照；二来也是希望能够帮助大家更加系统清晰的理解JS这门语言。 本系列文章主要参照了Nicholas C. Zakas 的两本著作： 《JavaScript高级程序设计（第3版）》及《编写可维护的JavaScript》 JS基本概念  JS操...

mall-admin-web 前言 该项目为前后端分离项目的前端部分，后端项目mall地址：传送门。 项目介绍 mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。 项目演示 项目在线演示地址：http://39.98.190.128/index.html    项目布局 src -- 源码目录 ├── api -- axios网络请求定义 ├── assets -- 静态图片资源文件 ├── components -- 通用组件封装 ├──...

视频资源目录：  分析源码学架构-那些源码教我们的事 打开全栈工匠技能包-1小时轻松掌握SSR 两小时精通jq+bs插件开发 生产环境下如歌部署Node.js 网易内部VUE自定义插件库NPM集成 谁说前端不用懂安全，XSS跨站脚本的危害 webpack的loader到底是什么样的？两小时带你写一个自己loader 全网独播-价值千万金融项目前端架构实战 从两道网易面试题-分析JavaScript底层机制 RESTful架构在Nodejs下的最佳实践 一线互联网企业如何初始化项目-做一个自己的vue-cli 思维无价，看我用Nodejs实现MVC 代码优雅的秘诀-用观察者模式深度解耦模块 前端...

在本篇文章你将会学到： IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为发现数据的主要方法时，它可能使你的用户在网页上停留更长时间并提升用户参与度。随着社交媒体的流行，大量的数据被用户消费。无线滚动提供了一个高效的方法让用户浏览海量信息，而不必等待页面的预加载。 如何构建一个体验良好的无限滚动，是每个前端无论是项目或面试都会碰到的一个课题。 本文的原版实现来自：Cre...

前言 上篇文章：如何架构一个中后台项目的前端部分（技术选型篇） 当我们的前端项目完成了技术选型阶段后，接下来所要做的便是项目的构建和配置。虽然说用脚手架能够帮助我们完成基本的目录构建和一些基础配置，但是其他很多实用的功能及特殊配置都需要自己动手实践，根据实际场景进行针对性的设置。 本文主要介绍下项目使用 Vue CLI 3.x 构建后，如何正确的配置 webpack 及接口部分。 webpack 配置 首先你需要知道的是，Vue CLI 3 的 vue-cli-service 集成了一份 webpack 的主流配置，可以满足基础场景的开发任务。这一份配置你可以通过在项目根目录运行以下命令查看：...

前言 最近我正在公司做一个中后台管理系统的前端框架搭建工作，虽然说公司已经有现成的中后台框架可供选择，但是并不特别适合我们部门的项目，因此在借鉴原有框架的基础上融入了我的一些个人想法和思考在里面。这篇文章便主要来谈谈在架构一个中后台系统的前端部分上我的实践点。 技术选型 不管是前端抑或后端，从零开始做一个新项目避免不了技术选型这一块，其应该也是最先需要考虑的内容，之后的一切都会建立在这之上。  JS 框架 考虑到公司和部门的主流技术栈及组员的技术能力，我们选择的主要前端技术栈是 Vue。这一选择其实不难，接下来需要考虑的便是围绕这一技术栈，选出子技术栈。 既然用到 Vue，那么为了快速构建项目...

前言 在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 对于一次性插入大量数据的情况，一般有两种做法：  时间分片 虚拟列表  本文作为开篇，着重来介绍如何使用时间分片的方式来渲染大量数据，虚拟列表相关的内容，日后会持续整理。 最粗暴的做法（一次性渲染） 我们先来看看最粗暴的做法，一次性将大量数据插入到页面中： <ul id="container"></ul> 复制代码 // 记录任务开始时间 let now ...

前言 何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景交融、首尾呼应、衬托对比、白描细描、比喻象征、借古讽今、卒章显志、承上启下、开门见山、动静相衬、虚实相生、实写虚写、托物寓意、咏物抒情等，这些应该都是我们从小到大写文章而接触到的写作技巧。 作为程序猿的我们，写代码同样也需要大量的写作技巧。一份良好的代码能让人耳目一新，让人容易理解，让人舒服自然，同时也让自己成就感...

前端必备 Nginx 配置  Nginx (engine x) 是一个轻量级高性能的HTTP和反向代理服务器，同时也是一个通用 代理服务器 （TCP/UDP/IMAP/POP3/SMTP），最初由俄罗斯人Igor Sysoev编写。    基本命令       nginx -t 检查配置文件是否有语法错误 nginx -s reload 热加载，重新加载配置文件 nginx -s stop 快速关闭 nginx -s quit 等待工作进程处理完成后关闭 复制代码     搭建好nginx服务器并启动过后，我们先看nginx默认配置，再逐个介绍不同使用场景。 默认配置  Nginx 安装目录下...

nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev编写。 nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。 下面我将从nginx在企业中的真实应用来解释nginx在应用程序中起到的作用。 为了便于理解，首先先来了解一下一些基础知识，nginx是一个高性能的反向代理服务器那么什么是反向代理呢？ 正向代理与反向代理 代理是在服务器和...

一、团队组织    网站 说明     腾讯 AlloyTeam 团队 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究   ISUX 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站   CDC 腾讯用户研究与体验设计部   FEX 百度Web前端研发部出品   淘宝前端团队（FED） 用技术为体验提供无限可能   凹凸实验室 京东用户体验设计部出品   奇舞团 奇虎360旗下前端开发团队出品   阿里巴巴国际UED团队 在更新的屏幕里创造出更好的产品和更优的体验   EFE 由百度多个遵循统一技术体系的前端团队所组成   UXC 覆盖了百度85%以上的产品体验设计    二...

回馈一波~~今日头条，前端面经（三面全，offer已到手），19实习。   今日头条 2018.03.20 一面   一面问了好多问题，都是基础上很细节很钻的问题，平时不怎么遇到。 1.写一个深度拷贝 2.cdn原理 3.尾递归 4.状态码304 和 200 5.null == undefined 为什么 6.不同数据类型的值的比较，是怎么转换的，有什么规则 7.jit;jc 我不知道是什么 8.float的元素，display是什么 9.暂停死区 10.bootstrap清除浮动的方法 11.this的指向 哪几种 12.看一下github 13.Redis 和 mysql 14.Angul...

广州面试，14号一面，16号二三面。 一面：25分钟左右   1.根据项目问了websocket协议和node.js 就讲了下websocket协议，以及nodejs中有哪些模块实现了这个协议。 2..TCP/IP体系，和HTTP关系。 讲了下TCP/IP体系结构以及每层的主要协议。 3.TCP三次握手详解 说了每一步发送什么，状态变为什么，以及为什么每一步要发送什么。。  4.HTTP各版本比较。 主要讲了下2.0，和1.1，1.0比较了下 5.数据结构学过哪些？ 串、栈、队列、链表、哈希表、树、图 6.js如何实现一个栈。 主要就是数组的尾部操作增加、删除。 7.哈希表是怎样的结构？ 主要...

市场需求 决定产品价格最重要的是供求关系。技术水平重要，但绝没有市场供给关系重要。不能理解的话举个简单例子，空气重要么？重要，人没了空气活不了，但是为什么不值钱？就是因为在市场关系中是供远远大于求的。 现在是互联网公司的春天，很多公司如雨后春笋般发展，所以对前端开发的需求很旺盛，都是处在供小于求的情况。随便上招聘网一搜，北上广深这些一线城市不说，二线城市一个月的招聘消息都不少。更别说现在像竞鹿网这种新型招聘网站的出现，更是有利于求职者的。 工作强度  这个字体是不是大一点清楚些？ 这个颜色不好看，改成红***r> 这里加个特效… 最近流行扁平化设计，网站需要改版…  这种需求已经碰到太多...