20170625 前端开发日报

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

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

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

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

原创文章:20170625 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170625.html)

发表评论

请登录后发表评论: