淘宝无线开发专家——陈以鎏（离青）在GMTC全球大前端技术大会为大家分享了MNN开发、开源中的思考与总结，通过淘宝在移动AI上的实践经验，你将会了解移动AI的发展状况和应用场景，以及通过端侧推理引擎了解移动

《前端面试总结点线面》系列是为了收拢杂而乱的前端领域知识，由点及线，再涉及面，目的是为帮助广大前端同学复习巩固或查漏补缺或增删改查，为了更好的建立前端领域知识体系，为了更好的为前端面试做好准备，从而做一个合格

模块化开发作业1、Webpack的构建流程主要有哪些环节？如果可以请尽可能详尽的描述Webpack打包的整个过程。项目中要有文件：webpack.config.js，它是运行在nodeJs中的一个文件，需要根据commonJs规范来编写代码，文件导出一个对象，我们根据导出的对象完成一系列配置。构建流程webpack启动的时候，会加载entry配置的入口文件，递归解析entry依赖的所有module

1、Hash模式与History模式二者的存在表现形式和原理上的区别1、表现形式的区别Hash：https://api.aibianxian.net/igameh5/#/detail/213?token=123,链接中带有#号History:https://api.aibianxian.net/igameh5/detail/213/1232、原理区别Hash:基于锚点，以及onHashChange

一、回顾1、数据响应式数据模型仅仅是普通的JavaScript对象，当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率2、双向绑定数据改变，视图改变；视图改变，数据改变；可以使用v-model在表单元素上创建双向数据绑定3、数据驱动数据驱动是vue最独特的特性之一，开发过程中只需要关注数据本身，不需要关心数据如何渲染到视图。二、响应式原理当我们吧一个普通的JS对象传入vue实例

一、模块化概述模块化是一种思想。模块化是主流的代码组织方式，通过把复杂代码按照功能的不同划分为不同的模块，单独进行维护的方式提高开发效率，降低维护成本。二、模块化演变过程Stage1-文件划分方式将每个功能及状态数据单独存放到不同的文件中，约定每个文件都是独立的模块，使用的时候就是将模块引入到页面中，一个script标签对应一个模块，然后再代码中直接调用全局成员（变量或函数）缺点：污染全局作用域命

VirtualDOM的实现原理了解什么是虚拟DOM以及虚拟DOM的作用Snabbdom的基本使用Snabbdom的源码解析一、虚拟DOM1、什么是虚拟DOMVirtualDOM(虚拟DOM)，是由普通的JS对象来描述DOM对象，因为不是真实的DOM对象，所以叫虚拟DOM2、为什么使用虚拟DOM手动操作DOM比较麻烦，还需要考虑浏览器兼容性问题，虽然有jQuery等库简化DOM操作，但是随着项目的复

文章内容输出来源：拉勾教育大前端高薪训练营一、简答1、谈谈你是如何理解JS异步编程的，EventLoop、消息队列都是做什么的？什么是宏任务、什么是微任务？

下载地址：百度网盘阶段一：开启大前端的大门第1周认识大前端，开启无限可能万丈高楼平地起。开课第一周，我们将以轻松幽默的方式，从实际工作中的开发痛点出发，以项目全生命周期为主线，对全栈有全局的认识。

起源2020年8月开始在微信读书上阅读该书，Nodejs在刚开始学习前端基础的时候接触过，那时候有了大前端的概念，旨在把JavaScript前后端打通，让后端能跑JavaScript，也让前端开发人员学习开发后端降低了学习的门槛

此文章适合准备第一次阅读vuejs源码的童鞋，由于vuejs的源码非常多，而且分布在各个文件夹中，因此想要读懂源码，需要理清整个框架的脉络。此文章就是从编译入口出发，找到源码中的关键点。准备工作打包源码浏览器调试比单纯的阅读源码更有效率，那么如何为vuejs添加sourceMap？forkvue源码仓库到自己的github仓库中，这样，可以随便添加注释和修改。下载项目，打开package.json

├─01ECMAScript│├─day1││02js基础介绍.mp4││1开课啰嗦波.mp4││day1资料.rar│││├─day2│││day2资料.rar│││││└─video││10三目运算符.mp4││11数据类型转换.mp4││12补充.mp4││3变量与数据类型.mp4││4算术运算符.mp4││5自增运算符.mp4││6关系运算符.mp4││7逻辑运算符.mp4││8复习.mp

今天用虚拟机安装debian7.1，在启动的时候遇到登录失败的问题，用GNOMEClassic可以登录，特地记录如下：原文出处：http://r3dux.org/2011/11/how-to-fix-gnome

