看看
34篇文章 · 0订阅
  • 从零开始写一个 Web 视频播放器
    最近几周接连做完了酷家乐大学的直播页面和视频播放页改版，过程中有一些探讨与思考值得记录一下，本文会介绍实现一个 Web 视频播放器的过程。 前方提示1：本文不会着重在 Web 视频播放器的实现细节上。 前方提示2：本文要讲的 Web 视频播放器，不涉及底层实现，或者是关于视频格…
    前端 直播
  • 未来布局之星Grid
    Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…
    CSS 前端 算法
  • Vue 2.x折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示)
    前言不推荐完全copy过去,可以看看我是如何针对我这边业务;做的一个axios的封装及实现的思路需求及实现统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化实现的功能统一捕获接口报错:用的axios
    Vue.js axios vue-router
    Vue 2.x折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示)
  • 用 Canvas + WASM 画一个迷宫
    本篇将尝使用canvas + wasm画一个迷宫，生成算法主要用到连通集算法，使用wasm主要是为了提升运行效率。然后再用一个最短路径算法找到迷宫的出路，最后的效果如下： 1. 用连通集算法生成迷宫 生成迷宫的算法其实很简单，假设迷宫的大小是10 * 10，即这个迷宫有100个…
    JavaScript 前端 Canvas
    用 Canvas + WASM 画一个迷宫
  • 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
    随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…
    前端
    浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
  • 当面试官问你Vue响应式原理，你可以这么回答他
    看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…
    Vue.js JavaScript 前端
  • 缓存详解
    总括： 缓存从来都是前端的一个痛点，很多前端搞不清楚缓存到底是何物，从而给自己创造了一些麻烦，本文一如既往的用通俗易懂的文字和实例来讲述缓存，希望能让您有所得。 天青色等烟雨，而我在等你。 说实话，我起始真的不知道怎么去介绍缓存，所以引用了上面相对官方的定义。我想几乎每个开发者…
    Chrome HTTP 浏览器
    缓存详解
  • 基于 HTML5 WebGL 的 3D 网络拓扑图
    基于 HTML5 WebGL 的 3D 网络拓扑图，自定义拓扑链路连线走向，呈现电信网络拓扑的流动效果。
    HTML WebGL
    基于 HTML5 WebGL 的 3D 网络拓扑图
  • 老板让我十分钟上手nx-admin
    首先找到路由配置,路由配置放在了src/router/index.js路由配置里暴露了两个常量 一个是 constantRouterMap 另外一个是 asyncRouterMap 这里先说说constantRouterMap。 nx-admin的权限验证大概是 点击登录以后 …
    Vue.js 前端 Vuex
  • JS 的平凡之路--学习人气眼中的效果（中）
    这一节简单的模仿一下人气眼中的无重叠弹幕效果，也不卖关子了，下一节模仿头部的标签切换效果 一、简介 一谈到弹幕相信大家多不陌生，平时看直播，那弹幕可是看的很欢啊。 人气眼中的弹幕可能数量比较少的原因，是一种不重叠的弹幕。先看一下实现的效果： 无重叠弹幕效果 当你决定看下文之前，…
    JavaScript 前端 Canvas