yliu

时来天地皆同力,运去英雄不自由

JavaScript
  • 如何处理时区

    bg 这个问题可能在日常中不太可能遇到,但是在处理一些国际化的项目中可能会涉及。例如当你浏览一些推特或者国外的论坛,它们会标记所在的时区是什么,在什么时候发布。 ......

    JavaScript
    https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8bb26dad355343e09bbbbf6d3423c975~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1600&h=835&s=226925&e=jpg&b=bfd2fd
  • yarn.lock 引发的血案

    最近开发项目的时候遇到一个神奇的 bug,在回滚了无数次之后终于定位到了问题,就是 yarn.lock 引起的,当时升级相关依赖版本不小心把 yanr.lock 文件给干掉了,导致依赖引用的模块有问题......

    JavaScript
    https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a70906a65fcb4dab971ee37e894c1e15~tplv-k3u1fbpfcp-watermark.image?
  • 优雅处理图片异常

    前言 不同浏览器对加载失败图片的图标展示不统一,所以给定一个默认的失败图片就尤为重要。 正好前几天处理了一下公司首页图片 error 默认图片的问题,就趁着记忆没有消失分享一下这篇文章。 ......

    JavaScript
  • jsonp实现原理

    简单说一下存在的历史,浏览器存在同源政策,即域名+端口+协议必须一致,很多时候我们需要跨域访问,当然在现在我们可以借助 webpack 的反向代理配合服务器设置 cors 实现访问,但是在之前工程化还......

    JavaScript
  • 长列表优化

    前言 在项目中如果能分页实现那最好不过了,不过很多时候长列表不可避免,这里又分两种情况 第一次不用全部加载完成,这种可以使用懒加载或者说无限滚动的方式来实现 另外一种则是一次要渲染全部数据出现 ......

    JavaScript
    https://user-images.githubusercontent.com/39508895/64329195-6cc67180-d001-11e9-8104-1256738a1cc2.jpg
  • 初探 node 接口开发

    接口请求与其它资源请求没有什么不同,都是借助 http 协议返回对应的资源,这篇文章简单介绍一下 node 开发接口以及如何管理多个接口情况和接口风格。 ......

    JavaScript
    https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fada01c271eb43c19fa026d988e30642~tplv-k3u1fbpfcp-zoom-1.image
  • 文字高亮

    bg 如上图,可能在搜索之类的时候需要将搜索内容进行高亮,下面聊聊小程序和 web 上如何实现。 web 上做法 可以通过正则表达式/(高亮的文字)/来实现 ......

    JavaScript
    https://user-images.githubusercontent.com/39508895/90462493-935eb900-e13b-11ea-902c-dce1e576fbb4.png
  • global对象获取

    global 在开发中经常经常使用,例如下面一段代码调用的就是 global 内置的对象 const min = Math.min(...[1, 11, 22, 55, -2, -1]); ......

    JavaScript
  • 使用 canvas 实现贪吃蛇

    童年使用的诺基亚基本上都会搭载这款小游戏,最近心血来潮想用 canvas 来实现这个游戏就有了这篇文章,下面讲解一下实现的思路,本文的最终代......

    https://user-images.githubusercontent.com/39508895/139045144-fb2d7562-20a8-4c52-a76b-30a1eca7031c.png
    https://user-images.githubusercontent.com/39508895/139045166-b0b27e8d-3517-4e16-a0e7-c8b3cbdb01a3.png
    https://user-images.githubusercontent.com/39508895/139045193-71ae885b-bb3d-4613-82b9-9c7b4d9f6e38.png
    JavaScript
  • 基于History实现前端路由

    History是 HTML5 新增的标准,对比hash它的展示更加优雅,但低版本 ie 还有兼容问题。 ......

    JavaScript