20171208 前端开发日报

再也不学ajax了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝集成到 react-native 应用;基于Vue的组织架构树组件;JS如何实现ES6 Map源码

  1. 再也不学AJAX了(三)跨域获取资源 ② - JSONP & CORS 浏览器的“同源策略”固然保障了互联网世界的数据隐私与数据安全,但是如果当我们需要使用AJAX跨域请求资源时,“同源策略”又会成为开发者的阻碍。在本文中,我们会简单介绍需要跨域请求资源的两种情景,然后,详细解释目前主流的四种跨域请求资源方案。 让我们开始吧! 一、何时需要跨域 试想,当我们拥有多个站点,...
  2. JavaScript 权威面试指南 原文链接:The Definitive JavaScript Handbook for a developer interview作者: Gustavo Azevedo译者: 余博伦原文转自 freeCodeCamp on medium,转载请
  3. 20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;CSS float相关详解;javascript项目开发规范实例;使用vue-cli的webpack模板的一次优化;ios 与 JS 交互手册 – JavaScriptCore;JavaScript 工作原理:内...详情→ ​​​

    20171207 前端开发日报
  4. 听说你用JavaScript写代码?本文是你的机器学习指南 JavaScript 是一种流行的高级编程语言,它被世界上的绝大多数网站所使用,也被所有主流浏览器所支持。随着深度学习的火热,越来越多开发者开始探索使用 JavaScript 实现人工智能与机器学习算法。近日,来自德国的 Robin Wieruch 发布了一系列使用 JavaScript 构建机器学习的教程,本文将主要介绍使用 JavaScript 实现神...
  5. 卷两根Weeds,搞懂Promise 前言 “尽管我已经在使用promise来处理异步交互了,但是我面对各种resolve和reject、defer等字眼的时候还是一脸懵逼。我只知道then。”——奥利维亚威廉 Promise是一种设计模式 起初
  6. 一步一步将支付宝集成到 react-native 应用 现在很多 APP 都有集成第三方支付平台的需求,用来支付自己的产品,但是官方一般都没有介绍如何集成到 react-native 的应用中,本篇文章将基于官方提供的集成文档,介绍如何将支付宝集成到 react-native 应用中。 场景介绍 适用于商家在Ap
  7. 基于Vue的组织架构树组件 由于公司业务需求,需要开发一个展示组织架构的树组件(公司的项目是基于Vue)。在GitHub上找了半天,这类组件不多,也没有符合业务需求的组件,所以决定自己造轮子! 分析 既然是树,那么每个节点都应该是相同的组件 节点下面套节点,所以节点组件应该是一个 递归组件 那么,问题来了。递归组件怎么...
  8. JS如何实现ES6 Map源码 Map是一个非常棒的实例,它可以支持Object,Array,Function,number....等做为key,以下代码可以帮助大家更好的了解它的原理及特性。 注意:以下为个人Demo,并非严谨测试; //获取一个唯一标识 function getUid(
  9. 程序员编程10大原则】全文=> ​​​

    程序员编程10大原则
  10. 具有代表性的 HTTP 14 个状态码 2XX(Success 成功状态码) 2XX 响应的结果标明请求被正常处理了 200 OK 表示从客户端发来的请求在服务器端被正常处理了 在响应报文内,随状态码一起返回的信息会因方法的不同而发生改变。比如,使用 GET 方法时,对应请求资源的实体会作为响
  11. 看完离编写高性能的JavaScript又近了一步副标题:常见的JavaScript内存泄露 这是关于JavaScript内存泄露相关的序列文章中一篇。由于时间有限更新进度会有点慢,但会持续更新的。自己也在学习中,难免对某些知识点的理解不是很正确,所以才将文章放置gith...
  12. 为什么CSS Grid比Bootstrap更适合布局 CSS Grid是一种全新的创建布局方式,这是有史以来第一次合适的布局系统,并且他是浏览器原生的,他给我们带来了很多好处。 当你和当今最流行的Bootstrap框架相比,grid的好处变的尤为清晰,您不仅可以创建在以前在不引入JavaScript的情况
  13. 一文读懂 Go 的 net/http 标准库 在进行web应用开发的时候,使用成熟并且复杂的Web应用框架通常会使开发变得更加迅速和简便,但这也意味着开发者必须接受框架自身的一套约定和模式。虽然很多框架都认为自己提供的约定和模式是最佳实践(best practice),但是如果开发者没有正确地理解这些最佳实践,那么对最佳实践的应用就可能会发展为货物崇拜编程(ca...
  14. 6使用 loader 处理 CSS 和 Sass 1. 什么是 loader 官方的解释是这样的: loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。
  15. JSONP的P是什么? 受寸志大佬启发,对JSONP有一些踩坑心得,于是分享出来... 起初用JSONP,是在开发一个vue音乐项目时,我需要抓包qq音乐的数据来用,遇到了跨域的问题,于是使用了听过很多次却没尝试过的JSONP。 用的是封装好的vue-resource
  16. 自己动手做一个识别手写数字的 Web 应用(五):图像处理 往期的4篇已经把Docker+Keras+Flask+JS的全栈+深度学习介绍完整了: 自己动手做一个识别手写数字的web应用01 自己动手做一个识别手写数字的web应用02 自己动手做一个识别手写数字的web应用03 自己动手做一个识别手写数字的web应用04 今天更新一篇关于:图像处理。 ...
  17. 你不知道的前端SDK开发技巧作者:陈达孚 香港中文大学研究生,《移动Web前端高效开发实战》作者之一,《前端开发者指南2017》译者之一,在中国前端开发者大会,中生代技术大会等技术会议发表过主题演讲, 专注于新技术的调研和使用. 本文为原...
  18. 踩坑Webuploader视频上传 背景 由于我司业务关系,需实现兼容IE8+浏览器的视频上传功能,且支持多选断点上传。故借助Baidu WebFE(FEX)团队开发的webuploader文件上传插件实现此业务功能。 文件上传的一般联调步骤 1.js端认证(主要是判断视频是否已存在,若已存在,
  19. 基于 nodejs 的 webSockt (socket.io) 本文的业务基础是在基于 nodejs 的 socket.io 的直播间聊天室(IM)应用来的。 项目中具体的 框架如下 express + mongodb + socket.io 在介绍 socket.io 之前,我们有必要对 webSocket 进行根本的原理的理解。 一、webSocket 的前生今世 1、什么是 webSocket? 2、如何去用? 3、经常使用的场景? 4、需要注意的...
  20. webpack 模板之大文件优化 使用过vuejs的开发者一定对vue-cli不陌生,这个命令行工具提供了几个常用的搭建项目的模板,目前官方支持6个模板: webpack webpack-simple browserify browserify-simple pwa ...
  21. #前端技术#【交互式 Bootstrap 4 速查表】详见: 一个基于 Bootstrap 4.0.0-beta.2 的交互式速查表。转需收藏。 ​​​

    交互式 Bootstrap 4 速查表
  22. 如何使用Font Awesome字体图标】很多人都会搜索:如何在PS上使用Font Awesome字体到这个博客,也许你们想搜索的并不是如何在Photoshop上使用fontawesome,而是如何将font-awesome应用到自己的前端开发项目中。Font Awesome介绍Font...详情→ #前端开发博客# ​​​

    如何使用Font Awesome字体图标
  23. React Native 截屏组件 本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 React Native 截屏组件:react-native-view-shot,可以截取当前屏幕或者按照当前页面的组件来选择截取,如当前页面有一个图片组件,一个View组件,可以选择截取
  24. 你从未听说过的 JavaScript 早期特性 最近这些年在对 JavaScript 进行考古时,发现网景时代的 JavaScipt 实现,存在一些鲜为人知的特性,我从中挑选几个有趣的说一下。 Object.prototype.eval() 方法 在 JavaScript 1.0 中,eval 和现在一样,只是个全局函数。在 JavaScript 1.1 中,eval 还变成了所有对象的一个共用方法: var foo = 1 ...
  25. WebSocket探秘 】全文=> ​​​  首先   长连接:一个连接上可以连续发送多个数据包,在连接期间,如果没有数据包发送,需要双方发链路检查包。   TCP/IP:TCP/IP属于传输层,主要解决数据在网络中的传输问题,只管传输数据。但是那样对传输的数据没有一个规范的封装、解析等处理,使得传输的数据就很难识别,所以才有了应用层协议对数据...

    WebSocket探秘
  26. JavaScript 框架的探索与变迁(下)AngularJS:脏检查 我不知道什么更新了,所以当更新的时候,我只能检查所有的东西。 AngularJS 类似于 Ember,当状态改变的时候,必须人工去处理。但不同的是,AngularJS 从不同的角度来解决问题。 当你在 Angula...
  27. 使用Vue观察者实现一个简单异步无限滚动效果 无限滚动(Infinite Scroll)是一种很常见的用户体验模式,它建议用户在Web页面或应用程序加载显示很少的内容。当用户开始向下滚动页面时,会加载更多内容。这些内容是通过向负责提供内容的服务器发出请求来异步加载的。在这篇文章中,我将讨论JavaScript的异步操作以及Vue如何实现无限滚动效果。在这个过程中,我们将看...

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

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

原文:20171208 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20171208.html)