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

JavaScript中高阶函数的魅力；作为JavaScript开发人员，这些必备的VS Code插件你都用过吗；Ajax 与异步数据传输；JavaScript 的代价；《从零构建前后分离web项目》探究 – 深入聊聊前后分离架构；发布 umi 2.0，可插拔的企业级 React 应用框架；前端实验手札——拖拽旋转图片的实现及思路；cicada：轻量级 Web 框架

JavaScript中高阶函数的魅力AOP(面向切面编程)的主要作用就是把一些和核心业务逻辑模块无关的功能抽取出来，然后再通过“动态织入”的方式掺到业务模块种。这些功能一般包括日志统计,安全控制,异常处理等。AOP是Java Spring架构的核心。下面我…
《作为JavaScript开发人员，这些必备的VS Code插件你都用过吗？》如今，Visual Studio Code无疑是最流行的轻量级代码编辑器。而 VS Code的强大无疑来自于它的插件市场。（by 葡萄城官网）
Ajax 与异步数据传输Ajax 全称是异步的 JavaScript 和 XML 。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如…
《JavaScript 的代价》建立交互式网站包括向用户发送 JavaScript 。通常，太多了。你是否经历过在一个手机页面上，它看起来已经加载好了，但是点击一个链接或者试图滚动页面的时候，什么也没发生？（by 开源中国）
《从零构建前后分离web项目》探究 – 深入聊聊前后分离架构探究：深入聊聊前后分离架构前后分离，一直是一个相当泛泛的问题，前后分离到底好不好？没有绝对的对，没有绝对的错，业界就这个问题已经激烈的探讨几年了.出现讨论的点在于：分离当然是好的,但是以什么样的服务需要进行前后拆分？拆分到什么粒度？前后端如何配合？截
发布 umi 2.0，可插拔的企业级 React 应用框架距离 umi 1.0 发布已有半年，umi 在这段时间做了大量的重构和改进，438 个 commit，20 个 beta 版本，今天正式发布 2.0 版本，并调整定位为可插拔的企业级 react 应用框架。 umi 是什么？ umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持类 next.js 的约定式路由，…
前端实验手札——拖拽旋转图片的实现及思路让我们来看看以下这道题：已知点A(x1,y1)和点B(x2,y2)，求两点求与圆点O(x0,y0)的夹角θ的角度：∠θ=arctan -arctan 是否有股熟悉的味道？涉及
cicada：轻量级 Web 框架前言俗话说「不要重复造轮子」，关于是否有必要不再本次讨论范围。创建这个项目的主要目的还是提升自己，看看和知名类开源项目的差距以及学习优秀的开源方式。好了，现在着重来谈谈 cicada 这个项目的核心功能。我把他定义为一个快速、轻量级 WEB 框架；没有过多的依赖，核心 jar 包仅 30K…
从一个简单的实例看 JavaScript 的异步编程进化历很久没有进行过创作了，也感觉到了自己的不足。这一篇文章是对于 JavaScript 异步编程的一个整理希望自己更多的成为一个创造者，而不是只会看，会用，还需要深入理解到原理吧。（虽然这个也很水.. 例子如下：我们有 A, B, C, D 四个请求获取数据的函数（函数自己实现） C 依赖 B 的结果，D 依赖 ABC 的结果，…
JS十六进制颜色（#fff）与RGB, HSL颜色的相互转换前言今天做了这个需求，就是前端支持rgba设置，但是后台生成图片的时候不支持rgba,需要2个值。分别是一个十六进制颜色值和一个opacity透明度，这就要我这边传值的时候，把原来的rgba转换成2个值，然后传给后台。（注，之所以前端没有分成2个字段，是因为前端设置颜色的时候直接用一个rgba设置的，这样用户体验好，分…
《Web 推送通知》系列翻译 | 第七篇：推送事件 && 第八篇：显示一个通知原文地址：handling messages 译文地址：推送事件译者：张卓校对者：杨芯芯、刘文涛到此已经覆盖了订阅用户并给其推送发送消息。下一步是在用户的设备上接收此推送消息并显示通知（以及我们可能要做的任何其他工作）。推送事件当接受到
体积减少80%释放webpack tree-shaking的真正潜力在上周末广州举办的feday中，webpack的核心开发者Sean在介绍webpack插件系统原理时，隆重介绍了一个中国学生于Google夏令营，在导师Tobias带领下写的一个webpack插件，webpack-deep-scope-analysis-plu
我是如何用 Webpack 虐待代码尺寸的 (第一回合) 徐健：我是如何用 Webpack 虐待代码尺寸的 (第一回合) 徐健：我是如何用 Webpack 虐待代码尺寸的 (第二回合) 徐健：我是如何用 Webpack 虐待代码尺寸的 (第三回合) 沉寂了一段时间, 主要是工作侧重点有一些调整
react-redux源码分析及实现原型（上） redux作为大型应用的状态管理工具，如果想配合react使用，需要借助react-redux。 redux主要完成两件事情：负责应用的状态管理，保证单向数据流当应用状态发生变化，触发监听器。那么，如果想要将react和redux搭配使用，就需要re
前端技术周刊 2018-09-03：parser经过两年的开发，Babel 7.0 已于8月27日正式发布。新版本不再支持 Node.js 5-，移除了对 preset-es* 和 preset-stage-* 的支持，并对部分插件进行了更名。此次大版本更新更多是编译速度和生态治理方面的优化。
试用React语法的多端框架Taro问题汇总我试用了有15天左右，总的来说，这是一款优秀的框架，尤其补充了目前市面上无法用 React 开发小程序的需求空缺，所以其优点就不多说了，大家可去其官方查看详细文档
Javascript模块全揽之前写的文章急速Js全栈教程得到了不错的阅读量，霸屏掘金头条3天，点赞过千，阅读近万，甚至还有人在评论区打广告，可见也是一个小小的生态了；）。看来和JS全栈有关的内容，还是有人颇有兴趣的。
基于 HTML5 的 WebGL 3D 档案馆可视化管理系统档案管理系统是通过建立统一的标准以规范整个文件管理，包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台，主要实现档案流水化采集功能。为企事业单位的档案现代化管理，提供完整的解决方案，档案…
掘金 AMA：我是 Vue.js 作者–尤雨溪，你有什么问题想问我？掘金 AMA（ask me anything) 是掘金沸点的一个话题，掘金团队会邀请一位技术大牛通过「你问我答」的形式回答你的问题，让大家在技术、工作、生活方面有所成长。 AMA 嘉宾掘金 AMA 第七期嘉宾是 Vue.js 作者–尤雨溪。个人博客
浅谈 TypeScript – 使用类编写一个有趣的动画除了 TypeScript 本身的特性之外，我们又回到了前端最本质的工作上，在没有使用现代 Web 前端框架的情况下，我们要做一个类似抽屉柜一样的效果。两周之后，产品小向跟小明说很希望在列表的旁边做一个类型抽屉柜的效果，将原来的个人信息，放置
前端每日实战：125# 视频演示如何用纯 CSS 创作一个失落的人独自行走的动画效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
使用 TypeScript 改造构建工具及测试用例最近的一段时间一直在搞TypeScript，一个巨硬出品、赋予JavaScript语言静态类型和编译的语言。第一个完全使用TypeScript重构的纯Node.js项目已经上线并稳定运行了。第二个前后端的项目目前也在重构中，关于前端…