20180327 前端开发日报

9小时搞定微信小程序开发;前端微服务化方案对比:路由懒加载 vs 子应用模式;【基础】这15种CSS居中的方式,你都用过哪几种?;鲜为人知的 HTTP 协议头字段详解大全;使用Vue构建可重用的分页组件;PostCSS 6.0.21 发布,使用 JS 插件转换样式工具;eggjs工程与分析;Vue:渲染、指令、事件、组件、Props

  1. 从近期几款小程序获得千万美元级别的融资来看,小程序未来几年想象空间很大,会有更多企业不做 App 而转做小程序,应该趁平台红利期趁早入局,顺便推荐一个小程序开发课程,推荐购买还有返现,需要的自取哈。直达链接
  2. 前端微服务化方案对比:路由懒加载 vs 子应用模式 撸了个新框架 Mooa,用于前端应用的微服务化拆分。 过去的几周里,作为一个 “专业” 的咨询师,一直忙于在为客户设计一个应用拆分的服务化方案。主要是为了达成以下的设计目标: 构建插件化的 Web 开发平台,满足业务快速变化及分布式多团队并行开发的需求 构建服务化的中间件,搭建高可用及高复用的前端微…
  3. 【基础】这15种CSS居中的方式,你都用过哪几种?简言 CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15种。如有漏掉的,还会陆续的补充进来,算做是一个备…
  4. 鲜为人知的 HTTP 协议头字段详解大全 继上篇讲了HTTP协议的基础之后,本篇重点介绍一下HTTP常用的Header。 HTTP Header非常之多,很少有人能完全分清这些Header到底是干什么的。鉴于RFC文件规范艰深晦涩难懂,本文对协议规范中列出的HTTP Header进行了梳理,用通俗的语言进行表达,便于读者吃透HTTP协议。 作者在阅读RFC文档的时候发现了…
  5. 使用Vue构建可重用的分页组件 Web应用程序中资源分页不仅对性能很有帮助,而且从用户体验的角度来说也是非常有用的。在这篇文章中,将了解如何使用Vue创建动态和可用的分页组件。 基本结构 分页组件应该允许用户访问第一个和最后一个页面,向前和向后移动,并直接切换到近距离的页面。 大多数应用程序在用户每次更改页面时都会发出API请求。我…
  6. PostCSS 6.0.21 发布,使用 JS 插件转换样式工具 PostCSS 6.0.21 已发布,该版本主要是通过重命名中文文档以修复 yarnpkg.com 的问题。 PostCSS 是一个允许使用 JS 插件转换样式的工具。 这些插件可以检查(lint)你的 CSS,支持 CSS Variables 和 Mixins, 编译尚未被浏览器广泛支持的先进的 CSS 语法,内联图片,以及其它很多优秀的功能。 PostCSS 目前在工业界被…
  7. eggjs工程与分析 本文大量引用了eggjs官方文档指引,并且根据文档创建了eggjs项目,进行了简单的分析,这仅是我个人的总结,轻拍。 根据公开的文献,eggjs的前身属于蚂蚁金服,于2016年9月亮相JSConf China并正式开源。它有一个很显著的特点:【微内核+
  8. 聊一聊HTTP缓存机制 前言 在说缓存之前先简单说一下HTTP报文。HTTP报文是在HTTP应用程序之间发送的数据块。报文的结构由起始行、头部(header)和主体(body)组成。报文的类型又有请求报文和响应报文。 缓存 当浏览器第一次向服务器请求资源时会去询问服务器这个资源
  9. CSS人人都能写自定义Checkbox(+1白话讲解) 背景 那一刻…无数前端开发者想起了自己曾经被Checkbox支配的恐惧…这种在绝大多数浏览器中几乎或完全不能进行样式替代的玩意让开发者们被迫选择默认样式,或者是找一些访问性极差的hack方案… 开始操作 先把基本结构搞出来 <input
  10. React: setState in depth 我们都知道调用 setState 改变 state 的结构会导致组件 re-render,但是如果我们在调用 setState 时不改变 state 的结构会导致 re-render 吗?
  11. webpack4新特性介绍 导语: webpack是一个JS应用打包器, 它将应用中的各个模块打成一个或者多个bundle文件。借助loaders和plugins,它可以改变、压缩和优化各种各样的文件。它的输入是不同的资源,比如:js、css、图片、字体和html文件等等,然后将它们输出
  12. 从零开始搭建webpack应用 最近研究webpack配置神烦,打包工具指不定哪天又要被取代。要想自己手动搭一个复杂应用的webpack脚手架不是一件容易的事, 看看vue-cli的webpack配置文件就有8+个,使用的插件有14+个,代码800行+。还没开始写代码就要搞懂这么多“规则”,
  13. ReactNative 滑动字母选择城市 以及搜索功能 先上效果图 遇到的问题 右侧字母选择器 高度问题, 右侧字母选择器 如何使用手势检测panresponse 右侧字母选择器 计算高度如何判断是触摸到那个字母上的(思考 如果是==nat
  14. 用 Promise 实现并发 vs Go goroutine 我们知道Node.js里充满着大量的异步, 后来出现了Promise以及async/await来解决”callback hell”的问题。我们就来看看promise以及async/await如何简化JS并发代码的编写, 最后再给出一份实现相同功能的Go代码。 问题 代码开发中经常会做的一件事就是去请求一个api, 并可能进一步根据api返回结果去获…
  15. js中的私有变量 模仿块级作用域(私有作用域) (function() { // 块级作用域 })(); // 访问不到块级作用域 这种方法可以限制向全局作用域中添加过多的变量和函数,同时还可以减少闭包占用的内存问题,因为没有指向匿名函数的引用。只要函数执行完毕就可以立即销
  16. RxJS基础教程 RxJS是一个基于可观测数据流在异步编程应用中的库。 ReactiveX is a combination of the best ideas fromthe Observer pattern, the Iterator pattern, and f
  17. JS拾荒のPromise实现难点 resolve的是一个promise then中return了一个promise 防止循环引用 延迟设计 初衷猜想 关于异常捕获 值的穿透 pre-notify previously : Promise深度学习—我のPromise/A+实现 异步
  18. 编写一个简单的babel插件 babel插件编写 编写一个模块按需加载的babel插件 当我们导入lodash中指定的工具函数时 会将整个lodash打包进来 import {flattenDeep, chunk} from ‘lodash’ 换成按需引入的写法 但是这样写有些麻烦
  19. 关于 CSS 变量,你需要了解的一切 原文地址:Everything you need to know about CSS Variables 原文作者:Ohans Emmanuel 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Mechanician

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

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


关注我

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

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

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