文章库ARTICLE COLUMN

  • 精读《如何编译前端项目与组件》

    精读《如何编译前端项目与组件》

    摘要:历史上由于是作为的替代品出现,当时要解决的问题是处理浏览器兼容问题,打包或,做一些公共资源替换,雪碧图等,最后可以顺带合并到一个文件,但模块化功能远远比弱,基本上只能合并,但不能理解模块概念。 1 引言 说到前端编译方案,也就是如何打包...

    jiekechoojiekechoo 评论0 收藏0
  • JavaScript 是如何工作的:解析、抽象语法树(AST)+ 提升编译速度5个技巧

    JavaScript 是如何工作的:解析、抽象语法树(AST)+ 提升编译速度5个技巧

    摘要:无论你使用的是解释型语言还是编译型语言,都有一个共同的部分将源代码作为纯文本解析为抽象语法树的数据结构。和抽象语法树相对的是具体语法树,通常称作分析树。这是引入字节码缓存的原因。 这是专门探索 JavaScript 及其所构建的组件的系列文章的第...

    raoyiraoyi 评论0 收藏0
  • javascript异步与promise

    javascript异步与promise

    摘要:到这里,我已经发出了一个请求买汉堡,启动了一次交易。但是做汉堡需要时间,我不能马上得到这个汉堡,收银员给我一个收据来代替汉堡。到这里,收据就是一个承诺保证我最后能得到汉堡。 同期异步系列文章推荐谈一谈javascript异步javascript异步中的回...

    rollbackrollback 评论0 收藏0
  • 前端知识点(二)

    前端知识点(二)

    摘要:在给一个目标对象为构造函数的代理对象构造实例时触发该操作,比如在执行时。 1、元素上下垂直居中的方式有哪些? 元素水平垂直居中的方式有哪些? absolute加margin方案 fixed 加 margin 方案 display:table 方案 行内元素line-height方案 flex ...

    lboollbool 评论0 收藏0
  • 开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件

    开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件

    摘要:截止到目前年月日为止,开源库中没有找到可以支持的组件,所以在最新的版本中支持这一特性。所谓的大表格虚拟化,其实就是为表格设置一个较大的数据比如条数据,然后虚拟一个表格隐藏掉不需要显示的数据。在组件之前的版本中,渲染的树形表格的结构是一...

    shenhualongshenhualong 评论0 收藏0
  • 2019 年值得关注的 23 个开发者博客

    2019 年值得关注的 23 个开发者博客

    摘要:如果你正在寻找编程技巧,或是想了解编程界发生了哪些新鲜事那么,今天我们带来的年最佳开发者博客列表,一定是你的菜。地址它是为数不多的印度开发者博客中,能够提供有价值信息的博客。地址又一个专注前端开发的博客。 如果你正在寻找编程技巧,或是...

    DTeamDTeam 评论0 收藏0
  • JavaScript中的this

    JavaScript中的this

    摘要:中的是语言中的一个关键字它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用。情况一纯粹的函数调用这是函数的最常通用法,属于全局性调用,因此就代表全局对象。因此,这时运行结果为,证明指的是全局对象。 JS JavaScript中的t...

    warnerwuwarnerwu 评论0 收藏0
  • 在iOS设备下,h5的input框失焦后页面被顶起来一部分bug解决

    在iOS设备下,h5的input框失焦后页面被顶起来一部分bug解决

    摘要:在之后,的框失焦后页面会出现被顶上去一部分的下面就来看下怎么解决这个,首先我们必须知道这两个方法软键盘弹起事件软键盘关闭事件。 在iOS12之后,h5的input框失焦后页面会出现被顶上去一部分的bug,下面就来看下怎么解决这个bug,首先我们必须知道...

    xiguadadaxiguadada 评论0 收藏0
  • jQuery写的文章内容页右侧浮动滚动

    jQuery写的文章内容页右侧浮动滚动

    摘要:很久前写的代码,种模式,现在发出来与大家分享,其实这块的思路还有需要些优化,望大家来优化探讨左右侧滚动左右两边高度不确定,获取左右两边高度,左侧高于右侧,则右侧浮动,否则,左侧滚动左侧滚动明确右边高于左侧,则左侧浮 很久前写的代码,3...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • requestAnimationFrame 兼容方案

    requestAnimationFrame 兼容方案

    摘要:编写涉及在线演示代码代码代码必须先清除,否者多次点击会生成多个动画帧,导致元素移动速度加快若有疑问或错误,请留言,谢谢 [toc] 编写涉及:css, html, js 在线演示codepen html代码 move start move css代码 .roll-box { position: r...

    Cc_2011Cc_2011 评论0 收藏0
  • 庆祝新年?画一颗圣诞树?还是...

    庆祝新年?画一颗圣诞树?还是...

    摘要:关于节日圣诞节,元旦,看大家情侣在朋友圈里发各种庆祝的或者祝福的话语,甚是感动,然后悄悄拉黑了。预览效果本地下打开很卡,火狐正常圣诞树早先的时候是圣诞节的时候,看到各种用字符组成圣诞树的形式,于是自己就去试了下,还是比较简单的。 关于...

    k00baak00baa 评论0 收藏0
  • pkg版本规范管理自动化最佳实践

    pkg版本规范管理自动化最佳实践

    摘要:为什么为什么不是为什么不是为什么不是为什么不是严格的指导原则有助于为版本号提供意义。此外,如果你有打破当前的,这同样表示你需要升级你的主版本号了。 前提 何为版本?版本即语义版本控制( Semantic version 后面简称为 SemVer )是一种版本控...

    OceanOcean 评论0 收藏0
  • JS判断设备类型是否为电脑,是否为移动设备

    JS判断设备类型是否为电脑,是否为移动设备

    站长博客:https://www.pipipi.net/ PC判断是否为手机,代码如下 !function () { function params(u, p) { var m = new RegExp("(?:&|/?)" + p + "=([^&$]+)")...

    张宪坤张宪坤 评论0 收藏0
  • 鼠标点击的各种坐标 (事件对象)

    鼠标点击的各种坐标 (事件对象)

    摘要:返回事件发生时,鼠标指针相对于浏览器窗口可视区域的水平垂直窗口坐标。可视区域不包括工具栏和滚动条,事件和标准事件都定义了这个属性返回鼠标指针的位置,类似于,但它们使用的是文档坐标而非窗口坐标。是相对于被点击了的元素。 e.clientX,e.clie...

    xushaojieaaaxushaojieaaa 评论0 收藏0
  • 发布一个npm包,用于监控页面中的所有API请求的状态和结果

    发布一个npm包,用于监控页面中的所有API请求的状态和结果

    摘要:在前端监控系统中,或者其他场景下,如果我们需要监控当前页面下所有请求状态。在通常的监控中,监控部分的代码和业务部分的代码是分离的。本文通过的方法实现了一个包可以按需求监听请求。   在前端监控系统中,或者其他场景下,如果我们需要监控当...

    zhiweizhiwei 评论0 收藏0
  • 【重温基础】17.WebAPI介绍

    【重温基础】17.WebAPI介绍

    摘要:本文是重温基础系列文章的第十七篇。系列目录复习资料资料整理个人整理重温基础篇重温基础对象介绍重温基础对象介绍本章节复习的是中的关于相关知识,介绍的比较多。表示在给定的时间的相关设备的位置。所有现代浏览器均支持对象和使用。 本文是 重温...

    android_candroid_c 评论0 收藏0
  • 我的一些开源项目(前端)

    我的一些开源项目(前端)

    摘要:于是,我决定厚着脸皮来宣传一下我的几个开源项目,虽然大多数都是一些比较简单的游戏,但是这可以让更多人看到我的项目,也可以让我自己知道哪里地方做得不好,并且加以改进。正文清技背单词使用开发的背单词应用,开发时间为一个月,目前是版本。 前...

    Terry_TaiTerry_Tai 评论0 收藏0
  • Gulp4 Koa项目简单配置示例

    Gulp4 Koa项目简单配置示例

    摘要:介绍这段配置是之前的版本不适配新版本后,更新到了的新写法。在业务中,目前使用这份配置的是一个项目,所以增加了来启动。 介绍 这段配置是之前的gulp版本不适配新版本node后,更新到了gulp4的新写法。 在业务中,目前使用这份配置的是一个Koa2+njk...

    darkerXidarkerXi 评论0 收藏0
  • 「前端面试题系列4」this的原理以及用法

    「前端面试题系列4」this的原理以及用法

    摘要:但是有一个总的原则那就是总会指向,调用函数的那个对象。作为对象方法的调用函数作为某个对象的方法调用,这时就指这个上级对象。 showImg("https://segmentfault.com/img/bVbnvF7?w=750&h=422"); 这是前端面试题系列的第 4 篇,你可能错过了前面的篇...

    fnngjfnngj 评论0 收藏0
  • 表驱动法

    表驱动法

    摘要:表驱动法就是一种编程模式,从表里面查找信息而不使用逻辑语句。但随着逻辑链的越来越复杂,查表法也就愈发显得更具吸引力。前面已经说过,简单的是没什么问题的,表驱动只是为了优化复杂的逻辑判断,使其变得更灵活易扩展。 在我们平时的开发中,if e...

    LeoHsiunLeoHsiun 评论0 收藏0
  • 折行转义字符

    折行转义字符

    摘要:记录一个小技巧基于的多行字符串拼接,增加模板的可读性中使用的模板字符串可以让我们的多行模板更简洁然而它们在下并没有被支持,如果你需要在不经过或类似的工具编译的情况下支持,可以使用使用折行转义字符来增加代码的可读性。 记录一个小技巧 基...

    xiguadadaxiguadada 评论0 收藏0
  • 【剑指offer】9.二进制中1的个数

    【剑指offer】9.二进制中1的个数

    摘要:题目输入一个整数,输出该数二进制表示中的个数。其中负数用补码表示。二进制与运算符符号为,表示若两个二进制位都为,则结果为,否则为。所以用于比较的这个数字初始值为,比较完后让左移位,这样就可以依次比较所有位是否为。 题目 输入一个整数,...

    scq000scq000 评论0 收藏0
  • js中各种位置

    js中各种位置

    摘要:中各种位置中有各种与位置相关的属性每次看到的时候都各种懵逼。内容可视区域的高度。对于的元素,这个属性一直是,单位,只读元素。标准事件和事件都定义了这两个属性 js中各种位置 js中有各种与位置相关的属性,每次看到的时候都各种懵逼。索性一次总...

    nicercodenicercode 评论0 收藏0
  • 实现Promise基本原理

    实现Promise基本原理

    摘要:先把的回调先到数组,然后在调用该回调链式调用,一个简单是实现原理,方法中使用,为的是链式调用,首次遍历数组时,下标为,传入到首次的返回结果。如果有错请各位多多指点,勿喷, let P = class { constructor(callback) { this.resolveSet ...

    wmuiwmui 评论0 收藏0
  • Vue基础之数据绑定

    Vue基础之数据绑定

    摘要:创建一个应用话不多说,先上代码,让我们感受一下的核心功能模板的输出方式是实例的挂在对象字面量当修改输入框内容时,标签内容也做相应改变,虽然代码很简单,还是能体会到双向绑定的精髓。 我们学习一门新语言或者框架时,第一件事是什么呢,那必然...

    FourierrFourierr 评论0 收藏0

热门文章

<