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

用上古思想写现代前端；大型网站前端使用图片格式的正确姿势；纯CSS3多列的瀑布流布局演示；大前端开发者需要了解的基础编译原理和语言知识；理解Javascript之执行上下文(Execution Context)；前端调试告别笨办法；60个精美的个人网站欣赏；腾讯Web前端大会 TFC2017 会议现场纪实(上午)

用上古思想写现代前端译者注：这篇文章非常有趣，作者介绍了利用复古的的图形界面设计模式实现组件间解耦。但说起来古老，实际上说明了flux做了什么事情，以及为什么要有flux。正文利用过去的编程范式可以避免重写你的JavaScript应用。太多时间花在了重写UI上面我们会出于不同的原因去重写UI。通常…
大型网站前端使用图片格式的正确姿势如今，图像已经成为网络不可或缺的一部分。但情况并非一贯如此。直到1993年，Mosaic浏览器才在网页内容中加入图像。有些图像格式像GIF和JPEG当时已经存在，而PNG和SVG直到90年代才出现。图像用途多样，如：显示图片、品牌、插图、图表以及许多其他内容。由于图片格式多样以及繁多的应用场景，如何选择正确的图片…
【纯CSS3多列的瀑布流布局演示】网上的瀑布流布局大部分都是通过JS来求定位，但现在CSS3也可以做到了，你不需要使用一点JS，就可以做出一个反应快速的CSS3瀑布流布局。@前端开发博客
大前端开发者需要了解的基础编译原理和语言知识在我刚刚进入大学，从零开始学习 C 语言的时候，我就不断的从学长的口中听到一个又一个语言，比如 C++、Java、Python、JavaScript 这些大众的，也有 Lisp、Perl、Ruby 这些相对小众的。一般来说，当程序员讨论一门语言的时候，默认的上下文经常是:“用 xxx 语言来完成 xxx 任务”。所以一直困扰着的我的一个问题就是…
理解Javascript之执行上下文(Execution Context)1>什么是执行上下文 Javascript中代码的运行环境分为以下三种：全局级别的代码 – 这个是默认的代码运行环境，一旦代码被载入，引擎最先进入的就是这个环境。函数级别的代码 – 当执行一个函数时，运行函数体中…
前端调试告别笨办法
【60个精美的个人网站欣赏】本文集合了 25个个人网站设计案例欣赏和 35枚不同风格的设计师个人网站欣赏的60个精美的个人网站设计欣赏，个人网站设计突出表达的是个性鲜明，独特界面和展示个人特点的网站，下面… @前端开发博客
腾讯Web前端大会 TFC2017 会议现场纪实(上午)
《HTML 自定义元素教程》组件是 Web 开发的方向，现在的热点是 JavaScript 组件，但是 HTML 组件未来可能更有希望。本文就介绍 HTML 组件的基础知识：自定义元素（custom elements）。（by 阮一峰）
RxJS – Observables, observers 和 operators 简介RxJS 是响应式编程 (reactive programming) 强大的工具，今天我们将深入介绍 Observables 和 Observers 的内容，以及介绍如何创建自己的操作符 (operators)。如果你之前已经使用过 RxJS，并希望了解 Observable …
vue.js使用vue-cli搭建一个SPA项目WHY 之所以写这篇如何运用脚手架自动化构建出一个项目的大架构，主要是面向想入门vue的小伙伴。之前，我第一次接触vue，一直摸不着头脑，想在网上搜个接地气的教程都找不到。SO，我以如何搭建结构为开始，向想入…
基于angular2实现用户登录并信息持久化的一些理解(一)知识点 angular2、nodejs、redis、session 前期准备基于实现目标，我们在进行之前先分析下需求。 1、实现用户登录、验证；想实现这个需求，思路无非就是从前端用post将用户名、密码（MD5）传到后端，后端再根据…
python web 框架 Sanci 快速入门简介 Sanic 是一个和类Flask 的基于Python3.5+的web框架，它编写的代码速度特别快。除了像Flask 以外，Sanic 还支持以异步请求的方式处理请求。这意味着你可以使用新的 async/await 语法，编写非阻塞的快速的代码…
X 合一的 React 应用开发指南 react 项目开发学习向导，集成了包括 webpack, babel, redux 等现有技术的介绍，同时还可以在线演练，非常好用。 —— 由kingzzm分享
用 Vue 来写 React 和 ReactNativeGitHub: react-vue 前言 react-vue 为两大前端框架搭了一座桥，它主要有三种用法使用 Vue 的响应式系统驱动 React 渲染使用 react-vue-loader 将 Vue 组件编译成 React 组件使用 react-vue-native-script 在 R…
React技术栈之React（三）组件的生命周期React严格定义了组件的生命周期，共3个过程：1) 装载过程（Mount）：组件第一次在DOM树中渲染的过程；2) 更新过程（Update）：组件被重新渲染的过程；3) 卸载过程（Unmount）：组件从DOM树中删除的过程。三种不…
React技术栈之React（二）组件的prop和state组件是React的基石，所有的React应用程序都是基于组件的。基于组件的应用开发是广泛使用的软件开发模式，用分而治之的方法，把一个大的应用分解成若干小的组件，每个组件只关注某个特定功能，但是把组件组合起来…