20190519 前端开发日报

框架的游戏:2019 年 JavaScript 流行趋势;ES6中的class是如何实现的?(附Babel编译的ES5代码详解);让你从头到尾把promise整的明明白白;如果可以,永远不要在生产中直接运行 Node.js;从头开始复习js之让你彻彻底底搞清楚数组;vue+electron高仿网易云;一道有意思并对你有帮助的Promise题;谈一谈我是怎么学习使用vuex的

  1. 框架的游戏:2019 年 JavaScript 流行趋势 JavaScript 生态系统复杂多变,各种框架让人眼花缭乱。究竟孰优孰劣,如今的发展趋势是怎样的,用人单位又需要怎样的人才?本文站在一个中立者的角度,客观分析了当前这场“框架的游戏”中,JavaScript 的流行趋势。 Javascript 的生态环境让我想到了战场。TypeScript 对战 ES6,React 对战 Angular,Jest 对战 Mocha………
  2. ES6中的class是如何实现的?(附Babel编译的ES5代码详解) 今天强行被某大厂社招面试了一波,时长持续半个小时,以面试官的一句“面试反馈还挺好的,希望以后保持联系”告终。时间节点发生在辞掉实习回学校做毕设的时候,这场面试就显得格外刺激。基础的数据结构和算法题都回答一二,但是也暴露了对ES6底层代码实现的不求甚解。不经过刻意准备的面试,也是原始状态的真实体现。 …
  3. 让你从头到尾把promise整的明明白白 最近一直私下在看Android项目,前端这一块没怎么仔细研究。昨天在写重构公司前端项目的时候,我发现一旦有异步的任务,脑海里面条件反射一般的出现promise的字样。重构的多了 心就就在纳闷:既然promise这么好用,我能不能自己手写一个promise呢?我思索了半天,按照自己的想法模拟了出来,但是和一位大佬交流的时候,他…
  4. 如果可以,永远不要在生产中直接运行 Node.js 有时候我也在想我是否真的知道很多东西。 就在几周前,我正在和一个朋友谈话,他不经意间提到,“你永远都不会在生产中直接使用 Node 来运行程序”。我强烈点头,表示我 也 不会在生产中直接运行 Node,原因可能每个人都知道。但是我并不知道,我应该知道原因吗?我还能继续写代码吗? 如果让我绘制一个维恩图来表示…
  5. 从头开始复习js之让你彻彻底底搞清楚数组 关于数组这一块,从开始写项目开始就一直在用,但是基本都没有整理过,怎么说呢?既然在复习这个东西,那我今天正好在复习这个数组,就集中整理一下在实际开发中用到频率最高的数据吧。 一、 es5中的数组方法 es5中定义了22个数组的方法,这22个方法的使用频率基本贯穿整个前端开发,如果你想进入前端,这22个应该成…
  6. vue+electron高仿网易云vue+electron高仿网易云桌面端,根据网上一位大神的api做的,目前已上线阿里云,项目在github上面有,希望大家支持下,觉得有帮助的点个star github地址如下: 高仿网易云 gif动图演示
  7. 一道有意思并对你有帮助的Promise题 一道有意思的题 以下我的学习分析心路历程,以及我自己又多加了几道菜;希望对你有帮助 先上菜 new Promise((resolve, reject) => { console.log(‘promise1’); resolve(); }).then(() => { console.log(‘then11’); new Promise((resolve, reject) => { console.log(‘pro…
  8. 谈一谈我是怎么学习使用vuex的 首先我们谈到一个技术肯定是要从以下几个方面来进行探究的: 什么情况下要用这项技术 这项技术相对于其他技术的优势 我这里呢?就从这两个方面来开始,逐次、深层次的介绍vuex。 首先现今几大主流的框架:react,vue,angluar包括小程序,无以复加的都提出一个组件化的思想。这样做的好处是:高内聚、…
  9. 前端每日实战:166# 视频演示如何用 CSS 创作一个 Safari LOGO效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  10. WebGL-Demo 最近拖更蛮严重,因为对自己的要求高了一大截。 最近玩了个Three.js的Demo,也算了解了一波前端的动画方面的延伸,因为我公司主要业务为大数据,学了很多数据层的东西,动画方面没什么用武之地,但是我是喜欢动画效果的,哎,有没有种逼良为娼的感觉。 OpenGL 想入门WebGL的时候就查了很多文章,以前学c++的时候接…
  11. Node.js 微服务实践(二) 基于Seneca 和 PM2构建 本章主要分为三个小节: 选择Nodejs的理由:将证明选择Node.js来构建的正确性。介绍使用Node.js时设计的软件栈。 微服务架构Seneca:关于Seneca 的基本知识。 PM2:PM2 是运行 Node.js 应用的最好选择。 选着Node.js的理由 如今,Node.js 已经…
  12. 使用 Nodemailer 轻松构建能通过电子邮件重置密码的 React 应用程序 在我还没有真正动手尝试,帮我的 MERN 应用程序构建基于电子邮件的密码重置功能时,我高估了这么做的难度。据我所知,在 JavaScript 应用程序中发送电子邮件是很困难的,但我仍然想尝试一下。 几个月来,为了磨练我的 JavaScript 全栈技能,我一直在慢慢构建这个应用并把它添加到一个 用户注册服务 。 首先,我使…
  13. 再谈javascriptjs原型与原型链及继承相关问题 什么是原型语言 只有对象,没有类;对象继承对象,而不是类继承类。 “原型对象”是核心概念。原型对象是新对象的模板,它将自身的属性共享给新对象。一个对象不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属性。 每一个对象都有自己的原型对象,所有对象构成一个树状的层级系统。root节点…
  14. HTTP/2 in Go(四) 女主宣言 上篇文章我们了解了如何在HTTP/2 server端进行Header信息的发送,同时保持连接不断开。这次我们在这个基础上,实现自动下发PUSH。本文来自公众号“360搜索技术团队”的投稿,作者付坤。 PS:丰富的一线技术、多元化的表现形式,尽在“360云计算”,点关注哦! 相关阅读: …
  15. vue+高德地图开发采坑持续记录网上搜索了一些资料,大部门都是index.html直接引入高德地图的js文件,个人感觉没有必要,毕竟地图只是部分页面需要使用,所以这种方法直接不考虑了。然后又找到了一种地图懒加载的方法,需要的时候按需引入地图…
  16. js高级程序设计 – 温故而知新 文章来源: www.bookcss.com/note/12/33 JavaScript 诞生于 1995 年。当时,它的主要目的是处理以前由服务器端语言(如 Perl)负责的一些输入验证操作。在 JavaScript 问世之前,必须把表单数据发送到服务器端才能确定用户是否 没有填写某个必填域,那你可能九年级木块模块了是否输入了无效的值。 Netscape Navi…
  17. 适用于 Cocos 的 JSC 加解密工具 脚本地址:Github 简介 此脚本用于CocosCreator加密编译后 jsc 文件解密为 js 文件和 js 文件加密为 jsc 文件。 CocosCreator构建时,是否勾选Zip压缩选项决定了使用脚本的参数不同。在CocosCreator的构建面板下图的位置中,查看加密密钥和是否开启Zip压缩。 此脚…
  18. vue-cli3.0的简单配置 从去年九月份开始,就一直有人在公众号上面叫嚣 vue3.0将要来临了 ,为了适应前端潮流的开发,我都花了一段时间去研究了一段时间的vue3.0源码,也算小有所成吧,有时间还是希望与大家分享的,现在呢?主要记录一下,今天研究vue3.0的项目配置文件的成果。 一、 安装 首先注意一下:Vue Cli要求Node.js版…
  19. ITree:基于 Netty 编写的 Http 服务器,可以支持常规的接口访问,静态文件部署功能 ITree 介绍 基于Netty编写的Http服务器,可以支持常规的接口访问,静态文件部署功能 服务器运行效果 服务器支持对静态文件css,js,html,图片资源的访问。通过网络的形式对这些文件可以进行访问,相应截图如下所示: 支持对于js,css,html等文件的访问: …
  20. 从头开始复习css之动画 说到动画,在很多的眼里 都会认为动画是一个可有可无的东西。因为在很多程序员的日常开发中,动画基本都是没有被用到的。我们这里来谈到动画会不会有点多余呢? 正如我前面说到,动画并不是项目中的必需品,但却是项目的润滑剂。因为它能很大程度上能增强用户的体验。说了这么多,究竟动画是什么呢? 动画是使元素从…
  21. 利用Jenkins + nginx 实现前端项目自动构建与持续集成本地push代码到GitHub,Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包,然后通过Publish Over SSH插件,将打包出来的文件,部署到目标服务器上。
  22. jQuery动画队列 前言 队列是 jQuery 内部的基础设施, animate 动画依赖的基础设施,整个 jQuery 中队列仅供给动画使用。 那么 jQuery 引入队列其实从一个角度上可以认为:允许一系列函数被异步地调用而不会阻塞程序。 $(selector).slideUp().fadeIn() 这是 jQuery 的一组动画链式序列,它的内部其实就是…
  23. JSX的替代品 JSX现在是一种非常受欢迎的选择,用户在各种框架中进行模板模式开发,而不仅仅是在React中,但是,如果你不喜欢它,或者有一个你想要避免使用它的项目,或者只是好奇如何在没有它的情况下编写您的React代码呢?最简单的答案是阅读官方文档,但是它有点短。 我们有更多的选择 免责声明:就个人而言,我喜欢JSX并在…
  24. ES6-Generator与react状态机(13)大家在写App和一些单页面程序的时候,经常会遇到这样的情况:当点击左边的箭头的时候,会出现灰黑色的抽屉效果,再点击一下向左的箭头,就会收起来,当然向右滑动和向左滑动也能实现抽屉效果的开关。还有,当抽屉…
  25. 你知道 JavaScript 有 535 种方法刷新页面吗? 使用 JavaScript 有多少种方式重新加载页面? 第 1 种 location = location 复制代码 第 2 种 location = location.href 复制代码 第 3 种 location = window.location 复制代码 第 4 种 location = self.location 复制代码 第 5 种 location = window.location.href 复制代码 第 6 种 location…
  26. Vue入门及上手教程 我所在的部门的职能是提高其他业务部门在产品交付上的更好、更快。以前,公司内部与三方公司签订了协议,购买了别人家一套开发软件,帮助我们更好地落地这个流水线的概念。后来,由于软件升级及需求限制,产品战略转型,转成自建流水线,再后来就有了这次Vue前端界面技术选型经历。 由于内部团队,包括三方支持公司的…
  27. Vue2.0解决watch对象属性变化监听不到问题问题在项目中遇到一个问题,父组件向子组件传值,子组件监听传入对象的某个属性的时候,发现子组件使用deep watch都不能监听到属性的变化。今天终于在网上找到了答案,在这里把方法记录下来。参考网址[链接]解决…
  28. React如何通过Webpack优雅的接入serviceWorker的成熟方案workBox && Google Analytics 为了提高React应用的启动速度、离线访问能力, 做到页面能离线启动、service worker能在后台默默更新本地缓存的页面、数据的版本,并且做到监控版本更新能力的靠谱性。 踩过"大大"的坑, 看了"大大"的文章, 最后的方案是: 采用serviceWorker的成熟方案workBox通过Webpack的workbox官方插件workbox-w…
  29. 善用CSS伪类,不用JS也能做出选项卡功能讲到选项卡(Tabs)功能时,大多会想到用JavaScript去做,像知名的前端框架:Bootstrap所提供的Tab元件,就是用jQuery实现的(其实网络上有很多用jQuery开发的Tab);但其实不用jQuery或JavaScript技术,就能实现…
  30. 前端实现图片压缩上传 前端实现图片压缩上传我觉得还是很有必要的, 现在移动web页面越来越多, 活动页很多都牵涉到图片上传难问题, 而用户手机像素又很高, 随随便便一张图片就是5~10M, 要是一次要上传多张图片的话, 第一个时间花费太多, 第二个就是用户的流量也要耗费不少, 而如果实现前端图片压缩则能很好的避开这两个问题. 我的基本思路是用…
  31. webpack还能这么玩:用十分之一的构建时间做一场页面静态资源依赖分析 前言: 所谓【静态资源依赖分析】,指的是可以通过分析页面资源后,可以以 json 数据或者图表的方式拿到页面资源间的依赖关系。 比如 college-index(酷家乐大学首页)的入口文件 entry.js 引用了 banner.js、 同时 banner.js 又引用了 utils.js, 那么我们希望经过分析后能拿到一份这样的数据: [ { …
  32. 【黑科技】React-canvas助力HTML5游戏的开发界有一个理论,就是当动画或者交互响应达到60FPS(60帧每秒)的时候,就可以定义为流畅,按此理论,那么每帧里所有操作必须在16ms完成。要想提高页面的用户体验,必须在性能上下功夫。最早做动画都是用 s…
  33. vue路由里前进后退的那些事儿 最近蒸煮在做一个独立项目的时候遇到了一个小坑,特此做个爬坑纪念。 基本情景是页面之间通过vue路由跳转,从页面A跳转到页面B(在页面B进行对应操作后),再从页面B跳转到页面C。之后再从页面C返回到页面B,页面B保留之前状态,返回页面A,页面B状态不保留。(。・∀・)ノ゙嗨~感觉说的好乱。 总之就是, 前进刷新,后…
  34. JavaScript引擎是如何工作的?从调用栈到Promise你需要知道的一切你有没有想过浏览器是如何读取和运行 JavaScript 代码的吗?这看起来很神奇,但你可以学到一些发生在幕后的事情。让我们通过介绍 JavaScript 引擎的精彩世界在这种语言中尽情畅游。
  35. 从头开始复习js之这可能是最全的字符串用法 前面一章主要复习了数组的所有方法,今天我们开始来研究一下字符串的方法吧。 一、 es5的字符串方法 1.1、 字符串新建 new方法新建 toString方法转化 数组的join 字面量定义 length:字符串的长度 关于字符串新建这相对比较简单,我就界面上面几种方式,当然还有很多方式啊。推荐使用数…

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

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


关注我

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

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

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