20191001 前端开发日报

vue自动化路由;新手前端不要慌 给你✊10根救命稻草;vue中的渲染函数/jsx和插槽slot;解决 Android 28 不能请求 HTTP 接口的问题;axios 是如何封装 HTTP 请求的;Spring Boot 系列教程 Web 篇之返回文本、网页、图片的操作姿势;Webpack4文档;前端中的编译原理:从零打造一个实用的 Babel 插件

  1. vue自动化路由 解放双手,从此不用配置路由。当你看到项目中大批量的路由思考是拆分维护业务路由还是统一入口维护时,无需多虑,router-auto是你的最优选择,它帮你解决路由的维护成本,你只需要创建相应的文件夹,路由就能动态生成,路由拦截你可以在main.js中去拦截他,总之比你想象的开发还要简单。 router-auto github地…
  2. 新手前端不要慌 给你✊10根救命稻草放假了特意给大家坐火车打发时间写了这篇工具收集类的小文, 让大家轻轻松松学知识, “铁皮饭盒”祝大家十一快乐, 吃开心玩开心!
  3. vue中的渲染函数/jsx和插槽slot 这段时间重新看了下vue的文档,发现还有很多使用使用频率不是那么高,或者简单使用过但不那么清晰的知识点。今天我们就来看一下其中的渲染函数render,jsx语法和插槽slot的用法。 2. 模板语法的弊端 熟悉vue单文件组件写法的同学们都知道,vue文件的html部分是由 <template></template> 组成,这种方法…
  4. 解决 Android 28 不能请求 HTTP 接口的问题 从Android 9(API级别28)开始,默认情况下禁用明文支持。 所以我们要请求 HTTP 接口则需要多做一些配置来开启 HTTP 的支持。 方式1: android:usesCleartextTraffic 在 Android 项目的app/main/AndroidManifest.xml的 application 配置中加上android:usesCleartextTraffic=”true”: <m…
  5. axios 是如何封装 HTTP 请求的 前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。 axios 就是这样一个 HTTP 请求库,近年来非常热门。目前,它在 GitHub 上拥有超过 40,000 的 Star,许多权威人士都推荐使用它。 因此,我们有必要了解下 axios 是如何设计,以及如何实现 HTTP 请求…
  6. Spring Boot 系列教程 Web 篇之返回文本、网页、图片的操作姿势 前面几篇博文介绍了如何获取get/post传参,既然是http请求,一般也都是有来有往,有请求参数传递,就会有数据返回。那么我们通过springboot搭建的web应用,可以怎样返回数据呢? 本篇将主要介绍以下几种数据格式的返回实例 返回文本 返回数组 …
  7. Webpack4文档 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。 2. 为什么用webpack 原生浏览器,不能很好的识别 ES6 以及更高版本中 ES moudule 模块引入方式。代码中使用 ES moudule ,可以通过webpack进行打包编译成浏览器识别的语法。 3、webpack安装使用的三种方式 global全局安装 // 全局安…
  8. 前端中的编译原理:从零打造一个实用的 Babel 插件 戳蓝字「前端技术优选」关注我们哦! 作者:RetroAstro 原文地址:https://github.com/RetroAstro/cosmos-blog 编译器 说起编译原理,可能我们脑海中首先浮现的就是 “编译器” 这个词汇。维基百科上对编译器的定义是:编译器是一种计算机程序,它会将某…
  9. 【Swoole】从源码中查Websocket连接问题 问题 我们项目的Websocket Server使用的Swoole,最近在搭建 beta 环境的时候发现 Websocket 协议虽然升级成功了,但是会出现定时重连,心跳、数据也一直没有发送。项目的生产环境和beta一致,但是生产环境确没有这个问题。 定位问题 为了方便调试 Swoole,以下测试是在本地环境下进行。 查看PHP日志 …
  10. 100行JavaScript代码在React中优雅的实现简单组件keep-Alive移动端中,用户访问了一个列表页,上拉浏览列表页的过程中,随着滚动高度逐渐增加,数据也将采用触底分页加载的形式逐步增加,列表页浏览到某个位置,用户看到了感兴趣的项目,点击查看其详情,进入详情页,从详…
  11. 通过「快捷指令」运行 JSBox 脚本,打造 iOS 13 时代的自动化新玩法 Matrix 精选 Matrix是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。 文章代表作者个人观点,少数派仅对标题和排版略作修改。 前言 快捷指令,是 Apple 收购Workflow后为 iOS 设计的自动化工具。在中文…
  12. React Native 交互管理器InteractionManager使用InteractionManager可以让一些耗时的任务在交互操作或者动画完成之后进行执行,这样使用可以保证我们的JavaScript的动画效果可以平滑流畅的执行。可以大大提升用户体验。比如:导航的转场动画
  13. 前端面试 — Vue Router 它们是两个 注入到每个子组件的属性 this.$router:router 实例。 this.$route:当前激活的路由信息对象。这个属性是只读的,里面的属性是 immutable (不可变) 的,不过你可以 watch (监测变化) 它。 怎么定义动态路由? 想实现 动态路由 ,需要使用动态路径参数 一个“路径参数”使用冒…
  14. 揭开 JavaScript 引擎的面纱——深入审视当下最流行的开发语言 最初,JavaScript 只能在 Web 浏览器中运行,但是随着 Node 的出现,现在 JavaScript 也可以在服务端运行。虽然我们可能知道应该在何时何地去使用它, 但是我们真的了解这些脚本执行的背后发生了什么吗? 如果您觉得自己对 JavaScript 引擎有了一些了解的话,可以先给自己鼓个掌,但不要急着关掉本文,我相信阅读完成…
  15. 解决 vue cli 使用 typescript 后打包巨慢的问题 最近新开了一个项目,虽然用的是 vue 技术栈,但是为了项目的健壮性,还是强上了 typescript, 于是引出了下面的问题。 问题 之前使用过 ts-loader 打包 react 项目,给我的感觉就是巨慢,开发环境下,每次保存后,需要等10秒钟左右才能构建完成,当时为了解决这个问题,把 ts-loader 替换成了 babel 的 typescript 插…
  16. JavaScript engine fundamentals: Shapes and Inline Caches 一切从你写的 JavaScript 代码开始。JavaScript 引擎会解析源码并将其转换成抽象语法树(AST)。基于 AST,解释器(interpreter)会进一步地生成字节码。 js-engine-pipeline 为了能够运行得更快,字节码可能会和分析数据(profiling data)一同发给优化编译器(the optimizing compiler)。优化编译器会根据…
  17. React项目实现全局 loading 以及错误提示 前言 在项目中使用 loading ,一般是在组件中用一个变量( 如 isLoading )来保存请求数据时的 loading 状态,请求 api 前将 isLoading 值设置为 true ,请求 api 后再将 isLoading 值设置为 false ,从而对实现 loading 状态的控制,如以下代码: import { Spin, message } from ‘antd’; …
  18. 前端面试笔记-Ajax及跨域小白向 前端一年的练习生,水平稍微菜了点,面试经常碰壁,把一些经验记录下来做个分享,尽力写好,希望能帮助一部分人 什么是Ajax 简单的说就是一个发送请求的方法,全程为Asynchronous JavaScript and XML(异步的JS和XML,XML多用的JSON代替),刚开始我还以为跟axios一样需要专门new一个,其实Ajax只是一项异步发送请求的…
  19. webSocket(二) 短轮询、长轮询、Websocket、sse Web Sockets定义了一种在通过一个单一的 socket 在网络上进行 全双工通讯的通道 。仅仅是传统的 HTTP 通讯的一个增量的提高,尤其对于 实时、事件驱动 的应用来说是一个飞跃。 通过Polling(轮询)、Long-Polling(长轮询)、Websocket、sse的对比。四种Web即时通信技术比较它们的 实现方式 和 各自的优缺点 。 对比优缺…
  20. JavaScript 中的性能和可读性 原文: Performance vs Readability JavaScript 已经发展成为一种更易读的语言。毫无疑问,这对这门语言的发展是毫无害处的。 而软件开发始终是在一个团队不断变化的动态环境中的,这意味着现有代码对于团队新手来说是需要可读的。但是,可读性必须是以性能为代价的吗?在哪里划分性能和可读性之间的界限?什么时…
  21. Javascript 手动造轮子上次发了一下手动实现Promise [链接] 之后有猿友问我私聊我其它的像bind, call这些有没有标准的写法。我的回答是没有,像这些api我们只能仿照它的功能,只能做得很像很像,但是绝对标准的答案是没有的,就像我之前…
  22. CMS全栈项目之Vue和React篇(下)(含源码) 今天给大家介绍的主要是我们全栈CMS系统的未讲解完的后台部分和前台部分,如果对项目背景和技术栈不太了解,可以查看我之前的文章 基于nodeJS从0到1实现一个CMS全栈项目(上) 基于nodeJS从0到1实现一个CMS全栈项目(中) 基于nodeJS从0到1实现一个CMS全栈项目的服务端启动细节 摘要 本文将…

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

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


关注我

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

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

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