20170710 前端开发日报

JavaScript 已经是第一等语言了;大话大前端时代(一):Vue 与 iOS 的组件化;CSS常用布局简洁解决方案;阿里云前端周刊 – 第 15 期;7月份前端资源分享;json的深浅比对及其弹窗分页table封装;JavaScript 机器学习之 KNN 算法;大话大前端时代(一) —— Vue 与 iOS 的组件化

  1. JavaScript 已经是第一等语言了 简评:JavaScript 厉害是厉害,各种框架茫茫多。 JavaScript (JS) 和 HTML,CSS 是构成万维网(WWW)的核心技术。对于很多人来说,JS 长久以来还只是定位于前端开发。但在过去十年,JS 已经逐渐成为了一个非常全能的语言。 今天,JS 可以被用于包括前端和后端所需要的任何事情。JS 社区也每天都在…
  2. 大话大前端时代(一):Vue 与 iOS 的组件化 序 今年大前端的概念一而再再而三的被提及,那么大前端时代究竟是什么呢?大前端这个词最早是因为在阿里内部有很多前端开发人员既写前端又写 Java 的 Velocity 模板而得来,不过现在大前端的范围已经越来越大了,包含前端 + 移动端,前端、CDN、Nginx、Node、Hybrid、Weex、React Native、Native App。笔者是…
  3. CSS常用布局简洁解决方案相关基础知识 1.内部与外部尺寸模型:(w3c草案)亲测google可支持。(http://w3.org/TR/css3-sizing ) {代码…} 2.可控表格布局: {代码…} 常见布局的实现 1.满幅背景定宽内容: {代码…} 如何避免使用两层…
  4. 阿里云前端周刊 – 第 15 期推荐 1. 为什么我们选择 TypeScript https://redditblog.com/2017/0… 本文是 Reddit 工程师 Niranjan Ramadas 记述在前端技术选型时选用 TypeScript 的考虑过程。作者认为任何语言都有其优缺点,不过合适的语言…
  5. 7月份前端资源分享更多资源请Star:https://github.com/maidishike… 文章转自:https://github.com/jsfront/mo… 7月份前端资源分享 1. Javascript this.length >>> 0 的作用(Javascript)? 数组元素随机化排序算法实…
  6. json的深浅比对及其弹窗分页table封装 可用户配置人员比对表单时候 查看修改的内容情况 —— 由渺渺惜雨怀本尊分享
  7. JavaScript 机器学习之 KNN 算法 译者按: 机器学习原来很简单啊,不妨动手试试! 原文: Machine Learning with JavaScript : Part 2 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。另外,我们修正了原文代码中的错误 上图使用plot.ly所画。 上次我们用Jav…
  8. 大话大前端时代(一) —— Vue 与 iOS 的组件化序 今年大前端的概念一而再再而三的被提及,那么大前端时代究竟是什么呢?大前端这个词最早是因为在阿里内部有很多前端开发人员既写前端又写 Java 的 Velocity 模板而得来,不过现在大前端的范围已经越来越大了,…
  9. React组件模型启示录这个话题很难写。 但是反过来说,爱因斯坦有句名言:如果你不能把一个问题向一个六岁孩子解释清楚,那么你不真的明白它。 所以解释清楚一个问题的关键,不是去扩大化,而是相反,最小化。 Let’s begin. 组件 组件…
  10. vue实现对表格数据的增删改查(CURD)原文地址:https://www.xiabingbao.com/vue/2017/07/10/vue-curd.html 在管理员的一些后台页面里,个人中心里的数据列表里,都会有对这些数据进行增删改查的操作。比如在管理员后台的用户列表里,我们可以录入新用…
  11. 让我印象深刻的javascript面试题1.前言 对于一个web前端来说,面试的时候,难免会遇到javascript的面试题。就我自己而言。有几道面试题,有些是我面试遇到的,有些是在网上看到的,但是都印象深刻。今天就来简单分析一下我遇到的,印象深刻的一…
  12. vue.js 组件之间传递数据前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。 组件 组件与组件之间,还存在着不同的关系。父子…
  13. Vue2 transition源码浅析 通过源码,分析了vue官方组件transition的实现 —— 由我不叫沒耐性分享
  14. 你真的理解CSS属性简写的意义吗 每个懂JavaScript的人再去学习jquery的时候那种感觉,绝对像三伏天突然进到空调间般的清爽顺畅。在CSS中也会让人有类似的体验,各位看官至少都是大鸟级别的人,关于CSS中属性的简写绝对是再熟悉不过了。估计看到这里的时候你脑海中已经浮现出来很多可以简写的CSS属性了,例如margin、font、box-shadow等等。 —— 由tkoctk… 每个懂JavaScript的人再去学习jquery的时候那种感觉,绝对像三伏天突然进到空调间般的清爽顺畅。在CSS中也会让人有类似的体验,各位看官至少都是大鸟级别的人,关于CSS中属性的简写绝对是再熟悉不过了。估计看到这里的时候你脑海中已经浮现出来很多可以简写的CSS属性了,例如margin、font、box-shadow等等。 —— 由tkoctk…
  15. 让 touch 系列事件触发的滚动响应更快 | Web | Google Developers 我们都知道,对于移动端的网页而言,滚动是十分重要的交互,然而 touch 系列事件触发(滚动后)经常会引发严重的性能问题。为了解决这问题,Chrome (通过允许往addEventListener()中传入{passive: true})让touch系列事件的事件监听器变为“被动”(译者注:其实就是touch之后,不再是执行完事件函数后再滚动),同时 poin… 我们都知道,对于移动端的网页而言,滚动是十分重要的交互,然而 touch 系列事件触发(滚动后)经常会引发严重的性能问题。为了解决这问题,Chrome (通过允许往addEventListener()中传入{passive: true})让touch系列事件的事件监听器变为“被动”(译者注:其实就是touch之后,不再是执行完事件函数后再滚动),同时 poin…
  16. Vue2 transition源码分析Vue transition源码分析 本来打算自己造一个transition的轮子,所以决定先看看源码,理清思路。Vue的transition组件提供了一系列钩子函数,并且有良好可扩展性,非常不错。 既然要看源码,就先让整个项目跑起来,…
  17. 基于 Vue2 开发的弹窗插件 基于 vue 2.0 开发的弹窗插件 包含 Alert, Confirm, Toast, Prompt 仿照 iOS 原生UI(样式来源: MUI) —— 由wc-分享 基于 vue 2.0 开发的弹窗插件 包含 Alert, Confirm, Toast, Prompt 仿照 iOS 原生UI(样式来源: MUI) —— 由wc-分享
  18. 如何让模块支持AMD/CMD和commonjs标准前段时间在看一些前端模块化方面的知识,现在自己就来写一个符合amd/cmd 和commonjs标准的模块。在文中会穿插一些AMD/CMD,commonjs的基础知识,主要是为了让自己复习一下。了解的同学们可以直接略过。 一 原模…
  19. vue之nextTick全面解析 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 —— 由joe_meeidol分享 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 —— 由joe_meeidol分享
  20. HTML5拖放API Drag and Drop 此文研究Web API中的拖放接口,提供各个属性和方法的说明,解决拖放过程中的拖拽数据对象存储和获取问题。 —— 由Leechikit分享
  21. Observable VS Promise 有条理地分析了Observable和Promise的区别 —— 由PengL分享 有条理地分析了Observable和Promise的区别 —— 由PengL分享
  22. 大漠穷秋:全面解读Angular 4.0核心特性 内容来源:2017年5月14日,大漠穷秋在“OSC源创会南京站”进行《Angular 4.0核心特性》演讲分享。IT大咖说作为独家视频合作方,经主办方和讲者审阅授权发布。 阅读字数:1354 | 8分钟阅读摘要基于最新的Angular4.0版本,超级大咖
  23. 快速精通前端 Polyfill 方案 今天是 2017 年 7 月 7 日,es2015 正式发布已经两年了。但最新的浏览器们逼近 100% 的支持率对我们好像并没有什么卵用,为了少数用户的体验,我们很可能需要兼容 IE9。感谢 babel 的编译,让我们完美的提前使用上了 const,let 和 arrow function。可也许你还是面对着不敢直接使用 fetch 或是 Object.assign 的难题? —… 今天是 2017 年 7 月 7 日,es2015 正式发布已经两年了。但最新的浏览器们逼近 100% 的支持率对我们好像并没有什么卵用,为了少数用户的体验,我们很可能需要兼容 IE9。感谢 babel 的编译,让我们完美的提前使用上了 const,let 和 arrow function。可也许你还是面对着不敢直接使用 fetch 或是 Object.assign 的难题? —…
  24. 激动人心的 Angular HttpClientAngular 4.3.0-rc.0 版本已经发布。在这个版本中,我们等到了一个令人兴奋的新功能 – HTTPClient API 的改进版本,以后妈妈再也不用担心我处理 HTTP 请求了。 HttpClient 是已有 Angular HTTP API 的演进,它在…
  25. 前端 贝塞尔曲线 相关知识 前端 贝塞尔曲线 相关知识的汇总和深入研究,如果大家有更好的相关知识,欢迎留言讨论,如果有不错的例子 请留下地址,我们一起深入研究 —— 由lotuslwb分享
  26. 快速上手必备:五分钟过一遍 Redux 知识点 你是不是好不容易看完了 Redux 的官方文档、了解了 state/action/reducer/store 这些内容后,但又愁于没有地方可以一次性实践将他们牢记于心,而下次真正要使用的时候又苦于这些看过的概念差不多都忘光了。 如此反复不仅浪费时间、而且消磨精力。 考虑到此,本文尝试通过简明的概述将 redux 中涉及到的主要知识点以及… 你是不是好不容易看完了 Redux 的官方文档、了解了 state/action/reducer/store 这些内容后,但又愁于没有地方可以一次性实践将他们牢记于心,而下次真正要使用的时候又苦于这些看过的概念差不多都忘光了。 如此反复不仅浪费时间、而且消磨精力。 考虑到此,本文尝试通过简明的概述将 redux 中涉及到的主要知识点以及…
  27. React 实践项目 (二) redux + immutable + redux-saga React在Github上已经有接近70000的 star 数了,是目前最热门的前端框架。而我学习React也有一段时间了,现在就开始用 React+Redux 进行实战! —— 由Yuicon分享
  28. css3制作图形大全 纯css3制作各种各样的图形 —— 由WWF分享 纯css3制作各种各样的图形 —— 由WWF分享

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

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


关注我

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

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

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