20171101 前端开发日报-前端开发博客

Web网页布局的主要方式；fly.js—Node下增强的API；前端自动上线系统；一个非常适合nodejs初探者练手的全栈项目；HTTP 103，一个新的 HTTP 状态码；React的setState立即执行方法；深入探讨前端组件化开发；Node.js 自学完全总结

Web网页布局的主要方式一、静态布局（static layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-
fly.js—Node下增强的API 这是fly的第四篇篇文章，帮助您在微信小程序中使用fly。在阅读本文之前，如果您还不了解 fly。请先阅读前两篇文章：第一篇： JS HTTP 请求终极解决方案 – fly.js第二篇： Fly vs axios第三篇：微信小程序中使用Fly 发起http请
前端自动上线系统写之前没看到这个插件的开发者已经在掘进上发了文章，我这个没看懂或者需要更深入的查看的，可以去他的页面或者去官网看文档。使用nodejs改进发布流程（上）警告被玩坏了，好了，下面linux上删除文件的命令我删除了，我会加上这个工具开发者加的那个安全删除，要写之前没看到这个插件的开发者已经在掘进上发了文章，我这个没看懂或者需要更深入的查看的，可以去他的页面或者去官网看文档。使用nodejs改进发布流程（上）警告被玩坏了，好了，下面linux上删除文件的命令我删除了，我会加上这个工具开发者加的那个安全删除，要
一个非常适合nodejs初探者练手的全栈项目写在前面：这是算是一个前端萌新第一次涉及到前后端的全栈开发项目，可能涉及到的技术栈用的并不是深入，对许多中间件的总结所述必然会有所欠缺，但本文旨在浅析整个项目过程，同时去还原深化一些相关的概念。而且第一次写文章思路排版等不是很明确，有不对的地方欢迎各位大佬们写在前面：这是算是一个前端萌新第一次涉及到前后端的全栈开发项目，可能涉及到的技术栈用的并不是深入，对许多中间件的总结所述必然会有所欠缺，但本文旨在浅析整个项目过程，同时去还原深化一些相关的概念。而且第一次写文章思路排版等不是很明确，有不对的地方欢迎各位大佬们
HTTP 103，一个新的 HTTP 状态码 103 状态码允许服务器在主报头之前先发送部分报头，以达到预加载文件的目的。 HTTP/1.1 103 Early Hints Link: </main.css>; rel=preload; as=style 103 状态码允许服务器在主报头之前先发送部分报头，以达到预加载文件的目的。 HTTP/1.1 103 Early Hints Link: </main.css>; rel=preload; as=style
React的setState立即执行方法（一）背景楼主在最近的业务开发中刚刚接触使用了react，发现react里的setstate方法是异步执行的，那么我们该怎么让我们的setstate方法立即执行呢，本文将给出楼主搜集的方案。（二）具体解决方案 //1.设置代码 this.setState(
深入探讨前端组件化开发前端组件化开发，已经有多年的历史了，不管是服务端渲染，还是前端SPA，都有了比较成熟的组件化开发的方案。随着组件化开发的普及，前端社区中贡献了很多不错的前端组件，都提供开箱即用的方案，使得更好的发挥组件化的优势。前端团队内，如果有人对前端组件化的理解不够深入，
#前端开发那些事#【Node.js 自学完全总结】详见：一篇关于 Node.js 自学的总结，供你参考与学习。（作者：JokerPeng）
忍者级别的JavaScript函数操作从名字即可看书，此篇博客总结与《JavaScript忍者秘籍》。对于JavaScript来说，函数为第一类型对象。所以这里，我们主要是介绍JavaScript中函数的运用。系列博客地址：https://github.com/Nealyang/YOU-SHOU
JS 中的内存管理 && 常见的 4 种内存泄露处理方式原文链接：https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec 更多文章见译者 Github Repo (star 求 ++) 几周前，我们开始了一系列旨在深入挖掘 JavaScript 及其实际工作原理(的研究)，我们认为：通过了解 JavaScript 的构建块以… 原文链接：https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec 更多文章见译者 Github Repo (star 求 ++) 几周前，我们开始了一系列旨在深入挖掘 JavaScript 及其实际工作原理(的研究)，我们认为：通过了解 JavaScript 的构建块以…
现代化的JS简明表(迷你手册) Image Credits: Ahmad Awais Introduction Motivation
前端每周清单第 37 期：Bootstrap 4 必知必会、2017 Vue.js 报告、Graphcool 开源框架前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单。新闻热点国内国外，前端
#JavaScript#【我是如何学习JavaScript】以前，我总幻想着10天精通JavaScript，一个月精通PHP等之类。最近我才发现这个想法很愚蠢。所以我现在学习JavaScript教程已经不再强迫自己说一个月学完，两个月精通的。下面分享一下我…请戳→ #前端开发博客#
「大前端」weex里native主动发送事件到JS的方案实现本文来自尚妆Android团队路飞发表于尚妆github博客，欢迎订阅！接入weex已有几个月，各方面都已慢慢完善。最近遇到一个点，先记录一下。后续会花时间整理一系列weex相关的文章。希望早点完成。需求现在有很多…
基于 Vue 实现的 tooltip 工具嘛，基于 Vue 实现的一个 tooltip 小工具，不依赖 popper.js，支持指令注册与工具函数使用。项目地址：https://github.com/kinglisky/vtip 文档地址： https://kinglisky.git 嘛，基于 Vue 实现的一个 tooltip 小工具，不依赖 popper.js，支持指令注册与工具函数使用。项目地址：https://github.com/kinglisky/vtip 文档地址： https://kinglisky.git
玩转 React（五）- 组件的内部状态和生命周期文章标题总算是可以正常一点了…… 通过之前的文章我们已经知道：在 React 体系中所谓的 “在 JavaScript 中编写 HTML 代码” 指的是 React 扩展了 JavaScript 的语法，也就是 JSX。JSX 语法中可以以类似 HTML 语法的…
用JavaScript实现一门编程语言 3-2 （解析器之InputStream）字符输入流在这个部分，我们将创建一个“流对象”来提供从字符串读取字符的能力。“流对象”包含四个方法： peek() — 返回下一个值，但不会从流中移除。 next() — 返回下一个值，并且从流中移除。 eof() — 如果流里面没有值了，返回true 字符输入流在这个部分，我们将创建一个“流对象”来提供从字符串读取字符的能力。“流对象”包含四个方法： peek() — 返回下一个值，但不会从流中移除。 next() — 返回下一个值，并且从流中移除。 eof() — 如果流里面没有值了，返回true
Retrofit2 + OkHttp3 配置及 Interceptor 原理前段时间在给公司的新app做一些基础模块的封装，把Http模块中的一些基础配置，比如设置链接超时、Http Log Interceptor、Access Token Interceptor、Status Code Interceptor，以及Json转换、RxJava适配等设置做一下分享，再简单说说OkHttp Interceptor原理。基本配置 OkHttp配置 OkHttp主要采用…
「前端那些事儿」① 浏览器渲染引擎前言浏览器基础是前端知识网中的一个小分支，也是前端开发人员必须掌握的基础知识点。他贯穿着前端的整个网络体系，项目优化也是围绕着浏览器进行的。我们在面试的时候或许经常会被问到：从你在浏览器输入一个网址到网页内容完全被展示的这段时间内，都发生了什么事情
美团点评境外度假团队前端项目开发实践总结前言随着前端项目数量和规模越来越大，参与的人员也越来越多，如何在前端项目开发过程中保证优质的开发者体验和项目的可维护性，同时确保极致的用户体验将会是一个非常大的挑战。为了应对这个挑战，美团点评境外度假前端研发团队自2016年6月起启动了面向C端用户的”赫尔墨斯”项目，主要围绕以下几个…
使用 electron-vue 构建你的桌面应用什么是 electron 官网里这么说：Electron提供了一个Nodejs的运行时，专注于构建桌面应用，同时使用web页面来作为应用的GUI，你可以将其看作是一个由JavaScript控制的迷你版的Chromium浏览器。翻译一下：它是一
angualrJs对数据库数据处理的增删改查 angularJs框架主要运用于管理系统，对数据的增删改查，下面就详细的写写angualrJs在这4个方面的运用一般情况下，我们得到如下的一个简单的已经转换为页面的设计图有4个按钮，它们的状态各不相同。其中添加和删除的初始状态是abled,修改和删除是di
vue-calendar 基于 vue 2.0 开发的轻量，高性能日历组件 vue-calendar-component 基于 vue 2.0 开发的轻量，高性能日历组件占用内存小，性能好，样式好看，可扩展性强 Why Github上太多一个输入框点击弹出日历选择某个时间的组件，却没有找到适合一个单纯展示日历并且能点击获取时间 vue-calendar-component 基于 vue 2.0 开发的轻量，高性能日历组件占用内存小，性能好，样式好看，可扩展性强 Why Github上太多一个输入框点击弹出日历选择某个时间的组件，却没有找到适合一个单纯展示日历并且能点击获取时间 vue-calendar-component 基于 vue 2.0 开发的轻量，高性能日历组件占用内存小，性能好，样式好看，可扩展性强 Why Github上太多一个输入框点击弹出日历选择某个时间的组件，却没有找到适合一个单纯展示日历并且能点击获取时间
Next.js v4.1.4中文翻译最近想稍稍看下 React的 SSR框架 Next.js，因为不想看二手资料，所以自己跑到 Github上看，Next.js的文档是英文的，看倒是大概也能看得懂，但有些地方不太确定，而且英文看着毕竟不太爽你懂得，所以在网上搜了几圈发现好像好像还没有中文翻译，想
js之排序二叉树先说说什么是二叉树在计算机科学中，二叉树（英语：Binary tree）是每个节点最多只有两个分支(不存在分支度大于2的节点)的树结构。通常分支被称作“左子树”和“右子树”。二叉树的分支具有左右次序，不能颠倒。上面是来自维基百科的解释。而每一个节
Egg + Vue 服务端渲染开发指南1. 项目初始化 1.1 通过 easywebpack-cli 脚手架初始化安装脚手架 npm install easywebpack-cli -g 命令行，然后就可以使用 easywebpack 或 easy 命令命令行运行 easywebpack init 选择 egg+vue server side re…
React 组件的 8 个关键决策原文地址：8 Key React Component Decisions: Standardize your React development with these key decisions 原文作者：Cory House 译文出自：掘金翻译计划本文永久
《谁是 2017 年度开源贡献之王？—— GitHub 数据分析报告》
Netcraft 10 月 Web 服务器排名，nginx 逆袭成功腾讯云十分钟定制你的第一个小程序>>>   Netcraft 发布了2017年10月 Web 服务器调查报告，排名前三的依然是 Microsoft、Apache 和 nginx&nbs
JavaScript 中的对象拷贝对象是 JavaScript 的基本块。对象是属性的集合，属性是键值对。JavaScript 中的几乎所有对象都是位于原型链顶部 Object 的实例。介绍如你所知，赋值运算符不会创建一个对象的副本，它只分配一个引用，我们来看下面的代码：