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

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

再也不学AJAX了（三）跨域获取资源 ② – JSONP & CORS 浏览器的“同源策略”固然保障了互联网世界的数据隐私与数据安全，但是如果当我们需要使用AJAX跨域请求资源时，“同源策略”又会成为开发者的阻碍。在本文中，我们会简单介绍需要跨域请求资源的两种情景，然后，详细解释目前主流的四种跨域请求资源方案。让我们开始吧！一、何时需要跨域试想，当我们拥有多个站点，…
JavaScript 权威面试指南原文链接：The Definitive JavaScript Handbook for a developer interview作者： Gustavo Azevedo译者：余博伦原文转自 freeCodeCamp on medium，转载请
【20171207 前端开发日报】如何更好的管理前端环境变量；CSS 实现左右交换的效果；CSS float相关详解；javascript项目开发规范实例；使用vue-cli的webpack模板的一次优化；iOS 与 JS 交互手册 – JavaScriptCore；JavaScript 工作原理：内…详情→
听说你用JavaScript写代码？本文是你的机器学习指南 JavaScript 是一种流行的高级编程语言，它被世界上的绝大多数网站所使用，也被所有主流浏览器所支持。随着深度学习的火热，越来越多开发者开始探索使用 JavaScript 实现人工智能与机器学习算法。近日，来自德国的 Robin Wieruch 发布了一系列使用 JavaScript 构建机器学习的教程，本文将主要介绍使用 JavaScript 实现神…
卷两根Weeds，搞懂Promise 前言 “尽管我已经在使用promise来处理异步交互了，但是我面对各种resolve和reject、defer等字眼的时候还是一脸懵逼。我只知道then。”——奥利维亚威廉 Promise是一种设计模式起初
一步一步将支付宝集成到 react-native 应用现在很多 APP 都有集成第三方支付平台的需求，用来支付自己的产品，但是官方一般都没有介绍如何集成到 react-native 的应用中，本篇文章将基于官方提供的集成文档，介绍如何将支付宝集成到 react-native 应用中。场景介绍适用于商家在Ap
基于Vue的组织架构树组件由于公司业务需求，需要开发一个展示组织架构的树组件（公司的项目是基于Vue）。在GitHub上找了半天，这类组件不多，也没有符合业务需求的组件，所以决定自己造轮子！分析既然是树，那么每个节点都应该是相同的组件节点下面套节点，所以节点组件应该是一个递归组件那么，问题来了。递归组件怎么…
JS如何实现ES6 Map源码 Map是一个非常棒的实例，它可以支持Object,Array,Function,number….等做为key，以下代码可以帮助大家更好的了解它的原理及特性。注意：以下为个人Demo，并非严谨测试; //获取一个唯一标识 function getUid(
【程序员编程10大原则】全文=>
具有代表性的 HTTP 14 个状态码 2XX(Success 成功状态码) 2XX 响应的结果标明请求被正常处理了 200 OK 表示从客户端发来的请求在服务器端被正常处理了在响应报文内，随状态码一起返回的信息会因方法的不同而发生改变。比如，使用 GET 方法时，对应请求资源的实体会作为响
看完离编写高性能的JavaScript又近了一步副标题：常见的JavaScript内存泄露这是关于JavaScript内存泄露相关的序列文章中一篇。由于时间有限更新进度会有点慢，但会持续更新的。自己也在学习中，难免对某些知识点的理解不是很正确，所以才将文章放置gith…
为什么CSS Grid比Bootstrap更适合布局 CSS Grid是一种全新的创建布局方式，这是有史以来第一次合适的布局系统，并且他是浏览器原生的，他给我们带来了很多好处。当你和当今最流行的Bootstrap框架相比，grid的好处变的尤为清晰，您不仅可以创建在以前在不引入JavaScript的情况
一文读懂 Go 的 net/http 标准库在进行Web应用开发的时候，使用成熟并且复杂的Web应用框架通常会使开发变得更加迅速和简便，但这也意味着开发者必须接受框架自身的一套约定和模式。虽然很多框架都认为自己提供的约定和模式是最佳实践（best practice），但是如果开发者没有正确地理解这些最佳实践，那么对最佳实践的应用就可能会发展为货物崇拜编程（ca…
6使用 loader 处理 CSS 和 Sass 1. 什么是 loader 官方的解释是这样的： loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。
JSONP的P是什么？受寸志大佬启发，对JSONP有一些踩坑心得，于是分享出来… 起初用JSONP，是在开发一个vue音乐项目时，我需要抓包qq音乐的数据来用，遇到了跨域的问题，于是使用了听过很多次却没尝试过的JSONP。用的是封装好的vue-resource
自己动手做一个识别手写数字的 Web 应用（五）：图像处理往期的4篇已经把Docker+Keras+Flask+JS的全栈+深度学习介绍完整了：自己动手做一个识别手写数字的web应用01 自己动手做一个识别手写数字的web应用02 自己动手做一个识别手写数字的web应用03 自己动手做一个识别手写数字的web应用04 今天更新一篇关于：图像处理。 …
你不知道的前端SDK开发技巧作者：陈达孚香港中文大学研究生,《移动Web前端高效开发实战》作者之一，《前端开发者指南2017》译者之一，在中国前端开发者大会,中生代技术大会等技术会议发表过主题演讲, 专注于新技术的调研和使用. 本文为原…
踩坑Webuploader视频上传背景由于我司业务关系，需实现兼容IE8+浏览器的视频上传功能，且支持多选断点上传。故借助Baidu WebFE(FEX)团队开发的webuploader文件上传插件实现此业务功能。文件上传的一般联调步骤 1.js端认证(主要是判断视频是否已存在，若已存在，
基于 nodejs 的 webSockt （socket.io）本文的业务基础是在基于 nodejs 的 socket.io 的直播间聊天室（IM）应用来的。项目中具体的框架如下 express + mongodb + socket.io 在介绍 socket.io 之前，我们有必要对 webSocket 进行根本的原理的理解。一、webSocket 的前生今世 1、什么是 webSocket？ 2、如何去用？ 3、经常使用的场景？ 4、需要注意的…
webpack 模板之大文件优化使用过vuejs的开发者一定对vue-cli不陌生，这个命令行工具提供了几个常用的搭建项目的模板，目前官方支持6个模板： webpack webpack-simple browserify browserify-simple pwa …
#前端技术#【交互式 Bootstrap 4 速查表】详见：一个基于 Bootstrap 4.0.0-beta.2 的交互式速查表。转需收藏。
【如何使用Font Awesome字体图标】很多人都会搜索：如何在PS上使用Font Awesome字体到这个博客，也许你们想搜索的并不是如何在Photoshop上使用fontawesome，而是如何将font-awesome应用到自己的前端开发项目中。Font Awesome介绍Font…详情→ #前端开发博客#
React Native 截屏组件本文原创首发于公众号：ReactNative开发圈，转载需注明出处。 React Native 截屏组件：react-native-view-shot，可以截取当前屏幕或者按照当前页面的组件来选择截取，如当前页面有一个图片组件，一个View组件，可以选择截取
你从未听说过的 JavaScript 早期特性最近这些年在对 JavaScript 进行考古时，发现网景时代的 JavaScipt 实现，存在一些鲜为人知的特性，我从中挑选几个有趣的说一下。 Object.prototype.eval() 方法在 JavaScript 1.0 中，eval 和现在一样，只是个全局函数。在 JavaScript 1.1 中，eval 还变成了所有对象的一个共用方法： var foo = 1 …
【WebSocket探秘】全文＝＞　首先　　长连接：一个连接上可以连续发送多个数据包，在连接期间，如果没有数据包发送，需要双方发链路检查包。　　TCP/IP：TCP/IP属于传输层，主要解决数据在网络中的传输问题，只管传输数据。但是那样对传输的数据没有一个规范的封装、解析等处理，使得传输的数据就很难识别，所以才有了应用层协议对数据…
JavaScript 框架的探索与变迁（下）AngularJS：脏检查我不知道什么更新了，所以当更新的时候，我只能检查所有的东西。 AngularJS 类似于 Ember，当状态改变的时候，必须人工去处理。但不同的是，AngularJS 从不同的角度来解决问题。当你在 Angula…
使用Vue观察者实现一个简单异步无限滚动效果无限滚动（Infinite Scroll）是一种很常见的用户体验模式，它建议用户在Web页面或应用程序加载显示很少的内容。当用户开始向下滚动页面时，会加载更多内容。这些内容是通过向负责提供内容的服务器发出请求来异步加载的。在这篇文章中，我将讨论JavaScript的异步操作以及Vue如何实现无限滚动效果。在这个过程中，我们将看…