文章库ARTICLE COLUMN

  • 前端黑科技:美团网页首帧优化实践

    前端黑科技:美团网页首帧优化实践

    摘要:在美团支付的前端技术体系里,通过预渲染提升网页首帧优化,从而优化了白屏问题,提升用户体验,并形成了最佳实践。我们团队主要负责美团支付相关的业务,如果网站太慢会影响用户的支付体验,会造成客诉或资损。 前言 自JavaScript诞生以来,前端技术...

    mrli2016mrli2016 评论0 收藏0
  • 用canvas实现简单的下雪效果

    用canvas实现简单的下雪效果

    摘要:并且通过函数营造出雪花左右飘动的效果,当雪花落到窗口外面后将雪花重新移动到窗口上方再次下落,实现如下速度和密度实际上不是平方的关系,这么些是为了效果更加错落有致完成,我们来看一下实际效果也可以去看看嗯,还挺像那么回事儿 首先新建一个ht...

    paney129paney129 评论0 收藏0
  • 一次性掌握ES6/ES7异步处理

    一次性掌握ES6/ES7异步处理

    摘要:一次性掌握异步处理假定一个场景,等女朋友睡起来出去逛街,超过就不等了,自己打游戏了处理方式写法链式调用方法,只有当异步处理成功后回到用拿到异步处理成功后的数据异步处理出错时,会调用获取到异常也就是说方法里有两个回调函数作为参数或者还有...

    tracymac7tracymac7 评论0 收藏0
  • ReactNative实现tab标签组合

    ReactNative实现tab标签组合

    摘要:上面部分存在其他组件如何处理默认会置顶顶部同时生成样式很丑的标签如何在标签上面部分添加自定义内容组件并且改掉默认样式呢可以和互相嵌套使用登录注册去掉安卓默认的阴影去掉下划线去掉下划线关键标签上部分的组件 createMaterialTopTabNavigator ...

    yanestyanest 评论0 收藏0
  • 河内之塔(汉诺塔)

    河内之塔(汉诺塔)

    摘要:当盘子个数超过你个时,其实就是通过递归处理两个盘子每次只走三步即深度遍历二叉树代码用于存放移动的每一步骤移动盘子的递归函数当前处理的盘子代表当前的三根柱子 题目: 三个柱子 A、B、C。在A柱子从上到下 按照从小到大的顺序放置64盘子,命令将...

    fredsharefredshare 评论0 收藏0
  • ThingJS平台制作第一人称视角下的巡更效果

    ThingJS平台制作第一人称视角下的巡更效果

    摘要:今天想要做一个类似巡更的过程,就像是在学校保安巡更,小区保安巡更一样。然后看一下效果以第一人称视角的巡更效果成功了。那么这次就先到这里了,下一次通过不同的方法来实现巡更的效果。 今天想要做一个类似巡更的过程,就像是在学校保安巡更,小区...

    cncodercncoder 评论0 收藏0
  • JS 中 Array.sort 的那些事儿

    JS 中 Array.sort 的那些事儿

    摘要:然而有时候的结果和预期结果还是有些差异的。中文的可以通过来获取。啊次比例中毓比侊啊比侊比例次毓中当然和允许传入参数指定,有兴趣的可以去上看看用法。对于中文或者需要本地化比较的场景下,可以使用或者来进行比较。 大家都知道 js 自带了一个排...

    SikeSike 评论0 收藏0
  • 【简单好用,支持懒加载】 vue-waterfall2 基于Vue.js 瀑布流 组件

    【简单好用,支持懒加载】 vue-waterfall2 基于Vue.js 瀑布流 组件

    摘要:不需知道元素宽高,可宽高自适应自定义程度高支持懒加载提供端滑动到底部触发,端需要上拉触发使用极为简便适用于有问题欢迎提前端工程化算法注意需要与一起使用才会生效,否则会进行自适应宽度使用布局时,需先计算出自适应后的宽度再传值使用了的 vu...

    jamesjames 评论0 收藏0
  • 以同步格式写异步代码 - await

    以同步格式写异步代码 - await

    摘要:用优雅的方式编写异步代码前言随着互联网的发展,的应用越来越广泛,地位也越来越重要,网站也发生了翻天覆地的变化。也是中的关键字,字面意思是异步,作用就是声明一个异步方法。注意不能多带带存在,必须和异步关键字一起使用。 用优雅的方式编写异...

    asheashe 评论0 收藏0
  • 超级直观的介绍React中回调 Refs

    超级直观的介绍React中回调 Refs

    摘要:为了跟大家说明在回调函数里面的变量都不是固定,所以我用了比较随意的字母这段代码的意思是,将整个标签用代表然后将这个交给代理,以后当我们要操作这个标签时就可以是同指代,例如我们要改变这个标签里的值我们可以使用我是通过赋值的我们再举一个例...

    afishhhhhafishhhhh 评论0 收藏0
  • es6基础0x019:模块化

    es6基础0x019:模块化

    0x000 概述 模块化是一个大型项目的必然趋势。 0x001 命名导出 可以使用export关键字,导出你要导出的东西,可以导出常量、变量、函数、类, // export.js export var var0 = "var0" // 直接导出 var 声明 export let let0 = "let0" // 直接导出 let 声明 ...

    khlbatkhlbat 评论0 收藏0
  • 用Vue开发仿旅游站webapp项目总结 (下)

    用Vue开发仿旅游站webapp项目总结 (下)

    摘要:用开发仿旅游站项目总结上该说的话,该表明的上篇已经表明了。之后的路由切换不再请求数据是因为组件内容是从内存取了不会再重新创建了,对应的钩子函数不会再执行了。此时,通过新增的生命周期钩子函数以及这个缓存值就实现了我们要的功能了。 用Vue...

    KavenFanKavenFan 评论0 收藏0
  • nodejs 基础篇整合

    nodejs 基础篇整合

    摘要:基础篇整合最近有朋友也想学习相关方面的知识,如果你是后端想接近前端,作为一门跑在服务端的语言从这里入门再好不过了。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 nodeJs 基础篇整合 最...

    高胜山高胜山 评论0 收藏0
  • 实现一个可无限折叠的table

    实现一个可无限折叠的table

    摘要:但实际上就是在上点击时对其子集进行隐藏或显示通过缩进的距离来表现层级关系在代码里很东西其实都是伪装出来的,例如我们要实现的这个可无限折叠的。 前言 如何在table上实现一个可折叠展开子节点的table?先看下最终实现效果图: showImg("https://s...

    crosseacrossea 评论0 收藏0
  • create-react-app  mobx 不支持 修饰器

    create-react-app mobx 不支持 修饰器

    摘要:返编译全部重新安装依赖安装该模块中间可能有告警自行消除即可在里修改如下所示就可以了 1.npm run eject (返编译)2.npm i (全部重新安装依赖)3.npm install --save-dev babel-plugin-transform-decorators-legacy (安装该模块中间可能有告警自行消除...

    VultrVultr 评论0 收藏0
  • Javascript设计模式(五)代理模式

    Javascript设计模式(五)代理模式

    摘要:使用者无权访问目标对象,通过代理做授权和控制代理模式是一种非常有意义的模式。如果一个对象承担了多项职责,那么引起变化的原因可能就有多个。 使用者无权访问目标对象,通过代理做授权和控制 代理模式是一种非常有意义的模式。在生活中也能找到代...

    RiddlerRiddler 评论0 收藏0
  • 手把手教你实现一个 Vue 进度条组件!

    手把手教你实现一个 Vue 进度条组件!

    摘要:添加的属性进度条长度显示和隐藏是否是成功的状态有了这些属性,这个进度条就要根据这些属性的变化来自己动。大家可以自己动手实践一下,起一个项目,使用的声明周期钩子,或者写一个定时器模拟异步来测试一下。 showImg("https://segmentfault.com/im...

    zgbgxzgbgx 评论0 收藏0
  • 关于JavaScript的浅拷贝和深拷贝

    关于JavaScript的浅拷贝和深拷贝

    摘要:引用类型值引用类型值是保存在堆内存中的对象,变量保存的只是指向该内存的地址,在复制引用类型值的时候,其实只复制了指向该内存的地址。 前言 要理解 JavaScript中浅拷贝和深拷贝的区别,首先要明白JavaScript的数据类型。JavaScript有两种数据类型...

    shenhualongshenhualong 评论0 收藏0
  • pc端适配移动端

    pc端适配移动端

    摘要:端和移动端共用一套代码允许网页宽度自动调整在网页代码的头部,加入一行元标签所有主流浏览器都支持这个设置,包括。 pc端和移动端共用一套代码 1. 允许网页宽度自动调整 在网页代码的头部,加入一行viewport元标签 所有主流浏览器都支持这个设置,...

    happyfishhappyfish 评论0 收藏0
  • puppeteer爬虫

    puppeteer爬虫

    摘要:爬虫爬虫又称网络机器人。每天或许你都会使用搜索引擎,爬虫便是搜索引擎重要的组成部分,爬取内容做索引。那我萌就来探讨一下网络爬虫吧。对后关于不仅仅可以用来做爬虫,因为可以编程,无头浏览器,可以用来自动化测试等等。 @(爬虫)[puppeteer|] 爬...

    felix0913felix0913 评论0 收藏0
  • 前端调用ocx将ocx封装为cab包整体流程

    前端调用ocx将ocx封装为cab包整体流程

    摘要:前一阵公司需要做一个将嵌入浏览器项目,由于起初是用手动注册,不方便用户的使用,搜索资料了解到包可以直接在浏览器中自行注册,比较方便首先要编写要给文件,我是用写的,然后直接更改后缀,以下是我的由于我没有其他文件所以只添加了文件编写 前一...

    TwIStOyTwIStOy 评论0 收藏0
  • vue 无痕刷新

    vue 无痕刷新

    摘要:最近遇到一个需求,需要刷新当前页面来更新数据,网上找了很多方法,在这里做个总结。这里主要记录三种方法,分别是强制刷新伪造刷新无痕刷新。 最近遇到一个需求,需要刷新当前页面来更新数据,网上找了很多方法,在这里做个总结。 这里主要记录三种...

    AndroidTravelerAndroidTraveler 评论0 收藏0
  • react 函数this相关

    react 函数this相关

    摘要:函数相关在使用的过程中,常常因为函数的问题导致执行结果不如预期。组件在渲染过程中触发函数,函数中调用会再次调用,导致死循环。如果在最开始使用为函数绑定上下文,去掉绑定函数时的括号,这时功能正常。 react 函数this相关 在使用react的过程中...

    cppprimercppprimer 评论0 收藏0
  • 前端抽象世界之DOM与Virtual DOM

    前端抽象世界之DOM与Virtual DOM

    摘要:它是轻量级的,与特定于浏览器的实现细节分离。由于本身已经是抽象,因此虚拟实际上是抽象的抽象。它允许在这个抽象的世界中进行计算,并跳过真正的那些缓慢的操作。 前言 目前主流的前端框架React和Vue中都用到了Virtual DOM这个技术,而Virtual DOM...

    joy968joy968 评论0 收藏0
  • React 源码深度解读(十):Diff 算法详解

    React 源码深度解读(十):Diff 算法详解

    摘要:的做法比较简单,它会先删除整个子树,然后再重新创建一遍。同样道理,当节点改为节点时,整棵子树也会被删掉,节点会重新创建。更新为和中较大的。到此为止,整个源码解读系列先告一段落了,后会有期。 欢迎关注我的公众号睿Talk,获取我最新的文章:...

    sutakingsutaking 评论0 收藏0

热门文章

<