20181102 前端开发日报

手把手教你使用nodejs编写cli(命令行);JavaScript万物产生顺序;vue单页面:当前页面刷新或跳转时提示保存;浅析git;用Vue来进行移动Hybrid开发和客户端间数据传输的一种方法;【Fetch API 实用指南】如何使用 Fetch API 执行 HTTP 请求-WEB前端开发;对比 Git 与 SVN,这篇讲的很易懂;数据浪潮之间的前端工程师

  1. 手把手教你使用nodejs编写cli(命令行) 前端日常开发中,会遇见各种各样的cli,比如一行命令帮你打包的webpack,一行命令帮你生成vue项目模板的vue-cli,还有创建react项目的create-react-app等等等等。这些工具极大地方便了我们的日常工作,让计算机自己去干繁琐的工作,而我
  2. JavaScript万物产生顺序 我们在很多地方可能都有听说过一种说法——JavaScript 万物皆对象。虽然这种说法不是特别准确,因为我们知道 undefined 就不是个对象,但不可否认的是 JavaScript 中大部分数据都是对象,那么问题来了,对象产生的先后顺序是什么呢?对于 Ob
  3. vue单页面:当前页面刷新或跳转时提示保存最近公司vue项目中有一个需求,需要在当前页面刷新或跳转时提示保存并可取消刷新,以防止填写的表单内容丢失。刚开始思考觉得很简单,直接在Router的钩子中判断就好了,但是会发现还有新的问题存在,浏览器刷新和…
  4. 浅析git笔者在此整理了常见的git命令,git的重要性无需多言,与其再百度海中搜索git命令,不妨尝试收藏笔者的此篇作品。希望对你的学习有所帮助。
  5. 用Vue来进行移动Hybrid开发和客户端间数据传输的一种方法 如果大家觉得有用,更多的模块请点击查看 即上一篇Vue 页面状态保持页面间数据传输的一种方法,今天我们说说我们团队是怎么和客户端进行交互。 为什么到了今天,还要提hybrid开发,就我所在团队从中获得的好处有: 团队较小、业务较重、迭代频繁、需要紧急响应的团
  6. 【Fetch API 实用指南】如何使用 Fetch API 执行 HTTP 请求-WEB前端开发 小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。 在本指南中,我将向您展示如何使用 Fetch API(ES6+)执行对 REST API
  7. 对比 Git 与 SVN,这篇讲的很易懂本文从 Git 与 SVN 的对比入手,介绍如何通过 Git-SVN 开始使用 Git,并总结平时工作高频率使用到的 Git 常用命令。
  8. 数据浪潮之间的前端工程师十年来,波澜壮阔的移动互联网浪潮促进了 Web 技术的迅猛发展,随着浏览器性能、网络带宽等基础设施的提升,Web 也能够承载起包含复杂交互、可视化、计算逻辑需求的富客户端应用。同时 RN, Weex, 小程序为代表的…
  9. 【js细节剖析】通过"="操作符为对象添加新属性时,结果会受到原型链上的同名属性影响 在使用JavaScript的过程中,通过"="操作符为对象添加新属性是很常见的操作:obj.newProp = 'value';。但是,这个操作的结果实际上会受到原型链上的同名属性影响。接下来我们分类讨论。
  10. nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG需求描述,由于工作的需要,需要将原本用于1280 720的网页改为1920 1080的网页(电视端页面)。需求可以拆分为两部分,代码部分的修改以及图片的修改。在代码部分,需要将所有位置以及大小相关的值乘以1.5,图片…
  11. JSBridge实战 前言 H5 VS Native 一直是前端技术界争执不下的话题。react、vue等技术栈引领着纯H5开发,rn、week则倡导原生体验。但在项目实战中,经常会选择一个中立的方案:混合开发。大众称呼:Hybird。 本人目前从事新闻类产品研发,对于大家来讲,就
  12. 利用Atomic构建React项目工作流 用过 React 的朋友都知道,React 项目文件夹的划分是有很多种的,在 React 官方关于文件结构这个部分给出了一些社区比较常见的构建方式的示例。例如有通过features或者routes进行分组的,也有通过模块类型(type) 划分的。在文档提到了一
  13. Atag – Web Components 最佳实践 引子上一次社区中谈论起 Web Components 已经可以追溯到三四年前了,彼时 Web Components 仍处于不稳定的草案阶段,Polymer 的出世使大家似乎看到了新一代的前端技术,但直到今天,在今年五月 Google I/O 发布 Polyme
  14. 基于TensorFlow.js实现web版你画我猜 前段时间风靡盆友圈的【猜画小歌】大家应该都玩过,画一幅灵魂画作由AI猜。国外有盆友通过Google Colab训练模型,并基于TensorFlow.js实现了浏览器版的你画我猜,下面是对原文的翻译代码和Demo代码:https://github.com/zai
  15. Node.js 代码阅读笔记系列 — process.nextTick() 的实现 process 是一个全局对象,它提供了当前 Node.js 线程的相关信息和一些控制方法。因为 process 挂载了太多属性和方法,这篇文章先从 process.nextTick() 开始吧。setupNextTickfunction setupNextT
  16. Javascript中的尾递归及其优化 在平时的代码里,递归是很常见的,然而它可能会带来的调用栈溢出问题有时也令人头疼:我们知道, js 引擎(包括大部分语言)对于函数调用栈的大小是有限制的,如下图(虽然都是很老的浏览器,但还是有参考价值):为了解决递归时调用栈溢出的问题,除了把递归函数改为迭代的形
  17. 用CSS属性选择器来拼接HTML的DNA 原文链接:www.smashingmagazine.com/2018/10/att… CSS属性选择器非常神奇,它们可以帮你避免添加数不胜数的类名,从另一方面来指出你代码里的一些问题。但是大家不用慌,虽然属性选择器复杂且强大,但是很易于学习和使用。在这篇文章
  18. 从Mixin到hooks,谈谈对React16.7.0-alpha中即将引入的hooks的理解 为了实现分离业务逻辑代码,实现组件内部相关业务逻辑的复用,在React的迭代中针对类组件中的代码复用依次发布了Mixin、HOC、Render props等几个方案。此外,针对函数组件,在React v16.7.0-alpha 中提出了hooks的概念,在本身
  19. react16.7.0-alpha hooks的api介绍 如果你之前对于Hooks没有了解,那么你可能需要看下概述部分。你或许也可以在一些常见的问题中找到有用的信息。 基本的钩子 useState useEffect useContext 添加的钩子 useReducer useCallback use
  20. 我的新书《深入浅出WebAssembly》出版啦(。・ω・。)ノ 由于本书正在处于预售期,因此现在购买的童鞋可能需要1-2周才能到货哦。 这里是网上各大商城的预售链接(会不断补充): 《深入浅出WebAssembly》(于航)【摘要 书评 试读】- 京东图书 或者大家如果需要签名版,可以直接通过这种方
  21. js 日期对象 31 号 setMonth 的锅前言 需求:获取当前日期的前一个月份 当月有 31 天时,JS 日期对象 setMonth 问题 1. 一般做法 当前日期如果不是 31 号, 是没问题的,是 31 号就会有问题: {代码…} 2. 正确的方法: 2.1 方法一 原理: 当前时…

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

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


关注我

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

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

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