20200509 前端开发日报

vue3.0实战电商系统:高解耦式mock 订单列表查询(第四天);JS做类型检测到底有几种方法?看完本文就知道了;JavaScript交换变量的常用方法小结【4种方法】;Vue.Draggable使用文档总结;小白项目|用原生JS实现Windows日历;【vue@leaflet】 加载矢量切片服务;Node.js 中的异步迭代器;01-Vue项目实战-网易云音乐-准备工作

  1. vue3.0实战电商系统:高解耦式mock 订单列表查询(第四天)

    任何事情都需要时间的沉淀,技术也不例外,今天编写Vue3.0系列的章节文章,只是希望能够比别人更早的去尝鲜一些新的技术,毕竟Vue3.0已经Beta版本了,所以里正式版本也不远了,提前去学习和了解,我们就会比别人有更多的时间去充分理解Vue3.0的特性,只有当你真正理解一门技术的时候,才能够正确的判定它是否合适、是否…

  2. JS做类型检测到底有几种方法?看完本文就知道了

    JS有很多数据类型,对于不同数据类型的识别和相互转换也是面试中的一个常考点,本文主要讲的就是类型转换和类型检测。 数据类型 JS中的数据类型主要分为两大类:原始类型(值类型)和引用类型。常见的数据类型如下图所示: 原始数据类型存在栈中,引用类型在栈中存的是一个引用地址,这个地址指向的是堆…

  3. JavaScript交换变量的常用方法小结【4种方法】

    本文实例讲述了JavaScript交换变量的常用方法。分享给大家供大家参考,具体如下: 许多算法需要交换2个变量。在编码面试中,可能会问您“如何在没有临时变量的情况下交换2个变量?”。我很高兴知道执行变量交换的多种方法。在本文中,您将了解大约4种交换方式(2种使用额外的内存,而2种不使用额外的内存)。 1…

  4. Vue.Draggable使用文档总结

    Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。 关于Vue.Draggable详细信息可以查看 github地址 特性 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间的拖拽 不以jQuery为基础 和视图模型同步刷新 和vue2的国度动画兼容 支持撤销操作 当需要完全控制时,可以…

  5. 小白项目|用原生JS实现Windows日历

    日历效果网站 Step1 时钟绘制 首先完成时钟的绘制 生成刻度 //html代码 <div id=”wrap”> <!– 上面的日期时钟部分 –> <div class=”date”> <!– Clock –> <div id=”clock”> …

  6. 【vue@leaflet】 加载矢量切片服务

    相关数据和插件 leaflet 需要使用插件 L.vectorGrid api 文档 github.com/Leaflet/Lea… 网盘地址 链接: pan.baidu.com/s/1H46XCK3P… 密码:ywo3 说明 地图投影和调用的服务投影需要保持一致,这里使用的是 3857,服务对应的是 90013 在这渲染方式上是以图层的方式 sc_countryroad 图…

  7. Node.js 中的异步迭代器

    每日前端夜话 第327篇 翻译: 疯狂的技术宅 作者:János Kubisch 来源:risingstack 正文共:1229  字 预计阅读时间:10 分钟 从 Node.js v10.0.0 开始,异步迭代器就出现中了,最近它们在社区中的吸引力越来越大。在本文中,我们将讨论异步迭代器的作用,还将解决它们可能…

  8. 01-Vue项目实战-网易云音乐-准备工作

    前言 在接下来的一段时间,我会仿照网易云音乐,利用Vue开发一个移动端的网易云音乐项目。在做这个项目之前,需要做一些准备工作。 一、获取网易云API 因为这个项目是基于网易云音乐的,数据都是从网易云获取的,所以我们有必要先拿到网易云API 1. 安装 node 环境 在获取网易云API之前我们必须先搭建好 Node …

  9. Vuex学习入门

    艺术之所以存在, 就是为了使人恢复对生活的感觉, 为了使人感受事物, 使石头显出石头的质感。 –什克洛夫斯基 复制代码 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变…

  10. 新手React开发人员容易做错的5件事

    请勿执行的操作以及如何解决的方法,这部分内容是针对React的新手开发人员提供的。 1.忘记大写React组件 考虑一下这段代码,它创建一个简单的div,其中包含父组件的标题。里面有一个子组件,其中包含带有一些文本…

  11. JS图片压缩的实现思路

    前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套  JS 实现的图片压缩代码呢?当然可以,那我们先来理…

  12. 如何在 Vue 3 中使用生命周期函数

    来源:https://learnvue.co/2020/03/how-to-use-lifecycle-hooks-in-vue3/ 作者:Matt Maribojoc Vue2和Vue3中的生命周期钩子函数非常相似——我们仍然可以访问相同的钩子函数,并且我们仍然希望将它们用于相同的用例。 但是,随着Composition API的引入,我们访问这些钩子函数的方式已经改变…

  13. 携程玩乐团队前端多端开发实践

    作者简介 Neo,携程前端开发工程师,负责玩乐前端架构相关开发工作。 一、前言 本文将介绍在具体业务实践中,携程玩乐团队一套代码多端复用的一些实践与经验,希望能给面对同样问题的同学提供些思路和参考。 1.1 背景 在多端开发实践之前,玩…

  14. 刨析 HTTP

    是什么让HTTP成为互联网的流量担当?简单高效!是什么让HTTP/1.1二十多年依旧活力四射?简单高效!但恰恰是因为HTTP简单高效,导致很多开发者对其视而不见。老张之所以把HTTP报文放在《Web开发进阶》的第二篇,正是因为“千里之行,始于足下”。理解不了HTTP报文,Web开发始终会处在云里雾里,知其然而不知其所以然。 …

  15. webpack4 与 webpack5 公共代码抽离方案

    先抛出一个尖锐问题: MPA 多页应用或微前端架构,如何处理页面的公共部分。 之所以说它尖锐,是因为不止我们公司,包括腾讯在内很多国内外一线技术团队都碰到了。 比如这篇博客: 腾讯文档的困境 我们拿MPA应用举例,比如菜单部分,传统后端模板渲染时一般会通过 // .NET @Html.Partial(“Header”…

  16. H5录音实践总结(Preact)

    获取 PCM 数据 处理 PCM 数据 Float32 转 Int16 ArrayBuffer 转 Base64 PCM 文件播放 重采样 PCM 转 MP3 PCM 转 WAV 短时能量计算 Web Worker优化性能 音频存储(IndexedDB) WebView 开启 WebRTC 获取 PCM 数据 查看 DEMO …

  17. 一个月写完vue音乐播放器

    我觉得每一段自己努力的时光都需要被自己记录下来,所以就有了想法记录我这一个月看视频的所得。在这个过程中自己没有像之前一样,遇到自己解决不了的问题就逃避。虽然说解决一个问题的速度还是有点慢,大概是自己有点轴,这个方面行不通不知道去换一个方向。 还有就是在这个过程中,自己体验到一个比较完整的开发历程…

  18. 理解 JavaScript 编程(ECMAScript 6)(一)

    在大多数基于 C 的编程语言中,变量通常会在声明时创建。而对于 JavaScript 语言,变量创建的时间点则取决于具体的声明方式。 JavaScript 中经典的使用 var 声明变量的方式容易引起困惑,因此 ECMAScript 6 中引入了 块级别的变量绑定 (block-level binding)。 var 关键字 var 关键字对于变量的声明,…

  19. 从剖析Vue-cli源码出发完整的React业务脚手架实践(二)——项目的构建及服务(create)

    上一篇文章我们介绍了如何搭建项目的架构和脚手架的基础模式,这一章节我们继续上次的业务:项目的构建以及服务,着重从如何构建项目文件目录的流程来剖析。 写在前面 这是一篇长期持续更新的React脚手架实践,吸取Vue Cli的脚手架经验,通过我们习惯的 插件-预设 的思想去构造我们的React业务脚手架,这可能不是最…

  20. 一个前端渣渣的node开发体验

    ​ 因为最近打算自己搭建一个自己的博客系统,用来记录日常的学习和提升一下写作水平,所以能就打算自己搭建一下前后端项目。在网上找了下,也没有找到合适(现成)的项目,所以就打算自己动手来搭建一下。这篇文章主要描述如何搭建一个node的API接口服务。 技术栈简述 网上的node框架也挺多的,用的较多的有egg,exp…

  21. 简单10步,教你如何用 AntDesign + Vue 搭建一个可快速开发的后台模板

    相信大家在从零开发后台管理系统的时候会遇到诸多问题,技术选型、UI组件、富文本选择等等。然而万事开头难,如何搭建最开始的后台框架或模板,我觉得是最为重要的一点。本文将采用花裤衩式的同款手模手,用简单的10个步骤,带你快速构建一个自己喜欢的可快速开发的后台模板。 先奉上成果: vue-antdesign-admin-temp…

  22. 「源码级回答」大厂高频Vue面试题(中)

    写在前面 本篇是 「源码级回答」大厂高频Vue面试题 系列的第二篇,本篇也是选择了面试中经常会问到的一些经典面试题,从源码角度去分析。 想从第一篇开始看的,地址在这里 话不多说,干就完了! 简述 Vue 中 diff 算法原理 diff 简介 diff 算法是一种通过同层的树节点进行比较的高效算法,避…

  23. 简单几步让你的 JS 写得更漂亮

    网上有不少关于 JS 编写优化建议,这里我根据自己的经验提出一些比较有用的意见。 1. 按强类型风格写代码 JS 是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好。下面分点说明: (1)定义变量的时候要指明类型,告诉 JS 解释器这个变量是什么数据类型的,而不要让解释器去猜,例如不好…

更多内容请关注公众号【前端开发博客】每日更新


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流