特牛生活网

20200613 前端开发日报

每日开发周报
  • qiankun 微前端方案实践及总结

    什么是微前端? 我们先来看两个实际的场景: 1. 复用别的的项目页面 通常,我们的后台项目都长这样: 如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。PS:我们需要的只是别人项目的这个功能页面的 「 内容部分 」 ,不需要别人项目的顶部导航

  • V8引擎学习第一篇-V8怎么执行JS的

    以下是v8引擎的学习总结内容,这里做个学习笔记,方便自查。 V8是什么? V8是Google开发的开源js引擎,目前用在chrome浏览器和node.js中,用于执行js代码。V8是js虚拟机中的一种,js虚拟机就是把js编程语言翻译成机器语言。市面上比较流行的js引擎,SpiderMonkey,v8,JS core等。 解释执行/编译执行 由于计算机

  • 1年前端er 面试小记

    背景: 因为一些不可言说的原因,自 3 月份开始,身边有不少同事陆续跳槽且跳槽后的公司待遇还不错。个人思考良久,也终于开始准备离开,原计划是准备这两个时间段离开,一个是 3-4月份,另一个 9-10 月份。在 3 月份时候,感觉自己准备不充分,于是工作之余,开始对自己进行技术补强,准备简历、项目、和面经。 跳槽

  • 从零开始的NodeJS 第二章(前端模块化之路)

    自我使用JS这门语言以来,JS在整个发展历史中不断的变迁和优化,随着使用者的增多和浏览器的支持规范的发展,JS的发展大致我划分了六个阶段。 表单校验 --> 工具类库 --> 组件库 --> 前端框架 --> 前端应用 --> 前端微服务 ) 前端模块化的发展是把 函数 作为第一步的:模块的本质就是实现

  • 记一个Vue+TypeScript项目配置实例

    ❝ 最近想学习一下TypeScript语法,但是只是看官方文档又有些乏味,还是通过项目在实践中学习比较有趣,所以在这里记录一下我的学习历程,与Vue项目结合开发。(官方文档 请戳 >> ) ❞ 项目搭建 通过脚手架搭建 1. 通过Vue CLI 3 创建vue项目 vue create vue-typescript // 在此选择t

  • 如何让你的JavaScript代码更优雅

    写了好多年的JavaScript代码,你的代码是不是可以更加优雅?下面整理了一些优化代码的建议,大家可以酌情做一下参考,希望能给到大家一些帮助。 1.推荐使用全等和不全等操作符 ECMAScript 提供两组操作符:相等和不相等(== 和 !=)——先转换再比较,全等和不全等(=== 和!==)——仅比较而不转换 除了在比较之前不转换

  • vuex+ keep-alive搭建一套可缓存tab页的web框架

    当你在用vue+element开发web端的多页签应用时,大部分是需要缓存的用keep-alive通过配置router.js的方案很好实现 原理 Vue 提供的 keep-alive API实现对路由组件的缓存。 include 属性可以绑定一个数组,里面是需要路由组件的 name 值,可以实现对该路由组件进行缓存,如果不需要对路由进行缓存,直接移除该项元素

  • EmailJS:5步使用JavaScript直接从前端发送电子邮件

    有很多方法可以读取这些数据。你可以将你的表单与数据库(如MySQL)连接,然后从数据库中读取传入的信息。好吧,这是一个选择,但是我认为这对于你的非技术客户来说可能会很麻烦

  • webpack Code Splitting详解

    webpack4 废除了CommonsChunkPlugin 引入了 optimization.splitChunks 如果在webpack4中使用了weppack3的CommonsChunkPlugin 会出现以下报错: (运行配置文件 webpack3.config.js)Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks 代码分割(Code Splitti

  • Nodejs中ES Modules如何操作运用?本文详解

    2020-05-26 Nodejs v12.17.0 LTS 版发布,去掉 --experimental-modules 标志。 1、虽然已在最新的 LTS v12.17.0 中支持,但是目前仍处于  Stability: 1 - Experimental 实验阶段,如果是在生产环境使用该功能,还应保持谨慎,如果在测试环境可以安装  n install v12.17.0 进行尝试。 2、删除

  • 前端架构 101:在谈论它们之前我们需要达成的共识

    前言 太多的实战性了,来看看思想性的。今日早读文章由ThoughtWorks@李光毅授权分享。 @李光毅,知乎专栏「前端技术漫游指南」以及图书《高性能响应式Web开发实战》作者。曾就职于爱奇艺、百度、知乎等互联网公司,目前就职于 ThoughtWorks,从事全栈开发相关工作。 正文从这开始~~

  • 小智在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了

    在浏览器中实现用户界面时,请尽可能减少浏览器带来的差异,以使用户界面具有可预测性。 跟踪所有这些差异很困难,因此,我整理了一些常见问题及其解决方案方便大家查看

  • webpack的高级配置

    代码分割和webpack无关 1.webpack中实现代码分割的两种方式 同步代码:只需要在webpack.common.js中做optimizatio的配置访问 异步代码(import):异步代码,无需做任何操作,会自动进行代码分割,放置到新的文件中 打开src目录下创建的index.js 安装第三方包:npm install lodash --save 在index.js

  • web端断点续传的思路和实现

    看过一道面试题要求实现断点续传,当时脑海大致想了一下实现思路,没完全想通,感觉涉及的知识点挺多,于是花了些时间用react和nodejs实现了一个简易版,并梳理了实现思路和用到的知识点。 简单汇总,用到的知识点如下: 利用FileReader将上传文件切片 用MD5算法获取文件唯一性标识 用XHR显示上传进度

  • 这个前端竟然用动态规划写瀑布流布局?给我打死他

    前言 瀑布流布局是前端领域中一个很常见的需求,由于图片的高度是不一致的,所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是,图片高度不规律的情况下,在两列布局中,让左右两侧的图片总高度尽可

  • 你猜猜JS 如何进行音频流的编码封装?下

    接上篇,说到第一步获取本地音频流,我们都知道,H5有一个新增的接口专门来处理音频流相关方法,他就是大名鼎鼎的AudioContext,至于这个对象具体能做什么,各位看官自行百度。我这边主要用到的是createMediaStre

  • JavaScript中级笔记

    JavaScript中级笔记(1) 忙了一段时间,不知道大家对我的JavaScript初级笔记评价怎么样。从今天开始,一起来学习JavaScript的高级部分。在 初级笔记中,我讲了一些JavaScript中常用的概念,把JavaScript最重要的DOM操作也讲解了。在中级笔记中,你将学习到 JavaScript的其它重要内容,比如说命名空间,

  • JavaScript 开发人员更喜欢 Deno 的五大原因

    本文最初发布于 Medium 网站,经原作者授权由 InfoQ 中文站翻译并分享。 NodeJS 的创造人 Ryan Dahl 刚发布了一个新的运行时 Deno,旨在解决 Node 存在的许多缺陷。像大家一样,我一开始也以为这只是又一个 JS 框架。但是深入了解过 Deno 的各项优点之后,我意识到了 Deno 正是 2020 年的今天,后端 Javascript 开发

  • web支付基础教程

    前言 由于在公司的交易支付部门搬砖,因此To C端的前端支付页面,基本由我这边负责 一般来说,一次正常的交易流程,用户会经过几个阶段: 浏览商品列表 查看商品详情 点击购买或加入购物车 商品结算(确认购买) 收

  • 手写 Vue 手势组件

    最近需要使用手指捏合扩大的手势操作,找了几个组件,要么对 Vue 适配不好,要么量级太大,决定自己手写手势操作。 项目与效果预览 思路 直接在 DOM 上绑定 touchstart 、 touchmove 、 touchend 不仅要绑定这几个事件,而且用在其他项目还不好复用。所以用 Vue 自定义指令比较合适,指令还可以封装成

  • 从 0 到 1 认识 Typescript

    最近这两年,有很多人都在讨论 Typescript,无论是社区还是各种文章都能看出来,整体来说正面的信息是大于负面的,这篇文章就来整理一下我所了解的 Typescript

  • 标签: