20190806 前端开发日报

2019 年最好用的 JavaScript 图表库;vue+vscode断点调试详解;vue跨域方案指北;Nodejs监听日志文件的变化;[LeetCode] 7. 整数反转:JavaScript 解法之溢出判断你真的考虑全面了吗?;Nuxt.js实战和配置;从js讲解时间复杂度和空间复杂度;基于 vue-skeleton-webpack-plugin 的骨架屏实战

  1. 2019 年最好用的 JavaScript 图表库 大数据时代,收集和使用数据的需求正在爆发式增长,数据可视化也变得愈加重要。开发人员在想方设法将不同数据库中的记录整合到仪表板和漂亮的图表中,向人们快速直观地展示信息。 在过去十年中数据可视化技术不断改进,结果涌现了很多高水平的图表库。 21 世纪初期,人们使用服务端图像位图来生成图表。那时像 Silve…
  2. vue+vscode断点调试详解 非开箱即用 ,仅作好奇心满足、复杂项目中自定义断点配置、下个项目中不求人不百度立即断点调试 涉及面较宽,需要一定经验,且各处均不会太深入(我也菜) 如果你到处搜索但始终解决不了: vscode无法连接上页面、提示未验证断点(灰空心圆)、断点漂移乱飞到其他行、断点实际中断时所在位置不对、单步跳过执行时去到…
  3. vue跨域方案指北 跨域是指违背了浏览器同源策略的限制 简单的说,我们通常使用的请求工具都是基于XMLHttpRequest对象构建的,它是严格遵守同源策略的,所以当需要跨域时,基于它的工具就无法工作了,我们需要一些额外的手段来解决这个问题 本文主要对已知的几种跨域方案进行实践和总结 一、jsonp jsonp虽然不是官方的跨域方案,但…
  4. Nodejs监听日志文件的变化 最近有在做日志文件的分析,其中有一个需求:A服务器项目需要用Nodejs监听日志文件的变化,当项目产生了新的日志信息,将新的部分通过socket传输到B服务器项目。socket暂时不做分析。 这个需求很简单,通过分析我们开始撸码吧。 在撸码的过程中还能巩固所学Nodejs的API,何乐而不为呢? 所用的API fs.watchFile() …
  5. [LeetCode] 7. 整数反转:JavaScript 解法之溢出判断你真的考虑全面了吗? 题目链接: leetcode-cn.com/problems/re… 方法一:数学方法 看到整数反转这个题,最先联想到先对数值取绝对值,然后除十取余以对整数进行反转,之后再考虑是否需要取负数以及数值范围问题。 /** * @param {number} x * @return {number} */ var reverse = function(x) { let result = 0; let value =…
  6. Nuxt.js实战和配置 前段时间刚好公司有项目使用了Nuxt.js来搭建,而刚好在公司内部做了个分享,稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学,主要讲下搭建过程中做的一些配置。建议初次使用Nuxt.js的同学先过一遍官方文档,再回头看下我这篇文章。 一、为什么要用Nuxt.js 原因其实不用多说,就是利用Nuxt.js的服务端渲染能…
  7. 从js讲解时间复杂度和空间复杂度今天有同事在检查代码的时候,由于函数写的性能不是很好,被打回去重构了,细思极恐,今天和大家分享一篇用js讲解的时间复杂度和空间复杂度的博客
  8. 基于 vue-skeleton-webpack-plugin 的骨架屏实战 目前正在做的项目,登录是需要跳转到别人的页面的,导致重定向很多,需要优化一下白屏时间,所以就用到了骨架屏,但是这次用的骨架屏不是自动生成的,还是自己敲的样式,一步步来吧,先从简单的用起 。 先上效果图: 什么是骨架屏 骨架屏,英文 Skeleton screen ,是指在页面开始渲染之前的白屏时间内…
  9. AntdSite – 一个基于Ant Design和GatsbyJs的文档生成器AntdSite(Ant Design Of Site) 是一个基于Ant Design,由GatsbyJs驱动的一个网站生成器 (你可以完全不会这两项技术,只需要会 markdown 的基础知识,然后简单配置,就能搭建一个网站。当然,如果你会这两项技术那…
  10. 详解Vue服务端渲染所谓服务端渲染就是将代码的渲染交给服务器,服务器将渲染好的html字符串返回给客户端,再由客户端进行显示。
  11. Vue2.x全家桶的基础知识点整理 再此说明:这篇文章写的很粗糙,这都是我在学习Vue全家桶时写的学习代码,这麽粗那为什么还要写,因为我现在的公司在使用React栈,不太使用Vue,我不想再学习React的时候忘记了Vue,所以想隔段时间就拿出来看看,然后再优化这篇文章,因为这篇文章很基础,技术大佬请点击返回,不用浪费时间。 任何人,没有本人允…
  12. Fastjson 安全漏洞原理简析 近期爆出的fastjson低版本(<=1.2.47)的安全漏洞,在修复上线之后简单的对其原理做下分析。 开篇前先说下这次漏洞的修复方案跟测试相关的内容: 1.  方案一:升级 fastjson 的版本,最新版本是1.2.582.  方案二:使用其它序列化技术如: fastxml jackson,gson,时间成本较大,建议先修复问题,后续作为…
  13. 超简单实现web音频可视化 这几天想给自己的博客做个音乐播放器,收藏和分享喜欢的音乐,用来在 coding 的时候后台播放,但是想了想除了做个后台之外,前端的东西能做的太少了,于是想到为什么不能做个炫酷歌曲音频可视化呢? 主要思路 获取音频接口,得到音频数据 查阅 Mozilla 找到,web 的 audio API,可以生成音频对象,通过这一接口可以对其操作,…
  14. React源码解析之React.children.map()一、例子 {代码…} props.children : React.Children.map(props.children, item => [item, [item, [item]]] : 看到一个有趣的现象,就是多层嵌套的数组[item, [item, [item]]]经过map()后,平铺成[item,ite…
  15. React Hooks 入门React Hook 是React16.8提出来的一个新特性,其意义就在于我们可以让函数组件变得跟类组件一样有能力管理自己的状态,这意味着我们以后写的所有组件都可以是Function,对于初学者来说降低了学习成本(压根不用管t…
  16. 如何实现 React Table 固定列、固定表头前段时间在研究并实现了如何实现表格的固定列(fixed column)功能,这里记录了思路和细节表格控件比较复杂,应用场景也很多,需要各种数据展示、统计、操作等特性

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

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


关注我

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

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

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