在写本文章之前我开发过程中遇到的跨域都是直接甩锅给后端，让后端的同学去解决，俗话说大前端小后端（开个玩笑，后端同学不要介意～），我们前端也应该具备解决跨域的能力。

如果你是一位前端开发工程师，对“跨平台”一词应该不会感到陌生。像常见的前端框架：比如React、Vue、Angular，它们可以做网页端，也可以做移动端，但很少能做到跨PC、Mac端，也就是我们熟知的Windows、Linux以及macOS上的应用程序。即使有，受限于JS的性能瓶颈，当有大量的科学计算需求时，则会略显疲态。有没有一个理想的UI框架能够通杀它们所有呢？答案是——Flutter。Flu

code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：灯不利多链接：https://juejin.im/post/5e32fae3f265da3e12182ce7声明：本文已获灯不利多授权发表

张帅，大前端（前端变化太快，以下内容我会不定期更新，第三方网站请不要转载，如果实在想转载，请只转载摘

Node.js除了能够辅助大前端开发外，还可以编写Web应用，封装Api，组装RPC服务等，甚至是开发VSCode编辑器一样的PC客户端。

示例代码托管在：http://www.github.com/dashnowords/blogs博客园地址：《大史住在大前端》原创博文目录华为云社区地址：【你要的前端打怪升级指南】在中间件系统的实现上，KOA

前言3个月前，微信小程序推出了web-view组件引发了一波小高潮，笔者所在的大前端团队写过一篇浅析，详情可见：浅谈微信小程序前端生态。

为了克服CSS本身的缺陷，前端大牛们已先后发明了LESS,SASS,BEM,CSSModules,StyledComponents,PostCSS等等多种有相当流行度的技术方案。然而遗憾的是，虽然中级以上开发者们对组件和函数库都有了相当好的抽象能力，但即使是一些资深的开发者，在编写CSS时的表现也并未与初级开发者显著区分开。本文在概括CSS失控模式，总结前端代码抽象方向，回顾CSS工程化方案进化史

同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。

前端网：http://www.w3cfuns.com/大前端：http://www.daqianduan.com/tag/user-experienceJavaScript|MDN：https://developer.mozilla.org

1，LULUWO前端技术分享http://www.lolowu.cn2，大前端http://www.daqianduan.com/3，易语言源码https://www.xd0.com/i_wz_494773

www.w3cplus.com/淘宝@大漠4：https://www.qdfuns.com/前端网5：https://www.qianduan.net腾讯ISUX@神飞6：http://www.daqianduan.com/大前端

也许大家更加倾向于编写面向后端的测试，逻辑性强，测试方便等聊到这导致了好多前端从来不写测试（测试全靠手点～～～）其实没必要达到测试驱动开发的程度，只要写完代码可以补测试，并且补出高效的测试，前端或许真的不需要手点大前端时代不谈环境不成方圆

关注用户体验WEB资源网|最新鲜的WEB程序员技术文档及相关资源Web技术文档|MDN设计达人前端外刊评论w3cplus_引领web前沿，打造前端精品教程文章列表程序师码农网-程序员编程资料和编程经验分享平台大前端工具集

大前端学习笔记-day01-HTML1.大前端课程体系三要素：HTMLCSSJavascript重构html53天3小时css310天项目驱动，项目内容融入到授课中（网易严选首页）dom驱动阶段linux

有兴趣学习某课大前端课程的，可以加Q3400069788https://class.imooc.com/sale/webfullstack

5.1版本更新内容：新增客服系统，支持QQ、微信、手机、自定义链接、评论、回顶部，且可排序可显示在手机端（主题设置-客服）新增自定义社交账号功能以替代现有社交功能（主题设置-社交）新增侧边栏显示在左边的选项（主题设置-基本）新增文章来源网址判断，如果不是以http或https开头将自动添加http开头新增文章内容、列表描述和侧边栏文章标题两端对齐（主题设置-基本）新增上传文件重命名功能（主题设置-

路由刷新问题参考https://booblogger.com/yang-zhong/前端路由阻止浏览器刷新通过hashwindow.location.href=‘#helloworld’;通过history.pushState+window.onpopstateH5方法（重点）通过pushState()方法或replaceState()方法这两个方法都可以修改url的地址，并在popstate事件

性能优化现场这场是第一天下午的场，一共分为四个分享课，分别是LinkedIn移动应用的性能优化之道、大前端时代前端监控的最佳实践、爱奇艺APP极致体验之路、美团客户端监控与异常排查实践。

大前端知

