qiankun 微前端方案实践及总结；V8引擎学习第一篇-V8怎么执行JS的；1年前端er 面试小记；从零开始的NodeJS 第二章（前端模块化之路）；记一个Vue+TypeScript项目配置实例；前端业务中常见的异步场景处理；如何让你的JavaScript代码更优雅；Easy-Monitor 3.0 开源 – 基于 Egg 的 Node.js 性能监控解决方案
-
什么是微前端？ 我们先来看两个实际的场景： 1. 复用别的的项目页面 通常，我们的后台项目都长这样： 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的 「 内容部分 」 ，不需要别人项目的顶部导航…
-
以下是v8引擎的学习总结内容，这里做个学习笔记，方便自查。 V8是什么？ V8是Google开发的开源js引擎，目前用在chrome浏览器和node.js中，用于执行js代码。V8是js虚拟机中的一种，js虚拟机就是把js编程语言翻译成机器语言。市面上比较流行的js引擎，SpiderMonkey，v8，JS core等。 解释执行/编译执行 由于计算机…
-
背景： 因为一些不可言说的原因，自 3 月份开始，身边有不少同事陆续跳槽且跳槽后的公司待遇还不错。个人思考良久，也终于开始准备离开，原计划是准备这两个时间段离开，一个是 3-4月份，另一个 9-10 月份。在 3 月份时候，感觉自己准备不充分，于是工作之余，开始对自己进行技术补强，准备简历、项目、和面经。 跳槽…
-
自我使用JS这门语言以来，JS在整个发展历史中不断的变迁和优化，随着使用者的增多和浏览器的支持规范的发展，JS的发展大致我划分了六个阶段。 表单校验 –> 工具类库 –> 组件库 –> 前端框架 –> 前端应用 –> 前端微服务 ) 前端模块化的发展是把 函数 作为第一步的：模块的本质就是实现…
-
❝ 最近想学习一下TypeScript语法，但是只是看官方文档又有些乏味，还是通过项目在实践中学习比较有趣，所以在这里记录一下我的学习历程，与Vue项目结合开发。（官方文档 请戳 >> ） ❞ 项目搭建 通过脚手架搭建 1. 通过Vue CLI 3 创建vue项目 vue create vue-typescript // 在此选择t…
-
随着前端应用的复杂度提升，应用中的异步场景也越来越多。虽然 ES6 中 Promise、generator、async/await 语法能简化异步代码的编写，但是一些业务场景下还是需要花点心思去处理。 比如： 异步循环：需要循环拉取分页数据，直至数据为空。 异步取消：组件销毁后，异步才完成，需要避免更新组件的操作。 后…
-
写了好多年的JavaScript代码，你的代码是不是可以更加优雅？下面整理了一些优化代码的建议，大家可以酌情做一下参考，希望能给到大家一些帮助。 1.推荐使用全等和不全等操作符 ECMAScript 提供两组操作符：相等和不相等（== 和 !=）——先转换再比较，全等和不全等（=== 和!==）——仅比较而不转换 除了在比较之前不转换…
-
vuex+ keep-alive搭建一套可缓存tab页的web框架
当你在用vue+element开发web端的多页签应用时，大部分是需要缓存的用keep-alive通过配置router.js的方案很好实现 原理 Vue 提供的 keep-alive API实现对路由组件的缓存。 include 属性可以绑定一个数组，里面是需要路由组件的 name 值，可以实现对该路由组件进行缓存，如果不需要对路由进行缓存，直接移除该项元素…
-
前言 有时，您将需要构建一个JavaScript倒数时钟。您可能有活动，销售，促销或游戏。您可以使用原始JavaScript构建时钟，而不用寻找最近的插件。虽然有很多很棒的时钟插件，但是使用原始JavaScript可以带来以下好处： 您的代码将是轻量级的，因为它将具有零依赖性。 您的网站将表现更好。您无需加载外部脚本…
-
EmailJS：5步使用JavaScript直接从前端发送电子邮件
有很多方法可以读取这些数据。你可以将你的表单与数据库（如MySQL）连接，然后从数据库中读取传入的信息。好吧，这是一个选择，但是我认为这对于你的非技术客户来说可能会很麻烦。
-
webpack4 废除了CommonsChunkPlugin 引入了 optimization.splitChunks 如果在webpack4中使用了weppack3的CommonsChunkPlugin 会出现以下报错： （运行配置文件 webpack3.config.js)Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks 代码分割（Code Splitti…
-
2020-05-26 Nodejs v12.17.0 LTS 版发布，去掉 –experimental-modules 标志。 1、虽然已在最新的 LTS v12.17.0 中支持，但是目前仍处于 Stability: 1 – Experimental 实验阶段，如果是在生产环境使用该功能，还应保持谨慎，如果在测试环境可以安装 n install v12.17.0 进行尝试。 2、删除…
-
前言 太多的实战性了，来看看思想性的。今日早读文章由ThoughtWorks@李光毅授权分享。 @李光毅，知乎专栏「前端技术漫游指南」以及图书《高性能响应式Web开发实战》作者。曾就职于爱奇艺、百度、知乎等互联网公司，目前就职于 ThoughtWorks，从事全栈开发相关工作。 正文从这开始~~…
-
笔记|BAT大牛带你横扫初级前端JavaScript面试（第二版）
值类型 （1）值类型赋值的时候不会相互影响 // 值类型 let a = 100 let b = a a = 200 console.log(b) // 100 复制代码 （2）常见值类型 let a // Undefinded const s = ‘abc’ // String const n = 100 // Number const b = true // Boolean const s = Symbol(‘s’) // Symbol 复制代码 引用…
-
小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了
在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。 跟踪所有这些差异很困难，因此，我整理了一些常见问题及其解决方案方便大家查看。
-
代码分割和webpack无关 1.webpack中实现代码分割的两种方式 同步代码：只需要在webpack.common.js中做optimizatio的配置访问 异步代码（import）:异步代码，无需做任何操作，会自动进行代码分割，放置到新的文件中 打开src目录下创建的index.js 安装第三方包：npm install lodash –save 在index.js…
-
看过一道面试题要求实现断点续传，当时脑海大致想了一下实现思路，没完全想通，感觉涉及的知识点挺多，于是花了些时间用react和nodejs实现了一个简易版，并梳理了实现思路和用到的知识点。 简单汇总，用到的知识点如下： 利用FileReader将上传文件切片 用MD5算法获取文件唯一性标识 用XHR显示上传进度 …
-
前言 瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可…
-
Top10 HTML5, JavaScript 3D 游戏引擎框架
文章时间：2019年9月15日 对使用 JavaScript、HTML5 和 WebGL 技术开发 3D 游戏的开发者来说，JavaScript 3D 游戏引擎是当下的一个热门话题。基于浏览器的游戏的最大优势是跨平台，可以运行在 iOS，Android，Windows 或者其它系统平台上。 行业内使用 HTML5 和 WebGL 开发 3D 游戏的引擎框架有很多，但是，选择一个…
-
接上篇，说到第一步获取本地音频流，我们都知道，H5有一个新增的接口专门来处理音频流相关方法，他就是大名鼎鼎的AudioContext，至于这个对象具体能做什么，各位看官自行百度。我这边主要用到的是createMediaStre…
-
JavaScript中级笔记(1) 忙了一段时间，不知道大家对我的JavaScript初级笔记评价怎么样。从今天开始，一起来学习JavaScript的高级部分。在 初级笔记中，我讲了一些JavaScript中常用的概念，把JavaScript最重要的DOM操作也讲解了。在中级笔记中，你将学习到 JavaScript的其它重要内容，比如说命名空间，…
-
本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。 NodeJS 的创造人 Ryan Dahl 刚发布了一个新的运行时 Deno，旨在解决 Node 存在的许多缺陷。像大家一样，我一开始也以为这只是又一个 JS 框架。但是深入了解过 Deno 的各项优点之后，我意识到了 Deno 正是 2020 年的今天，后端 Javascript 开发…
-
前言 由于在公司的交易支付部门搬砖，因此To C端的前端支付页面，基本由我这边负责 一般来说，一次正常的交易流程，用户会经过几个阶段： 浏览商品列表 查看商品详情 点击购买或加入购物车 商品结算(确认购买) 收…
-
每日前端夜话 第351篇 作者 ： 疯狂的技术宅 正文共：2400 字 预计阅读时间：7 分钟 比较 JavaScript 中的值非常简单，只需用相等运算符即可，例如严格相等运算符： 1’a’ === ‘c’; // => false 21 === 1; // => true 但是对象却有结构化的数据，所以比较起来比较困难…
-
最近需要使用手指捏合扩大的手势操作，找了几个组件，要么对 Vue 适配不好，要么量级太大，决定自己手写手势操作。 项目与效果预览 思路 直接在 DOM 上绑定 touchstart 、 touchmove 、 touchend 不仅要绑定这几个事件，而且用在其他项目还不好复用。所以用 Vue 自定义指令比较合适，指令还可以封装成…
-
最近这两年，有很多人都在讨论 Typescript，无论是社区还是各种文章都能看出来，整体来说正面的信息是大于负面的，这篇文章就来整理一下我所了解的 Typescript。
更多内容请关注公众号【前端开发博客】每日更新
