如何构建可伸缩的 Web 应用？；【webpack】你所不知道的sourceMap；迄今为止，大前端各种多终端、跨端解决方案合集；微前端时代思考与实践；一周 GitHub 开源项目推荐：12306、腾讯、美团点评、陌陌；分享 GitHub 上有趣的开源项目（第 45 期）；动图学 JavaScript 之：事件循环（Event Loop）；前端工程师2019年总结
-
如何构建可伸缩的 Web 应用？ 为什么要构建可伸缩的Web应用？ 想象一下，你的营销活动吸引了很多用户，在某个时候，应用必须同时为成千上万的用户提供服务，这么大的并发量，服务器的负载会很大，如果设计不当，系统将无法处理。 接下来发生的就是，随机错误、缓慢的内容加载、无休止的等待、连接断开、服务不可用等问题。 …
-
【webpack】你所不知道的sourceMap 通常，js代码出错，控制台会提示第几行第几列代码出错。但是 webpack 打包压缩后的代码，都被压缩到了一行，变量也变成了a,b,c,d。代码出错，控制台就没法正确的提示错误位置。 sourceMap 就可以解决这个问题。 sourceMap 就是一个信息文件，里面储存着打包前的位置信息。也就是说，转换后的代码的每一个…
-
迄今为止，大前端各种多终端、跨端解决方案合集迄今为止，大前端各种多终端、跨端，解决方案合集 注：热度排名不分顺序，如还有其他的可在评论区评论，有空加上 Google：[链接] FaceBook：[链接][链接] 阿里巴巴：[链接] 腾讯：[链接][链接] 京东：[链接] 滴滴…
-
微前端时代思考与实践 今天是12月31号，算上掘金推送的时差，就提前跨年了，祝大家元旦快乐，新的一年，我不祝你一帆风顺，我祝你乘风破浪。 前言 技术和架构方案不同，技术可以凭空出现突然爆火没有征兆。但方案或架构一定是为了解决某个问题而出现的，实践之前，请务必先要去搞清楚它是否可以解决当前问题，再者调研是否适合团队，考虑…
-
一周 GitHub 开源项目推荐：12306、腾讯、美团点评、陌陌 一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 12306 购票助手，支持集群、多账号、多任务购票以及 Web 页面管理 功能 多日期查询余票 自动打码下单 用户状态恢复 电话语音通知 …
-
分享 GitHub 上有趣的开源项目（第 45 期） 兴趣是最好的老师，HelloGitHub 就是帮你找到兴趣！ 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊，月刊的内容包括：各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等，这些开源项目大多…
-
动图学 JavaScript 之：事件循环（Event Loop）我们都知道 JavaScript 是一门 单线程 的语言：同一时间只能运行一个任务。通常情况下这没什么问题，但是如果你有一个任务需要耗费 30 秒的时间，那其他任务难道都要等它 30 秒么？（由于 JS 运行在浏览器的主线…
-
前端工程师2019年总结 前端实习生2018年总结，这是我去年的总结。 最近换了工位，公司整个事业群的工位都要变动，坐在新的工位看着对面的联想，建筑下面的背阴处还有北京前段时间的雪还没化完，忽然意识到， 2019，结束了 。 19届应届生，双非大学，毕业半年。 本文是对自己2019年的回顾与总结。 毕业 上半年面临毕业设计、论文…
-
Vue2.0源码阅读笔记（十）：指令 指令是带有 v- 前缀的特殊特性，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 Vue2.0 内置了形如v-bind、v-on等指令，如果需要对普通 DOM 元素进行底层操作还可以使用自定义指令。 一、自定义指令 在 Vue2.0 中，可以通过自定义指令对普通 DOM 元素进行底层操作。一个指令定义对象可以提供…
-
前端递归思想（禁止套娃） 所谓递归，就是在程序中函数直接或间接地调用了自己，听起来好像会导致无限重复，但只要定义适当，就不会这样。一般来说，一个递归函数的定义有两个部分。首先，至少要有一个底线，就是一个临界条件，越过此处，则递归 那么如何写出递归呢，无非分以下几步： 写出递归公式 找到临界条件 举个:chestnut: Fibon…
-
JavaScript 和 Node.js 中的“事件驱动”是什么意思？作者：Valentino Gagliardi翻译：疯狂的技术宅 原文：[链接] 未经允许严禁转载 事件驱动和发布-订阅 事件驱动架构是建立在软件开发中一种通用模式上的，这种模式被称为发布-订阅或观察者模式。 在事件驱动架构中…
-
vue实例化都干了什么 本文将结合例子进行一步步讲解，例子也会从简单到复杂逐步提升，这样理解的更深刻 <div id="app"></div> 复制代码 const app = new Vue({ template: ‘<div>child</div>’, }) app.$mount(‘#app’); 复制代码 创建实例 首先先调用 new Vue 创建了一个实例，在 core/instanc…
-
深入浅出Node.js学习笔记（二） 模块机制 Web1.0时代，JavaScript脚本语言的两个主要功能： 表单验证； 网页特效； Web2.0时代，前端工程师利用JavaScript大大提升了网页的用户体验，经历了工具类库、组件库、前端框架、前端应用的变迁。 JavaScript的先天缺陷： 模块 。 高级语言的模块化机制： Java-类文件； Python-…
-
由/(w+)s(w+)/ 而感，一篇道尽js中的正则表达式 类别: 正则表达式 博客: blog.csdn.net/qtfying 掘金: juejin.im/user/577399… QQ: 2811132560 邮箱: qtfying@gamil.com 上面的这个正则表达是很简单，但是在谈这个问题之前呢，我还是想聊聊正则表达式，一来呢，增加文章的可读性，二呢，也能帮助读者循序渐进，更好的过渡和理解 正则基础 创建…
-
Dare you? 5个编码前端挑战 全文共 1433 字，预计学习时长 5 分钟 来源：Pexels 想要拥有一个“穿衣显瘦，脱衣有肉”的完美身材，没有其他途径，你就得加强锻炼肌肉。 而编码就像肌肉，同其他肌肉一样需要锻炼。 想要擅长编码只有一种方法，那就是尽可能多地去编码。 程序员每天早上醒来时都心怀对编码的渴望，但往往缺少对编码内…
-
Reactive 模式优势与实战 点击上面“蓝字”关注我们 Reactive编程即反应式编程，随着这些年的发展已经逐步的进入了开发者的视野当中。早在2014年社区就有人发起响应式宣言，推动着Reactive的发展： 响应式宣言 Published on September 16 2014. (v2.0) 来自不同领域的组织正在不约而同地发现一些看起…
-
爬虫很火？教你用大前端神器写一个热榜聚合站 不知大家有没有这种体验，为了知道最近发生了些什么热点事件，我们一次次 打开 、 切换 微博、知乎、各大社区、新闻站点……简直 累的不要不要 的，可作为程序员的我们怎么可以允许这么累自己呢？能用程序搞定的事就不要劳烦自己的双手啦：） 今天我们就来学习一下 怎么写一个热榜聚合 站(目测很火，很多朋友在做这种…
-
在 SpringBoot 中使用 STOMP 基于 WebSocket 建立 BS 双向通信 作者 | 李增光 杏仁后端工程师。「 只有变秃，才能变强！」 Websocket HTTP、WebSocket 等应用层协议，都是基于 TCP 协议来传输数据的。 HTTP 不足在于它与服务器的全双工通信依靠轮询实现，对于需要从服务器主动发送数据的情境，会给服务器资源造成很大的浪费，WebSocket 是针对 HTTP 在…
-
从0到1，手写webpack的开发之路 今天就是2019的最后一天，提前祝大家元旦快乐， 这几年一路走来略有心得，从了编程，也不能荒废了爱写作的手艺，所以平时有空会写点文章，关于自己的职场、人生经验之谈。 今天发表下自己对手写webpack的见解（如有不对，欢迎评论交流） 若不是生活所迫，谁会把自己弄的一身才华。 正文 …
-
从0到1教你学习并配置webpack webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息相关~ 前阵子刚好在研究 webpack 以及其源码相关的知识，如果你跟我一样，好奇 webpack 又是怎么工作的？那些奇奇怪怪的配置都是什么东西？分别代表什么意思？ …
-
从零搭建完整的React项目模板(Webpack + React hooks + Mobx + Antd) 【演戏演全套】 本篇文章讲述从零搭建React中后台项目框架模板，方便快速进行具体项目开发。包括Webpack4.0配置及打包优化、 React全家桶使用（React + React-router + Axios + Mobx + Antd） 、ESLint等项目开发规范等。 涉及的技术栈均采用当前最新版本的语法： 使用Webpack4.0构建项目（不使用 create-react-app 、 umi 等…
-
大厂js基础面试-深挖到底系列1-js原生 for..of：必须具有iterator接口、可中断 for..in：遍历自身和继承的可枚举属性，不能获取属性值，只有键值，可中断 forEach：只能遍历数组，没有返回值（在自身做修改），不可中断 map：只能遍历数组，返回新的数组，不可中断。 2、判断是不是数组 1、Array.isArray(arr):返回true 2、arr instanceOf Array：返回t…
-
姗姗来迟的webpack4.0+实战 前言 不讲概念性的东西，直接进入实战开发，目的让你在实践中领悟，然后再去理解概念，会事半功倍，减轻阅读成本和心理压力。为了阅读脉络更清晰，我会从3W1H原则去行文。 what ——–做什么 who ——–谁来做 when——–什么时候做 how———怎么做) 背景 2019最后一篇技术文章，也是…
-
一文看懂 Node.js 中的多线程和多进程[每日前端夜话0x107] 每日前端夜话 0x107 每日前端夜话，陪你聊前端。 每天晚上18:00准时推送。 正文共：1841 字 预计阅读时间：7分钟 翻译： 疯狂的技术宅 作者：Nastassia Ovchinnikova 来源：flatlogic.com Node.js 是一个免费的跨平台 JavaScript 运行时环境，尽管它本质上是单线程的，但是…
-
熟悉而陌生的模块化（全面剖析 CommonJs 和 ES6Module） :speech_balloon: “ 来了吗 ” :speech_balloon: “ 来了，来了 ” :runner::runner::runner::runner::runner::runner::runner::runner::runner::runner::dash: 各位看官姥爷好，今天是 2019 年 12 月 31 日了，2019 年的最后一天了。 马上 2020 年了，先在这祝各位看官姥爷 新年快乐!!! 先放鞭炮，请各位 :hea…
-
WebRTC 联手 Node.js：打造实时视频聊天应用 (实时)时间就是金钱，那我就开门见山了。在本文中，我将带你写一个视频聊天应用，支持两个用户之间进行视频和语音通信。没什么难度，也没什么花哨的东西，却是一次 JavaScript —— 严格来说是 WebRTC 和 Node.js —— 的绝佳试炼。 何为 WebRTC？ 网络实时通信（Web Real-Time Communication，缩写为 WebRTC）是一项 …
-
【动画演示】：事件循环 形象深动(JavaScript)JS 是单线程的:一次只能运行一个任务。通常这没什么大不了的，但现在想象一下我们正在运行一个需要30秒的任务。在这个任务中，我们要等待30秒，然后才能执行接下来要做的事情(JS 默认运行在浏览器的主线程上，所…
-
基于 HTML5 + WebGL 的无人机 3D 可视化系统近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过 Hightopo 的 HT for Web 产品…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
