20180131 前端开发日报

JavaScript八张思维导图;前端特效11:使用jquery.fullPage.min.js制作满屏效果;webpack 大型应用优化实践;7 个 ES6 编码技巧;前端线上调试指南;ECMAScript 2018: the final feature set;WKWebViewJavascriptBridge – 优雅的 iOS 与 JS 交互层框架(Swift);html2canvas截图不能截取圆角图片的解决方案

  1. JavaScript八张思维导图 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vue,React等前端框架,甚至是nodejs等服务端的兴起,归根到底,我始终觉着一切的核心还是 JavaScript 。于是最近就有了一个想法,想要梳理一下这些年学习以及使用JS的心得。 本系列文章主要是针对JS的相关知识点做一个类似提纲似的提炼,一…
  2. 前端特效11:使用jquery.fullPage.min.js制作满屏效果 今天,小编将与大家分享web前端特效荟萃系列第十一期,喜欢把玩儿炫酷效果的小伙伴快快看过来^_^ ,希望大家喜欢呦~ 第十一期,给大家分享一个使用jquery.fullPage.min.js制作满屏。效果相关代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&…
  3. 7 个 ES6 编码技巧 7 Hacks for ES6 Developers Following the original JavaScript hacks, here’s some new goodies. Coding JavaScript in 2018 is actu
  4. 前端线上调试指南 场景 前端工程师可能会遇到如下的场景:测试环境功能都 ok ,到了生产环境就出问题,改完 bug 上线后发现又引入了新的问题。只能再次重复这个过程。 所以能不能不上线,将本地代码直接作用于线上,来调试功能呢。 我们有如下工具可以选择 fiddler (windows), charles (mac), mitmproxy (可自定义脚本…
  5. ECMAScript 2018: the final feature set 年还没过,ES 2018 就来了
  6. WKWebViewJavascriptBridge – 优雅的 iOS 与 JS 交互层框架(Swift) WKWebViewJavascriptBridge – 优雅的 iOS 与 JS 交互层框架(Swift) GitHub 项目地址: WKWebViewJavascriptBridge WKWebViewJavascriptBridge 能为你做什么? 你可以通过使用 WKWebViewJavascriptBridge 书写几行代码实现混合模块,而无需关心底层的 iOS 与 JS 消息传递实现。 为什么要开源 WKWebV…
  7. html2canvas截图不能截取圆角图片的解决方案 第一次用html2canvas,目的就是想把整个页面截图下来生成一张图片给用户保存 下面我们先来看看HTML渲染出来的是啥样子的 HTML渲染出来的图片可以看到上面的图片是有圆角效果的,但是当我用html2canvas来进行转换图片操作的时候,发现图片圆角效果没失效了。 变成了上面这个样子。想了很多解决方案…
  8. Webpack热更新问题解决及分析(二) 更多文章请点击 Jade Webpack热更新问题解决及分析(一) 在前一篇文章最后,我们已经锁定问题——热更新过程中导致入口文件module.exports输出的对象无法被正确挂载到window上。而至于真实情况是就是没有挂载还是挂载后被冲掉(复写)了,这个就是这篇文章中需要探索的。 探索前务必要先看一下Webpack热更新的源…
  9. 《HelloGitHub》第 22 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊
  10. Angular 发布组件开发工具包 可更轻松添加通用交互模式 Angular 团队推出了一个新的组件开发工具包 (Component Development Kit),这是一个用于 Material Design 组件的高度可重用构建模块库。CDK 包含一些经过充分测试的工具,供开发者以最小的付出添加通用的交互模式。 Angular 团队 表示 ,现代 Web 开发称得上是面向组件的开发。Angular 为开发者提供了一种方法来定义…
  11. 系列3|走进Node.js之多进程模型文:正龙(沪江网校Web前端工程师)本文原创,转载请注明作者及出处 之前的文章“走进Node.js之HTTP实现分析”中,大家已经了解 Node.js 是如何处理 HTTP 请求的,在整个处理过程,它仅仅用到单进程模型。那么如何…
  12. 基于 HTML5 WebGL 的 3D 网络拓扑结构图现在,3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学领域将它们作为化合物…
  13. 如何继承Date对象?由一道题让你彻底弄懂JS继承 前言 故事是从一次实际需求中开始的。。。 某天,某人向我寻求了一次帮助,要协助写一个日期工具类,要求: 此类继承自  Date ,拥有Date的所有属性和对象 此类可以自由拓展方法 形象点描述,就是要求可以这样: // 假设最终的类是 MyDate,有一个getTest拓展方法 le…
  14. Angular自带的状态共享,90%的人姿势都错了 在使用诸如react,vue之类的框架时随着项目的不断变大和复杂化,已经不能通过组件通讯等来表达处理数据,你可能会引用redux ,mobx,vuex等优秀的开源的状态管理的库来管理全局的数据状态,但我也觉得很复杂。但是在angular里,是隐藏了一个状态管理的机制,这得益于脏检查,我后来才明白angular的伟大之处,老子什么鬼都帮…
  15. 深浅拷贝与react之immutable.js 深拷贝和浅拷贝只针对像Object,Array这样的复杂对象,对于基本的数据类型,则不存在深拷贝和浅拷贝的区别。浅拷贝只是复制了对象的一层属性,而深拷贝则是递归复制了所有的层级。 浅拷贝只能拷贝引用,指向的还是原来的对象,自然也会影响原来的对象。深拷贝则是在堆(数据结构老师讲过的哦~)中重新分配了内存,与原…
  16. 简单了解JavaScript垃圾回收机制 注:本文主要针对初学GC的读者,笔者对于GC的了解比较疏漏,有学习的欲望但终究时间太少,为了达到一个大致了解的程度,才写笔记以理解之。文中有众多用词不当之处望读者指正。 前言 学习并使用闭包的时候总会在各博客里面看到闭包的坏处有一条: 使用不当的闭包将会在
  17. javascript 前缀Trie引子 前缀Trie, 又叫字符Tire, trie来自单词retrieval, 一开始念作tree,后来改念try, 毕竟它与树是不一样的东西。网上许多文章都搞混了trie与树。 trie是通过”边“来储存字符的一种树状结构,所谓边就是节点与节…
  18. 一个简单的CSS圆形缩放动画 最近在做公司的登录页,UE同学希望第三方登录的图标在hover的时候有一个圆形的缩放效果(原话是波纹效果-_-||),效果参考腾讯新闻和网易新闻的分享按钮。 腾讯新闻的分享按钮hover效果(新闻页面): 网易新闻的分享按钮hover效果(新闻页面)
  19. Node.js进阶:5分钟入门非对称加密方法前言 刚回答了SegmentFault上一个兄弟提的问题《非对称解密出错》。这个属于Node.js在安全上的应用,遇到同样问题的人应该不少,基于回答的问题,这里简单总结下。 非对称加密的理论知识,可以参考笔者前面的文章…
  20. 从1.8万篇文章中脱颖而出45个最棒的 React.js 学习指南(2018版) 译者注: 原文作者研究了近1.8万篇 React.js 文章得出这篇总结,全文既包含 React 入门,进阶和综合应用专题,也包括对路由、React Native、动画、PWA等内容的专题介绍,其中还不乏各大公司团队在前端重构的经验以及热门美剧《硅谷》
  21. 前端每周清单第 49 期:Webpack 4 Beta 尝鲜,React Windowing 与 setState 分析,Web Worker 实战 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端每周清单。 新闻热点 国内国外,前
  22. JavaScript:核心 – 第二版 – 网络埋伏纪事 对象 原型 类 执行上下文 环境 闭包 This 域 作业 代理 原文地址:http://dmi
  23. 通过React Fiber本身的测试用例,一步一步调试它的源代码,直观感受下它的运行机制 大家都知道,React Fiber是React全新的Reconciler(Reconciler就是我们通常所说的Virtual DOM,用来计算新老View的差异。) 油管上作者对它的解释,翻墙自备梯子 在我们看完N多大神对它的解释后,但是如果不亲自调试下它的

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

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


关注我

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

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

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