1，InstallNodejshttps://nodejs.org/en/2，InstallSublimeText3www.sublimetext.com3，InstallPackageControlhttps://packagecontrol.io复制python代码粘贴到sublime的console中重启sublime安装packagePreference->PackagesControl-

Web前端－》HTML+CSS3－》第1阶段：Web前端开发基础环境配置01大前端开发和全栈开发的定义Web前端和全栈的定义1：还原“活”的设计：设计稿－》ps－》HTML页面＋效果1、设计输出：PSD

一.事件监听在大前端的开发中，必然存在各种各样和用户交互的情况：比如手指点击、手指滑动、双击、长按等等。

大前端学习笔记-day02-HTML6.Html核心课程，前端三要素：HTML、结构身材头[眉毛、眼睛、鼻子、嘴巴]、体、脚CSS、样式化妆Javascript交互才艺元素1)概述html超级文本标记语言

1.一个页面从输入URL到页面加载显示完成，这个过程发生了什么？(1).DNS解析当我们在浏览器中输入一个域名的时候，例如www.mi.com，这个域名只是与IP地址的一个映射，这时DNS解析就要充当一个翻译的角色，把域名解析成真实的IP地址。所以DNS解析的过程实际上就是将域名还原成真实IP地址的过程。DNS的解析又分为以下几个步骤：1.浏览器会先检查自身缓存中有没有被解析过的这个域名对应的IP

计划1.1修改bugs1.2学习新技术完成情况2.1完成2.2持续学习面临的问题及其解决方法3.1总结（心得）神奇的大前端技术点

NuxtJS文章内容输出来源：拉勾教育大前端高薪训练营代码仓库地址：https://gitee.com/jiailing/nuxtjs-demo，在多个分支里都有代码一、Nuxt.js是什么一个基于Vue.js

服务端渲染文章内容输出来源：拉勾教育大前端高薪训练营一、概述1.基于客户端渲染的前端框架AngularReactVue2.SPA单页应用优点：用户体验好开发效率高渲染性能好可维护性好缺点：首屏渲染时间长不利于

Vuex状态管理文章内容输出来源：拉勾教育大前端高薪训练营一、组件内的状态管理流程1.状态管理state：驱动应用的数据源view：以声明方式将state映射到视图actions：相应在view上的用户输入导致的状态变化二

示例代码托管在我的代码仓：http://www.github.com/dashnowords/blogs博客园地址：《大史住在大前端》原创博文目录华为云社区地址：【你要的前端打怪升级指南】javascript

code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：珠穆朗玛小王子链接：https://www.jianshu.com/p/a2eb8e1807ef声明：本文已获珠穆朗玛小王子授权发表

何为虚拟DOM虚拟DOM就是普通的js对象，其可以用来描述DOM对象，但是由于不是真正的DOM对象，因此人们把它叫做虚拟DOM。为何出现虚拟DOM手动处理DOM在早期的js应用中，开发人员需要手动处理DOM，手动处理不仅代码繁琐，而且需要适配各种浏览器。jQuery操作DOMjQuery对DOM处理操作进行了统一封装，由其内部处理浏览器的差异，虽然减轻了开发人员的DOM操作成本，但是开发人员在开发

作为曾经炙手可热的Android工程师，现在面临着以下的问题：互联网整体环境不乐观Android开发人员众多但岗位减少，导致要求越来越苛刻大前端趋势、跨平台方案频出、小程序肆虐，Android不再是应用开发唯一的方案人工智能

概述前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化，标准化，主要目的是为了提高效率和降低成本。目前，前端项目越来越复杂化和多元化，但是随着变化而来的就是如下问题：传统语言或语法有弊病。虽然ES6及后续版本提出很多解决方案，但是由于环境的支持程度不同，需要进行大量重复性的适配工作。无法模块化，组件化。简单来说，模块化指的是将一个文件拆分成多个相互独立的小文件，使用

内存管理内存由可读写单元组成，表示一片连续可操作的空间。在编程时，可以通过主动操作来申请，使用和释放可操作空间。内存管理指的就是主动操作过程，也就是申请内存，使用内存和释放内存。//申请内存letstr//使用内存str='foo'//释放内存str=null//不再引用，垃圾回收会自动回收内存垃圾回收当内存不再被使用时，其会被视为垃圾，然后被释放（回收）。在JavaScript中，垃圾回收是自动

code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：唠嗑008链接：https://www.jianshu.com/p/3651917c9b38声明：本文已获唠嗑008授权发表

第56篇原创好文～本文首发于政采云前端团队博客：分分钟教会你搭建企业级的npm私有仓库前言npm作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。