20170518 前端开发日报

ajax 和jsonp 不是一码事 细读详解;10 个打造 React.js App 的最佳 UI 框架;用纯 CSS 实现饼状 Loading 旋转等待图;【Vue源码探究二】从 $mount 讲起,一起探究Vue的渲染机制;CSS3学习笔记;CSS Flex布局属性整理;基于 Webpack2、Vue2、iView2 的可视化脚手架 iView Cli 发布 2.0 版本;2017-05-18 前端日报

  1. ajax 和jsonp 不是一码事 细读详解由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的…
  2. 10 个打造 React.js App 的最佳 UI 框架 在本文中,我们将分享一些助你打造 React.js App 最佳的 UI 框架。它们具备你所需要的基本 React 组件,以及易用的 API,同时,在外观和体验上也非常棒。Have Fun ! —— 由IT程序狮分享
  3. 用纯 CSS 实现饼状 Loading 旋转等待图 本文是简述了如何用纯 css3 来实现饼状 Loading 等待图的原理及详细过程,可以替代用图片资源来同样的效果实现。 —— 由visugar分享
  4. 【Vue源码探究二】从 $mount 讲起,一起探究Vue的渲染机制mount, 意思为挂载。可以理解为将vue实例(逻辑应用),挂靠在某个dom元素(载体)上的一个过程。 一、创建Vue实例时的渲染过程 上一篇文章我们讲到, 在创建一个vue实例的时候(var vm = new Vue(options))。Vue…
  5. CSS3学习笔记1.文档换行 a.强制一排显示文本,多出的地方切割文本,并加上省略号,”三句真言” {代码…} b.强制换行 {代码…} word-break:break-all 和 word-wrap:break-word 都是能使其容器如DIV的内容自动换行,它们的区别…
  6. CSS Flex布局属性整理 Flex布局 display: flex; 将对象作为弹性伸缩盒展示,用于块级元素,webkit内核浏览器应增加前缀 display: -webkit-flex; display: inline-flex; 将对象作为弹性伸缩盒展示,用于行内元素,webki
  7. 基于 Webpack2、Vue2、iView2 的可视化脚手架 iView Cli 发布 2.0 版本谷歌今天发布了一系列“性感”的软件,我们也发布了一款大家期待已久的开发者工具,同样很性感 :) iView 2.0 已经发布有两个月了,在 2.0 发布后,npm 下载量、issues 数量都提升了很多(可以 watch 下项目,感受…
  8. 2017-05-18 前端日报2017-5-18 前端日报 Google I/O 完整盘点,这才是地球上最「性感」的发布会 使用create-next-app零配置创建ReactApp 优秀的前端程序员为什么要加入前端之巅 CSS进阶:提高你前端水平的4个技巧 学了这么多年JS,你…
  9. H5 本地存储详细使用教程(localStorage + JSON 数据存储应用框架) H5 本地存储有两个 API,一个是 Web Storage,还有一个是 Web SQL。 —— 由kg-web分享
  10. vue.js动态数据绑定学习对于vue.js的动态数据绑定,经过反复地看源码和博客讲解,总算能够理解它的实现了,心累~ 分享一下学习成果,同时也算是做个记录。完整代码GitHub地址:https://github.com/hanrenguang/Dynamic-data-binding。也…
  11. 利用 ECMAScript 学习如何判断数据类型 每一种编程语言都有数据结构,但他们各有不同之处。JavaScript 是一种动态语言,变量的类型不用提前声明,你可以使用同一个变量来保存不同的数据类型。 —— 由LeviDing分享
  12. 菜鸟程序员成长史 –记 Github 1000+ contributions其实一直以来想写一篇文章总结这几年的技术学习,刚好趁着自己的第一次github contribution 达到1000+,写篇文章总结以下。本文篇幅较长,我会分为几个章节来分别阐述。 博客篇 为什么我要把博客放在第一位呢?因…
  13. Webpack + vue 搭建快速到达:初始化项目     入口文件     webpack配置    配置路由    配置Vuex     eslint     webpack生产环境配置    常见错误总结 前言: 为何使用webpack? 为何相对于gulp&grunt更有优势 WebPack(前往…
  14. javascript 基础 – 数据绑定的前奏之对象属性 了解数据绑定底层弄透 getter 和 setter —— 由不一样的doger分享
  15. React 教程 – 6. 事件处理 React 官方文档翻译 – 6. 事件处理 —— 由缪运泽分享
  16. ECMAScript6系列之八:函数的扩展一、函数参数的默认值 1.基本用法: ES6允许为函数的参数设置默认值,即直接写在参数定义的后面;两个好处:一是有利于将来代码优化;二是可以立刻意识到哪些参数是可以省略的; 设置了默认值的参数不能在函数体…
  17. 大白话之 JavaScript 事件 大白话之 JavaScript 事件 —— 由关于郑州想的都是你分享
  18. JavaScript数据结构02之集合 集合是一组无序但彼此之间又有一定相关性的成员构成的,每个成员在集合中只能出现一次。 – 不包含任何成员的空集,全集则是包含一切的成员的集合。 – 如果两个集合的成员完全相同,则称为两个集合相等 – 如果一个集合中所有的成员都属于另外一个集合则称前一集和为另一集
  19. GitHub Desktop – 基于 Electron 的开源应用 GitHub Desktop is an open source Electron-based GitHub app. It is written in TypeScript and uses React. —— 由稀土君分享
  20. JavaScript 深入之变量对象》在上篇《JavaScript深入之执行上下文栈》中讲到,当JavaScript代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。 (by 冴羽) ​​​

    JavaScript 深入之变量对象

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

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


关注我

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

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

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