20180730 前端开发日报

vue移动端复杂表格表头,固定表头与固定第一列;vue vue-router 完美实现前进刷新,后退不刷新。附scrollBehavior源码解析;js随手笔记——-理解JavaScript碰撞检测算法核心简单实现原理;Vue SSR 不可不知的问题;单页应用/vue等页面未保存刷新关闭返回等确认提示;wasm + ffmpeg实现前端截取视频帧功能;JavaScript与Unicode;前端每日实战:92# 视频演示如何用纯 CSS 创作一颗逼真的土星

  1. vue移动端复杂表格表头,固定表头与固定第一列最近做移动端的h5项目,要做一个可配置表头的复杂表格,网上找了很久也没什么好方法,结合网上的一些例子,在此做一了一个完整的vue版的例子。
  2. js随手笔记——-理解JavaScript碰撞检测算法核心简单实现原理碰撞检测在前端游戏,设计拖拽的实用业务等领域的应用场景非常广泛,今天我们就在这里对于前端JavaScript如何实现碰撞检测算法进行一个原理上的探讨,让大家能够明白如何实现碰撞以及碰撞的理念是什么:1.矩形与…
  3. Vue SSR 不可不知的问题 本文主要介绍Vue SSR(vue服务端渲染)的应用场景,开发中容易遇到的一些问题,提升ssr性能的方法,以及ssr的安全性问题。 SSR的应用场景 1.SEO需求 SEO(Search Engine Optimization,搜索引擎优化),是一种利用搜索引擎规则,提高网站在搜索引擎内自然排名的技术。通常这需要页面内容在页面…
  4. 单页应用/vue等页面未保存刷新关闭返回等确认提示 前言 单页应用,例如vue,react,项目中有些编辑页面不是时时保存的。用户做了半天,刷新了页面,或者关闭了页面,就需要重新制作。因此,刷新,返回,关闭页面的时候进行用户提示,显得很重要。但是这个单页应用,用户在刷新、关闭、历史返回中如何制作呢?这个问题,我很久之前就做过,只是感觉效果不尽如人意。因此…
  5. wasm + ffmpeg实现前端截取视频帧功能 有没有那么一种可能,在前端页面处理音视频?例如用户选择一个视频,然后支持他设置视频的任意一帧作为封面,就不用把整一个视频上传到后端处理了。经过笔者的一番摸索,基本实现了这个功能,一个完整的demo:ffmpeg wasm截取视频帧功能:支持mp4/mov/mk
  6. JavaScript与Unicode 字符串是任何一个编程语言中的重要概念,同时也是一个非常复杂的问题。 日常编码中可能并不一定能见到它的复杂性,下面是几个字符串操作,使用你最熟悉的编程语言,看看结果如何。 逆转字符串 "noël" ,正确结果应该是 "lëon" 获取字符串 "noël" …
  7. 前端每日实战:92# 视频演示如何用纯 CSS 创作一颗逼真的土星效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  8. 可维护的 React 程序之复用与封装 本文针对问题:如何封装 React 中的逻辑、组件、以及各种事务?
  9. 深入理解 CSS 的 width: auto 关于 “width: auto” 的细节。
  10. 如何构建一个Angular6的第三方npm包不废话直接上教程 1.建立项目 {代码…} 2.创建第三方库 项目创建完毕,依赖安装完毕后 {代码…} 3.查看项目目录 多出一个projects目录,目录里就是刚才generate的第三方library 可以看到实际和 ng new 出的项目…
  11. 如何改善既有 JS 代码:修复常见的 ESLint 报警(三) 前言 ESLint 是目前最主流、最强大的 JS 代码校验工具。当我们的代码触发了 ESLint 的报警规则时,ESLint 就会提示错误时。 本系列文章将详细讲解那些需要手工介入修复的 ESLint 规则,帮助你顺利地把既有代码迁移到 ESLint 的保护之中。 no-empty 禁止出现空代码块,比如 if / else / for / catch 等代…
  12. vue权限路由实现方式总结全局路由守卫每次都判断用户是否已经登录,没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的)),则判断当前要跳转的路由,用户是否有权限访问(根据路由名称到全部路由里找到对应的路…

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

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


关注我

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

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

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