20200213 前端开发日报

vue使用的血泪心得;用Vue3(Vue-Composition API) 写一个疫情查询小工具;vue-router实现原理及两种模式分析;Go 语言编写的一个轻量、高性能的 HTTP Router;使用webpack搭建pixi.js开发环境;JavaScript优雅写法及骚操作;swiper.js简单快速实现轮播滑动(兼容PC端、移动端);JavaScript 库一旦安装几乎不会更新

  1. vue使用的血泪心得 vue.js使用的人越来越多了,大多数的公司也在使用vue框架进行开发自己公司的产品。虽然vue.js语法比较简单,官网文档也比较详细,但是越简单的东西,越容易让人忽视细节,从而容易导致代码水平参差不齐,风格各不相同。 对于初学者,感觉一般不怎么会花时间去查看官网文档,不知道把视点落在何处。只有日后自己上班的时…
  2. 用Vue3(Vue-Composition API) 写一个疫情查询小工具 线上地址 git地址 因为疫情太过严重,只能呆在家,所以前几天用 React + Antd 写了一个疫情查询小工具:React 版本,也算为疫情的防控做了一点点贡献。这两天呢,看见 Vue3-Alpha 版本都出到 v3.0.0-alpha.4 了,如图: 在这个版本中,主要的工作就只剩下处理服务器端渲染了,所以Vu3真的是指日可…
  3. vue-router实现原理及两种模式分析 之前用Vue开发单页应用,发现不管路由怎么变化,浏览器地址栏总是会有一个’#’号。 当时检查自己的代码,没有发现请求的地址带’#’,当时也很纳闷,但是由于没有影响页面的渲染以及向后台发送请求,当时也没有在意。最近看了一下vue-router的实现原理,才逐渐揭开了这个谜题。 vue-router 的两种…
  4. Go 语言编写的一个轻量、高性能的 HTTP Router README.md CleverGo CleverGo is an enhanced version of julienschmidt/httprouter which provides extra useful features. Contents Motivation Features Usage Difference…
  5. 使用webpack搭建pixi.js开发环境本文介绍怎么使用webpack搭建pixi.js游戏的开发环境,怎么配置babel将ES6+代码最终转换为ES5,怎么利用gulp将webpack和其他脚本粘合一起优化项目并最终发布项目。
  6. JavaScript优雅写法及骚操作 昨天看权威指南的时候看到一个个人觉得很优雅的写法,便想着记录一下(我的梦想就是写一手富有诗意的优雅代码)在Js世界中,有些操作会让你无法理解,但是却无比优雅。如有错误,欢迎批评指正!(看前先点赞,养成好习惯哈哈哈) 1、 判断为空 直白写法 if(a == undefined) a = []; if(params.success)…
  7. swiper.js简单快速实现轮播滑动(兼容PC端、移动端)swiper是一款免费以及轻量级轮播滑动的js框架,适用于PC端跟移动端,官方地址:([链接] 效果演示: PC端 移动端(在浏览器将设备切换为手机,这里切换为iphone),swiper支持移动端触控左右滑动 代码部分(复制粘…
  8. JavaScript 库一旦安装几乎不会更新CDNJS 是在网页上包含 JavaScript 和其他前端资源的一种非常流行的方式。在 CDNJS 小组的许可下,我们从 CDNJS 请求中收集了匿名和汇总的数据,这些数据用于了解人们如何建立 Internet。今天,我们的分析集中在一…
  9. 前端图片压缩上传(压缩篇):可能是最适合小白的前端图片压缩文章了 如果您只是为了copy代码实现功能,建议您不要看这篇博客了。如果您是copy了代码实现了功能,想回来了解具体的实现流程、实现原理以及部分科普,我觉得本篇博客能给你带来不小的收获。 2. 任务背景 最近的项目有一个技术场景,简单来说就是用户需要上传图片至服务器。就是这么一个简单的技术场景,但是用户是不可控的…
  10. 前端构建工具webpack入门 ​ 说到项目构建工具(依赖管理、环境配置管理、打包、测试、发布),我们Java工程师最熟悉的莫过于 Maven 或 Gradle ,Maven是当下Java岗位最流行的项目构建工具,而Gradle以最简洁的DSL语法成为了最受欢迎的构建工具,较早是受Android工程师欢迎,现在在Java服务器端技术广泛使用,比如我们常用的 Spring Boot …
  11. 如何验证JavaScript是单线程? 最近虽疫情严重,但是春天马上就要到来,面试季也要拉开序幕,大家在跳槽之前一定要努力复习,以免错过心仪的公司。 言归正传 今天逛技术论坛看到了这么一个问题,"如何用代码验证JS是单线程的?"。作为一个两年工作经验的前端工程师,虽然知道JS是单线程的,但是确实没有深入研究过。 于是查翻资料,夯…
  12. Vue 中如何让 input 聚焦?(包含视频讲解)点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  13. 初探 Node.js 框架:eggjs (环境搭配篇) eggjs 是一个优秀的 Node.js 框架 概述:为什么标题上说 eggjs 是一个优秀的 Node.js 框架(可跳过)? 换言之,我们为什么选择 eggjs 进行开发而不是之前初学时使用的 Express 框架呢? Express 是最著名的 Node.js 框架,它甚至是官方唯一推荐过的(目前) 但是根据实际开发,我觉得它的配置相当冗长,比方说…
  14. THREE.js探索基础篇 公司的一个新项目要求做仿真,所以探寻了一番找到three.js来做,本来公司就是做gis相关业务的,所以迟早都要接触three.js。(来了公司还要求学习openlayer、cesium,唉感觉时间都不够用!) 好了,言归正传上干货,用three.js画一个简单的正方体。 正文 1.环境搭建三种方式: 1)、直接cdn引入一个在线three…
  15. JavaScript中闭包的概念、原理、作用及应用闭包:有权访问另一个函数作用域中的变量的函数;一般情况就是在一个函数中包含另一个函数。从官方定义我们知道闭包是一个函数,只不过这个函数有[超能力],可以访问到另一个函数的作用域。为什么说这个叫做[超能…
  16. JavaScript 异步之路 点击关注“OPPO互联网技术”,阅读更多技术干货 1. 基本介绍 我们知道,JavaScript 语言的一大特点是单线程,这是由它最初的应用场景决定的。它最初作为浏览器的脚本语言,用来与用户进行交互,并且可以用来操作 DOM。如果它是多线程的,可能会带来复杂的冲突,因此 JavaScript 最初被设计时即为单线程的。 虽然…
  17. 【速查表】HTTP状态码总结状态码 说明 释义 200 OK 请求成功。一般用于GET与POST请求 201 Created 已创建。成功请求并创建了新的资源 202 Accepted 已接受。已经接受请求,但未处理完成 203 on-Authoritative Information 非授权信息。请…
  18. 如何快速搭建一个 Node.JS 项目并进入开发? 了解:如何快速搭建一个项目并进入开发? 在此不概述 Node.JS 的历史以及发展过程。 因为之前接触过通过 Java 开发语言,所以明确地知道一个服务器所需的文件,以及一个服务器所需要的操作。 那么,我们细分一下,所有的服务器都至少需要什么呢? 静态文件访问 路由分发 数据库连接 这三者是最…
  19. Node.js实战–资源压缩与zlib模块nodejs 的 zlib 模块提供了资源压缩功能。例如在 http 传输过程中常用的 gzip,能大幅度减少网络传输流量,提高速度。本文将从下面几个方面介绍 zlib 模块和相关知识点:

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

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

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

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