20170722 前端开发日报

JavaScript中使用fetch进行异步请求;Vue 2.4.2 发布,轻量级 JavaScript 框架;Jquery导出带样式的Excel;对一行神奇js代码的解析;了解 Fetch API;19个JavaScript简写编码技术;如何终止promise;webpack 3.0 上车指北

  1. JavaScript中使用fetch进行异步请求ajax 时代,进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。 现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生,虽然在目前会有一点浏览器兼容的问题,但是当我们进行一些异步请求时,都可以使用 fetch 进行完美的网络请求。 查看演示 下载源码 ...
  2. Vue 2.4.2 发布,轻量级 JavaScript 框架 Vue 2.4.2 发布了,Vue 是一款轻量级 JavaScript 框架。主要更新内容如下: Bug 修复: v-on:revert component root data.on/data.nativeOn behavior for  1713061 , closes  #6109 checkbox v-model="array" ignore false-value ( #6180 )  3d14e85 , closes  #6178 ...
  3. Jquery导出带样式的Excel Jquery导出带样式的Excel 工作中做导出的时候,需要导出自定义的表格或嫌弃导出的Excel格式太难看了。 需要设置颜色、字号大小、加粗、合并单元格等等。 特性: 支持过滤 某个位置 支持过滤 img 标签 支持过滤 a 标签 支持过滤 input 标签 支持包含 行内样式。 HTML页面: Exc...
  4. 对一行神奇js代码的解析 原文: Reverse Engineering One Line of JavaScript 作者:Alex Kras 翻译:雁惊寒 译者注:本文作者结合数学知识,图文并茂、非常细致地对一行神奇的混淆过的js代码进行了剖析。以下是译文。 几个月前,我看到一封电子邮件,询问是否有人可以破解这一行JavaScript代码。
    <script&gt...
  5. 了解 Fetch API 提及前端与服务器端的异步通信,离不开 Ajax (Asynchronous JavaScript and XML)。实际上我们常说的 Ajax 并非指某一项具体的技术,它主要是基于用脚本操作 HTTP 请求的 web 应用架构。最早出现在 Jesse James Carrett 于 2005年2月发表一篇《Ajax:A New Approach to Web Applications》中提出的一个新概念。 在 Ajax...
  6. 19个JavaScript简写编码技术 1. 三元运算符 当你想要用一行代码写一个if..else声明的时候,这是一个很好的节约。 普通写法: const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; } 简写: const answer = x > 10 ? 'is greater' : 'is lesser'; 你也可以像这样嵌套if声明...
  7. 如何终止promise 最近在工作中遇到一个问题,在 promise 的链式调用中,涉及到一个类似 break 的操作。就是在某一个 then 函数的调用中,某种情况下,要取消后续的所有操作。于是调查了下 promise 的 api,想找到实现类似操作的方法。但是在后续的调查中,我发现 ———— promise 根本就没办法终止后续的操作…… 原因 promise 的设计,...
  8. webpack 3.0 上车指北 想要解决的问题: 项目是否要 换 3.0 如何从webpack1.x 向 3.0过渡 相关兼容问题 TL;DR 打包体积优化需要ES6module支持 打包速度得到了不错的优化 有一些API的改变,总体上可以无痛升级 webpack3前段时间推出了,我对新版本进行了一些探索。 是否需要升级 判断标准就是:想解决的问题webpack能帮...
  9. 给 Web 开发人员推荐的开源图形库 —— 2D/3D 现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。 以下是为 Web 开发者推荐的一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。将针对动画(Animation)、数据可视化(Data Visualization)、2D/3D 分别整理,欢迎保持关注。 ...
  10. 从ES6的Proxy代理看ES5的代理如何实现ES6的Proxy代理看ES5的代理如何实现 ES6的Proxy代理 Example var person = {name:''}; var personCopy = new Proxy(person,{ get(target,key,receiver){ console.log('get方法被拦截。。。'); return Reflect.get(target,key,receiver); }, set(target,key,value,receiver){ console.log('set...
  11. React 服务端渲染如此轻松,从零开始构建前后端应用 参加或留意了最近举行的 JSConf CN 2017 的同学,想必对 Next.js 不再陌生,Next.js 的作者之一 Guillermo Rauch 到场进行了精彩的演讲。其实在更早些时候,由 Facebook 举办的 React Conf 2017,他就到场进行过分享。但两次带来的 demo 都是 hacker news。 我观察 Next.js 时间较长,看着它从1.x 版本一直...
  12. 用iBiu 3秒构建出大型vue项目架子 本套工具是iview cli 的二次开发,意在解决项目创建时路由与页面对应的大痛点 项目地址 windows 64位版本软件下载 MAC 软件下载 Linux ,windows 32位版本 你们可以自己build 我从去年11月开始用vue写项目,算算到现在已经经历了4-5个项目的历练了,但是即使每次项目搭建有 脚手架 的辅助以及 自己每次...
  13. 自己动手实现 Promise 本文适合对于promise的实现原理感兴趣的同学,由于使用PHP实现promise,故需要具备一定的PHP基础知识。 一、背景 大家都知道,异步编程在web领域内越来越多地运用,但异步回调代码的写法十分恶心,逐层嵌套,不便于阅读。为了解决这个问题,js实现了promise模式,但大多数开发者只知道promise的表面用法,不知其底层...
  14. 2017-07-22 前端日报2017-07-22 前端日报 精选 任何网站都可以变成 PWA —— 但我们需要做得更好[译] 高性能 React:3 个新工具加速你的应用在生产环境中使用LogRocket记录Redux日志手把手教你用Vue2+webpack+node开发一个H5 appeslint...
  15. Javascript老生常谈之面向对象背景 作为一个前端新人,免不了加各种群,和其他小伙伴们一起学习(chui bi),互相帮助(bi can)。前几天一个小伙伴在群里发了道自己去面试的笔试题,我写了一下,一时间没能实现,今天又折腾了一下,虽然大致...
  16. 掌控 JavaScript 面试:什么是函数式编程? “掌握 JavaScript 面试” 是旨在准备候选人在申请中高级别职位时可能遇到的常见问题的系列文章之一。这些问题也是我经常在真实面试中使用到的问题。 函数式编程在 JavaScript 世界里已经成为一个很火的话题。仅仅几年前,只有很少的 JavaScript 开发者知道函数式编程。但是过去三年我见过的各个大项目的基础代码都深...
  17. Vue折腾记 - (4)写一个不大靠谱的loading组件 前言 有需求,就要动手丰衣足食...公司考虑兼容IE9,那么 css3 animation 写的loading就无缘了 因为 keyframes IE10+ , 那么要实现会动且可控的(颜色,大小),好像就剩下 svg 大佬了; 依旧不废话,看效果图 效果图 先说说实现的思路 一个遮罩层,一个显示loading...通用法则 svg动效的loadin...
  18. 细说 Angular 的自定义表单控件 我们在构建企业级应用时,通常会遇到各种各样的定制化功能,因为每个企业都有自己独特的流程、思维方式和行为习惯。有很多时候,软件企业是不太理解这种情况,习惯性的会给出一个诊断,『你这么做不对,按逻辑应该这样这样』。但企业往往不会接受这种说法,习惯的力量是强大的,我们一定要尊重这种事实。所以在构建企业...
  19. Threejs开发3D地图实践总结 前段时间连续上了一个月班,加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中,坑不少,做了一下总结分享。 1、法向量问题 法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。 如果一个...
  20. PHP发送HTTP请求的几种方式(原文地址:https://blog.tanteng.me/2017/... 副标题:cURL库和Guzzle HTTP客户端区别 PHP 开发中我们常用 cURL 方式封装 HTTP 请求,什么是 cURL? cURL 是一个用来传输数据的工具,支持多种协议,如在 Linux ...
  21. 用 Node.js 快速开发 cli 应用攻略 这周花了两天 + 一天测试修 Bug 的时间完成了一个 cli,踩了一些坑,觉得也可以总结一波。 主要代码由于是 private 的不便公开,这里主要安利一些相关库。 cli 第一步:commander commander 用于快速生成 command-line interface。 $ bili_live --help Usage: bili_live ...
  22. 5 React Component Toolkits react 工具/组件库 —— 由晓风well分享
  23. Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件
  24. Alloy前端周刊第15期 过去的一年里,你一定不下数次听到 PWA 这个词,但它究竟是什么呢?又该如何实践呢? —— 由Joeyguo分享
  25. 记最近一次Nodejs全栈开发经历背景: 前段时间大部门下新成立了一个推广百度OCR、文字识别、图像识别等科技能力在金融领域应用的子部门。因为部门刚成立,基础设施和人力都是欠缺的。当时分到我们部门的任务是抽调一个人做新部门主站前端开发...
  26. 每个前端猿都有一个开发属于自己技术博客的心一把桌子,一台电脑,一瓶红牛,一包纸巾,从白天到黑夜。历经一个多月的时间,从零到构思到设计,从设计到vue-ssr 的框架设计,然后再从前端的业务逻辑代码的实现,从 后台nodejs 的 koa2框架到数据库的设计到后...
  27. 使用静态代码分析工具,实现高质量js代码编写 初次使用静态代码分析工具,JSLint,JsHint,EsLint的比较,以及使用jasmine进行单元测试 —— 由itclanCoder分享
  28. JavaScript Factory Functions with ES6+ 使用 es6 来谈谈 js 工厂函数 —— 由晓风well分享

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

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

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