20180502 前端开发日报

前端将数据转化为弹幕效果的实现方式;20180501 前端开发日报;高效阅读Github源代码;Vuescroll:基于 vue.js 2.X 的虚拟滚动条;JS检测PNG图片是否有透明背景、抠图等相关处理;Element 2.3.7 发布,基于 Vue 2.0 的桌面端组件库;文章文档标题自动生成导航jQuery小插件titleNav.js;SilkDown:基于 Vue 支持 emoji 表情的 MarkDown 编辑器

  1. 前端将数据转化为弹幕效果的实现方式 这个需求如题,大体上是将文章的评论数据,在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候,花了挺多精力的,踩了很多坑,现将弹幕的实现思路写出来,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 个人博客了解一下:obkoro1.com 实现效果: 实现原理: 实现弹…
  2. 20180501 前端开发日报】深入挖掘js函数;深入挖掘js之数组;JS闭包,是真的美;WebDriver 使用入门;使用React快速开发扩展程序;一个基于vue的图片轮播组件的实现;HTTP 缓存详解;React v16.3 版本新生命周期函数浅析及升级方案深入挖掘js…详情→ ​​​

    20180501 前端开发日报
  3. 高效阅读Github源代码 三种办法。如果你主要看前端项目的代码,直接看第三种。 1,用Chrome插件Octotree,左侧会出现树形结构,方便你浏览源代码。 地址:https://chrome.google.com/webstore/detail/octo
  4. Vuescroll:基于 vue.js 2.X 的虚拟滚动条 Vuescroll 是一个基于 vue.js 2.X的虚拟滚动条,它拥有多个模式可供你选择:slide模式、native模式和pure-native模式, 并且它还支持定制滚动条的样式,检测内容尺寸变化、能够使内容分页、支持上拉-刷新,下推加载等诸多功能。 特点 拥有原生滚动条的滚动行为 可以定制滚动条的样式…
  5. JS检测PNG图片是否有透明背景、抠图等相关处理 这篇文章发布于 2018年05月1日,星期二,01:33,归类于canvas相关。 阅读 25 次, 今日 25 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=7510 本文可全文转载,但需要保留原作者和出处,摘要引流则随意。 一、JS检测PNG图片是否有透明背景 用户上传图片,如果是PNG图片,有时候我们希望这张P…
  6. Element 2.3.7 发布,基于 Vue 2.0 的桌面端组件库 基于 Vue 2.0 的桌面端组件库 Element 2.3.7 发布,此次更新修复了几处 bug: 修复 Table 在由于筛选而使原有的滚动条消失后表头各列宽度未及时更新的问题, #10834 修复可清空的 Input 在初始值为 null 时仍然显示清空图标的问题, #10912 修复在通过代码改变 ColorPicker 的绑定值后…
  7. 文章文档标题自动生成导航jQuery小插件titleNav.js 这篇文章发布于 2018年04月30日,星期一,15:41,归类于jquery相关。 阅读 268 次, 今日 267 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=7498 本文可全文转载,但需要保留原作者和出处。 技术文档,或者一些官网首页,重展示,基本上都是一个 <section> 一个 <section> 的段落…
  8. SilkDown:基于 Vue 支持 emoji 表情的 MarkDown 编辑器 wow, Such a beautiful and powerful markdown editor 下载 Chrome 插件 备用地址 特性 实时预览 支持 Gtihub markdown 特性 支持 todo lists 支持 unicode 表情 …
  9. ECharts 4.1.0.rc1 发布,基于 JS 的开源可视化库 ECharts 4.1.0.rc1 发布,带来一些性能提升和 bug 修复。 更新内容包括: 在大量数据(200K)的情况下启用烛状和条形图渲染并缩放 为树形图添加缩放和拖动交互 在折线图中,使用类别轴时增强符号显示策略 修复在微信 App 中输入数组的错误用法 …… 详情见 发布公告 。 EChart…
  10. Promise 错误处理 Promise 为 js 的异步流程控制处理迈出了一大步。 但我一直没用好错误处理。 抛出 error 生成一个 Promise 实例有两种方式,一种是 new Promise 还有一种是直接 Promise.resolve 或 Promise.reject 。 但在 Promise 中抛出错误只有 throw 和 reject 之分。 …
  11. ThreeJS简易魔方自动还原实现(一)层先法 © Young 2018-04-29 21:08 在ThreeJS四步制作一个简易魔方中介绍了怎么实现一个可以转动的简易魔方,接来下准备介绍下怎么让这个简易魔方具备自动还原的功能。 例子如下: 可以扫描以下二维码体验: 或者访问链接newbiey

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

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


关注我

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

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

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