曲线救国：webpack打包优化黑科技；JavaScript中typeof与instanceof的区别；Webpack系列-第一篇基础杂记；浅谈JavaScript中的事件循环机制；Web开发比较：Spring Boot 与 Express.js；循序渐进DIY一个react（一）；javascript-高级用法；javascript 面试的完美指南(开发者视角)
-
曲线救国：webpack打包优化黑科技 webpack打包遇到的痛点 随着我们项目越来越复杂，我们在用webpack打包的时候，会发现打包的速度越来越慢，最后慢到打包一次要几分钟甚至更多的时间，缓慢的打包速度严重影响效率，那么如何提高打包速度就成为了我们的痛点，一般大家都是用HappyPack、Dellplugin和UglifyJsPlugin(之前是ParallelUglifyPlugin，现在不维…
-
JavaScript中typeof与instanceof的区别 本文主要讲述JavaScript中，typeof与instanceof的区别，以此备忘。 本文引自https://blog.csdn.net/qq_27626333/article/details/76146078 typeof和instanceof判断变量，typeof会返回一个变量的基本类型，只有以下几种： number,boolean,string,function（函数）,object（NULL,数组，对象）,undefined 。例： …
-
Webpack系列-第一篇基础杂记 前言 公司的前端项目基本都是用Webpack来做工程化的，而Webpack虽然只是一个工具，但内部涉及到非常多的知识，之前一直靠CV来解决问题，之知其然不知其所以然，希望这次能整理一下相关的知识点。 简介 这是webpack官方的首页图 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module b…
-
浅谈JavaScript中的事件循环机制JavaScript是一门单线程非阻塞的脚本语言，单线程意味着，JavaScript代码在执行的任何时候，都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能…
-
Web开发比较：Spring Boot 与 Express.js JavaScript的服务器端开发比Java更好吗？它可能只取决于正在开发的应用程序。我现在可以听到来自Java开发人员的发声。 从Java开发人员的角度来看，使用Spring Boot生态系统和JavaScript与Express进行Web开发的简单比较。 本文的目标 这是一个不太技术性的比较（您可以在其他地方找到更具体的技术比较）。我…
-
循序渐进DIY一个react（一） 假设我大学本科毕业论文的课题是［依据react现有的思想DIY一个react］，我会怎么实现呢？作为一个react老用户的我，我常常有这样的疑问。那好，现在，我就在这根据现有的react概念和思想，循序渐进地DIY一个简单版的react。一来，为自己立下一个react研究进程的里程碑；二来，跟大家交流交流。 正文 如下，我将这个…
-
javascript-高级用法为什么：typeof 不靠谱, 无法将数组从对象中区分出来， instanceof 有特殊情况，在iframe存在的情况下无法判断另一个iframe内的数组 如何做：Object.prototype.toString().call(Arr);
-
javascript 面试的完美指南(开发者视角)函数是 JavaScript 的精华，是 JS 一等公民。JS 函数不仅仅是一个普通的函数，与其他语言不同，JS 函数可以赋值给变量，作为参数传递给另一个函数，也可以从另一个函数返回。
-
详解 Vue 生命周期实现 在我们平时使用各种框架的时候，都避免不了使用到一种特性，就是 生命周期 钩子，这些钩子，可以给我们提供很多便利，让我们在数据更新的每一个阶段，都可以捕捉到它的变化。 我们最主要讲的是 vue 的生命周期，先来一份大纲： beforeCreate（初始化界面前） created（初始化界面后） beforeMount…
-
如何优化 WebRTC 提升直播体验？ 全民快乐资深音视频工程师郭奕在LiveVideoStackCon 2018音视频技术大会的演讲中从工程师的角度讲述了如何利用WebRTC打造出具备实时互动能力的应用，包括从信令的交互到媒体的传输需要完成的工作。LiveVideoStack对演讲内容进行了整理。 文 / 郭奕 整理 / LiveVideoStack 大家好，我…
-
延迟加载 React Components（用 react.lazy 和 suspense） 原文： https://blog.bitsrc.io/lazy-loading-react-components-with-react-lazy-and-suspense-f05c4cfde10c 虽然在 React 16.8.1 中终于面世的 hooks 引人瞩目，但在去年发布的 16.6.0 版本里也包含了一个吸引人的新特性，可以让我们在不依赖第三方库的情况下简化对延迟加载（lazy loading）的处理。 …
-
通过 Web 控制蓝牙设备：WebBluetooth入门摘要：通过渐进式 Web 应用（Progressive Web Apps）技术，你可以开发成熟的 Web 应用。 得益于大量新规范和新功能，以前需要在本机执行的应用，现在可以基于 Web 实现。 不过迄今为止，与硬件设备的交互仍然是遥…
-
一文读懂Http Headers为何物(超详细)由于最新的http2，并没有被各大浏览器广泛使用，所以本文是基于http/1.1所编写的。同时经过检测我们也发现，chrome等浏览器也正是使用http/1.1版本的。
-
我的这套VuePress主题你熟悉吧 最近熬了很多个夜晚, 踩坑无数, 终于写出了用VuePress驱动的主题. 只需体验三分钟，你就会跟我一样，爱上这款主题. vuepress-theme-indigo-material , 已经发布到npm, 请客官享用~~ 介绍 vuepress-theme-indigo-material 的原主题是 hexo-theme-indigo , github 的 star 数高达 2042 , fork 的有 451 个, 它…
-
如何用 Angular 6 创建各种动画效果 介绍 就技术角度而言，动画可以被定义为从初始状态到最终状态的转换过程。如今它已是各种Web应用不可或缺的组成部分。通过动画，我们不仅能创建出各种酷炫的UI，同时它们也能增加应用程序的趣味性。因此，设计精美的动画在吸引用户眼球的同时，也增强了他们的浏览体验。 Angular能够让我们创建出具有原生表…
-
AngularJS 1.6.x最佳实践总结 开发小组在2015年11月的时候，就已经开始尝试使用 webpack + babel + react + reflux 技术栈，但是团队对这种编译式前端开发的反馈并不友好，一方面webpack 1.x版本的打包效率仍然较差，每次保存操作后页面reload速度蜗牛一样缓慢，非常影响开发过程中的心情愉悦指数。另一方面，team的同学们对于传统 jQuery + backbone…
-
用koa开发一套内容管理系统（CMS），支持javascript和typescript双语言 lin-cms是我们林间有风团队开源的一款CMS，它采用目前主流的前后端分离的架构， 前端 使用vue作为基础框架， 后端 选择了我们团队大量实践使用的flask作为基础框架。 lin-cms剪彩 你也可以直接查看线上的demo。 得益于前后端分离分离的架构，这套CMS十分灵活，市场上的CMS多是选择服务端渲…
-
webpack系列之三loader详解1 系列作者：肖磊 GitHub: github.com/CommanderXL 本篇来分析下 webpack loader 详细的分析部分，由于涉及内容比较多，所以总共分成三篇文章来分析： loader 的基本配置以及匹配规则 loader 的解析执行详解 loader 的实践 loader 的配置 webpack 对于一个 module 所使用的 loader 对开发…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
