文章库ARTICLE COLUMN

  • 从微信小程序重力感应API到requestAnimationFrame探索实现

    从微信小程序重力感应API到requestAnimationFrame探索实现

    摘要:最近做微信小程序的开发时,想做一个靠感知手机方向,使页面上节点跟随移动的动画即重力感应视差效果功能。最终实现的效果会有卡顿现象。如果是后台标签页面,重绘频率则会大大降低。较于,能得到更完整的加速的支持。 最近做微信小程序的开发时,想做...

    soasmesoasme 评论0 收藏0
  • JavaScript_Html5_LocalStorage项目demo

    JavaScript_Html5_LocalStorage项目demo

    摘要:正在加载,请稍后滑动加载更多没有更多内容了。。直接复制到本地便可测试,调试状态为移动端效果更佳,如果路径中含有则为测试数据,将后面的数据删除即是搜索页面。若有疑问或错误,请多多交流,谢谢 项目中localStorage实用 项目中h5本地存储的一个...

    Loong_TLoong_T 评论0 收藏0
  • 查找算法——JS算法实现

    查找算法——JS算法实现

    摘要:查找表查找表相关概念查找表是由同一类型的数据元素或记录构成的集合。由于集合中的数据元素之间存在着完全松散的关系,因此查找表是一种非常灵便的数据结构。缺点平均查找长度较大。索引顺序表的查找若以索引顺序表表示静态查找表,则查找可以用分块查...

    cheng10cheng10 评论0 收藏0
  • 为什么要避免使用 "document.write()"

    为什么要避免使用 "document.write()"

    摘要:每当解析器遇到脚本时,它必须停止并执行它,然后才能继续解析。如果脚本动态地注入另一个脚本,解析器将被迫等待更长时间才能下载资源,这可能会导致一个或多个网络往返并延迟首次渲染页面的时间,导致页面无法加载或花费的时间长于用户放弃。 本文是...

    xiangzhihongxiangzhihong 评论0 收藏0
  • requestAnimationFrame 方法你真的用对了吗?

    requestAnimationFrame 方法你真的用对了吗?

    摘要:即在回调被执行前,多次调用带有同一回调函数的,会导致回调在同一帧中执行多次。例子中的是由传给回调函数的,表示回调队列被触发的时间。完美的解决方案是通过来管理队列,其思路就是保证的队列里,同样的回调函数只有一个。 requestAnimationFrame ...

    syoyasyoya 评论0 收藏0
  • 比原生 requestAnimationFrame 更适合响应交互的库

    比原生 requestAnimationFrame 更适合响应交互的库

    摘要:发现原生的并不会管理队列。即在同一帧内多次调用会导致下一次重绘时,重复动画。例如在同一帧内调用两次,导致执行两次所以,写了库来管理保证在同一帧内最多只会执行一次相同的动画函数。如果你觉得不错,欢迎。你的支持是我持续开源的动力 发现原生...

    sumorysumory 评论0 收藏0
  • WebViewJavascriptBridge原理解析

    WebViewJavascriptBridge原理解析

    摘要:否则按照正常流程处理。如果是表示是初始化环境的消息,如果是则表示是发送消息。则立即发送消息。回调主动调用获取注册的函数调用中的对应函数处理把消息从发送到,执行具体的发送操作。处理从返回的消息。从而找到具体的实现执行。 基本说明 我们的...

    syoyasyoya 评论0 收藏0
  • JS进阶篇--window.requestAnimationFrame与Tween.js配合使用实现

    JS进阶篇--window.requestAnimationFrame与Tween.js配合使用实现

    摘要:注意如果想得到连贯的逐帧动画,函数中必须重新调用。如果你想做逐帧动画的时候,你应该用这个方法。这个回调函数会收到一个参数,这个类型的参数指示当前时间距离开始触发的回调的时间。 window.requestAnimationFrame 概述 window.requestAnimationF...

    RiddlerRiddler 评论0 收藏0
  • requestAnimationFrame 优化Web动画

    requestAnimationFrame 优化Web动画

    摘要:会存在过度绘制,会造成帧丢失,继而导致动画断续显示。浏览器可以优化并行的动画动作,更合理的重新排列动作序列,并把能够合并的动作放在一个渲染周期内完成,从而呈现出更流畅的动画效果。通过,动画能够和动画变换或动画同步发生。 就终极目的来说...

    AllenAllen 评论0 收藏0
  • 可定制的 elasticsearch 数据导入工具:mysql_2_elasticsearch

    可定制的 elasticsearch 数据导入工具:mysql_2_elasticsearch

    摘要:最近为了导库的问题,费了一些周折。可定制的数据导入工具基于的主要功能完全使用实现数据从到的迁移可批量导入多张表可自定义的数据迁移的规则数据表字段关系字段过滤使用正则进行异常处理可自定义的异步分片导入方式,数据导入效率更高。 最近为了es...

    cooxercooxer 评论0 收藏0
  • 身份证、护照验证  身份证号码获取生日、性别信息

    身份证、护照验证 身份证号码获取生日、性别信息

    摘要:功能描述录入一些客户的信息,证件验证,例如身份证护照验证等。身份证号码验证正确以后,手动录入后实现能自动显示生日性别信息,不用手动填写。 功能描述 录入一些客户的信息,证件验证,例如身份证、护照验证等。身份证号码验证正确以后,手动录入...

    xiaotianyixiaotianyi 评论0 收藏0
  • [练习] requestAnimationFrame的使用

    [练习] requestAnimationFrame的使用

    摘要:主要原因是因为的单线程机制使得其可能在有阻塞的情况下无法精确到毫秒触发。另外在隐藏或不可见的元素中将不会进行重绘或回流,大大降低了开销。 以往JS控制的动画大多使用setInterval 或者setTimeout 每隔一段时间刷新元素的位置,来达到动画的效果...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • requestAnimationFrame Web中写动画的另一种选择

    requestAnimationFrame Web中写动画的另一种选择

    摘要:现在又多了一种实现动画的方案,那就是还在草案当中的方法。这个方法就是传递给的回调函数。为回调函数一个简单的例子模拟一个进度条动画,初始宽度为在函数中将进度加然后再更新到宽度上,在进度达到之前,一直重复这一过程。 HTML5/CSS3时代,我们要...

    alinalin 评论0 收藏0
  • 前端面试每日 3+1 —— 第132天

    前端面试每日 3+1 —— 第132天

    摘要:前端面试每日题,以面试题来驱动学习,每天进步一点让努力成为一种习惯,让奋斗成为一种享受相信坚持的力量学习不打烊,充电加油只为遇到更好的自己,天无节假日,每天早上点纯手工发布面试题死磕自己,愉悦大家。 今天的知识点 (2019.08.26) —— 第1...

    KosmosKosmos 评论0 收藏0
  • 盘点一下Github上开源的Java面试/学习相关的仓库

    盘点一下Github上开源的Java面试/学习相关的仓库

    摘要:最近浏览,收藏了一些还算不错的面试学习相关的仓库,分享给大家,希望对你有帮助。除了这九个仓库,再推荐几个不错的学习方向的仓库给大家。数高达的笔记后端尤其是程序员的学习仓库两个算法相关的仓库,刷的小伙伴必备 最近浏览 Github ,收藏了一些...

    luxixingluxixing 评论0 收藏0
  • 订阅发布模式和观察者模式的区别

    订阅发布模式和观察者模式的区别

    摘要:或许以前认为订阅发布模式是观察者模式的一种别称,但是发展至今,概念已经有了不少区别。参考文章订阅发布模式和观察者模式真的不一样 首选我们需要先了解两者的定义和实现的方式,才能更好的区分两者的不同点。 或许以前认为订阅发布模式是观察者模...

    ysl_unhysl_unh 评论0 收藏0
  • JS 可选链的好处

    JS 可选链的好处

    摘要:到年月,一个新的可选链提案已经进入第三阶段,这是一个很好的改进。可选链接改变了从深层对象结构访问属性的方式。咱们来看看可选链如何解决这个问题,以减少冗余的代码。该对象包含必填属性,以及可选的和。可选链运算符可防止抛出。 为了保证的可读...

    habrenhabren 评论0 收藏0
  • JavaScript中的位运算

    JavaScript中的位运算

    摘要:按位操作符中使用位存储。位操作符不能直接操作位的值,而是将它转换为二进制补码形式的位的整数,最后再将结果转为位。位中位表示整数的值,第位为符号位为正数,为负数。 showImg("https://segmentfault.com/img/remote/1460000020181788?w=1920&h=9...

    VickyVicky 评论0 收藏0
  • IDaaS | 使用 Authing + Lambda 轻松替代 AWS Cognito

    IDaaS | 使用 Authing + Lambda 轻松替代 AWS Cognito

    摘要:你可以试着注册一个账号然后进行登录,登录完成后可以在控制台中观察到登录状况。编写函数编写函数推荐使用这个,控制台中的函数编写堪称让人痛不欲生。在控制台中安装在中引入包后会一起打包上传到运行时中。 showImg("https://segmentfault.com/img/...

    DangoSkyDangoSky 评论0 收藏0
  • 优化Recorder H5录音:可边录边转码上传服务器,支持微信提供Android IOS Hybr

    优化Recorder H5录音:可边录边转码上传服务器,支持微信提供Android IOS Hybr

    摘要:开源库随着支持功能的增多,音频转码处理效率渐渐的跟不上需求了,近期抽时间对音频转码部分进行了升级优化,以支持更多实用的功能。基于以上两点问题,似乎只有多线程能够解决。 Recorder H5 GitHub开源库随着支持功能的增多,音频转码处理效率渐渐的...

    CrazyCodesCrazyCodes 评论0 收藏0
  • 精读《Tableau 探索式模型》

    精读《Tableau 探索式模型》

    摘要:比如我们对调与会怎样我们得到了三个不同类目近个月的趋势,之所以是折线图,因为图表的维度轴列是连续的。在正式介绍标记区域前,先理解一下为何会发生这种转变表格类组件是双维度组件,折线图是单维度组件。 1. 引言 Tableau 探索式分析功能非常强大...

    curriedcurried 评论0 收藏0
  • js实现继承的几种方法

    js实现继承的几种方法

    摘要:实现继承的方法借用构造函数解决原型中包含引用类型所带来的问题的过程中,使用借用构造函数伪造对象或经典继承来实现继承。 继承 在ECMAScript中继承主要是依靠原型链来实现的。 实现继承的方法 利用原型让一个引用类型继承另一个引用类型的属性和方...

    pkhopepkhope 评论0 收藏0
  • TypeScript 初识 - 函数

    TypeScript 初识 - 函数

    摘要:函数类型函数返回值类型我们可以给每个参数添加类型之后再为函数本身添加返回值类型。能够根据返回语句自动推断出返回值类型,所以通常可以省略它匿名函数完整函数类型完整的函数类型包含两部分参数类型和返回值类型。 函数是 JavaScript 的第一等公民...

    ARGUSARGUS 评论0 收藏0
  • 只要三步,将koa的node服务升级到https

    只要三步,将koa的node服务升级到https

    摘要:开篇写一堆可有可无的内容都是耍流氓,所以我们直接开始讲升级步骤。一安装必要的包或者用于启动服务用于获取读取证书文件用于将请求强制转换为请求二获取证书网上有很多教程了,可以自行查阅。 开篇写一堆可有可无的内容都是耍流氓,所以我们直接开始...

    MarvinZhangMarvinZhang 评论0 收藏0
  • javascript中格式化时间戳 getMonth() 返回了  0

    javascript中格式化时间戳 getMonth() 返回了 0

    摘要:在编程中,时间戳与日期间的转换应该是很常用了,举个简单的例子年月号最终结果却是我们打断点看一下发生了什么我们发现,日期并没有错。也就是说,返回了,是正确的,代表月。返回的是周几,返回的才是几号。 在JS编程中,时间戳与日期间的转换应该是...

    xiangchaobinxiangchaobin 评论0 收藏0

热门文章

<