文章库ARTICLE COLUMN

  • JavaScript按指定格式输出时间

    JavaScript按指定格式输出时间

    摘要:按所给的时间格式输出指定的时间格式说明对于年份,年份,月份,补满两位,月份日期,补满两位,日期制小时,补满两位,制小时,制小时,补满两位,制小时,分钟,补满两位,分钟,秒,补满两位,秒,星期,为日一二三四五六中的某一个,本结果为五输入...

    hiyayijihiyayiji 评论0 收藏0
  • 前端性能优化--图片

    前端性能优化--图片

    摘要:大小最小,适合色彩单一不同的业务场景,使用不同的图片格式图片压缩当图片小于或者时,把图片变成,虽然会增加编译后的大小几,但是相对来说减少了一次请求,所以还是好的图片优化,压缩常用网站 png png8 大小最小,适合色彩单一 showImg("https://s...

    李世赞李世赞 评论0 收藏0
  • 一个案例读懂JS事件委托

    一个案例读懂JS事件委托

    摘要:网上有关于事件委托的一个取快递例子,十分生动,这里我对它作一些修改和拓展,然后通过程序来说明事件委托的机制。还有一个优点当增加新的节点时,自动携带父元素的事件效果。以上便是事件委托的基本思想。与其对应的还有事件捕获。 事件委托(又名事...

    ad6623ad6623 评论0 收藏0
  • 彻底了解web开发,熟悉建站过程

    彻底了解web开发,熟悉建站过程

    摘要:服务端开发基础前端开发最终还是属于开发中的一个分支,想要成为一名合格的前端开发人员,就必须要充分理解的概念。按照服务类型的不同,又划分为服务器数据库服务器文件服务器等等。客户端使用服务指的是在一次服务过程中使用这个服务的设备网络端点。...

    caigecaige 评论0 收藏0
  • 前端性能优化--资源合并与压缩

    前端性能优化--资源合并与压缩

    html压缩 showImg("https://segmentfault.com/img/bVbp1Bp?w=1485&h=679"); showImg("https://segmentfault.com/img/bVbp1Bs?w=1189&h=760"); showImg("https://segmentfault.com/im...

    _ipo_ipo 评论0 收藏0
  • JavaScript Promise.all 和 Promise.race 方法介绍和简要实现

    JavaScript Promise.all 和 Promise.race 方法介绍和简要实现

    摘要:方法接受一个包含对象或普通值的数组或其它可迭代对象作为参数,并返回一个。需要一个数组,按顺序记录返回结果。如果使用类似的方式遍历,为避免闭包只能传入变量引用的问题,需要嵌套一层自执行函数。如果其中之一的对象,也会立即。 Promise.all() ...

    lewiflewif 评论0 收藏0
  • 前端性能优化--css 和 js 的装载与执行

    前端性能优化--css 和 js 的装载与执行

    摘要:说明要求假定现在有路由,监听键盘事件,只允许在页面内有效不管后面跳到哪个页面,都不会触发对应的键盘事件,只能在里才触发问题没有进入之前,按键盘上的键,不会触发事件,进过后,不管有没有按键盘上的键,再跳到别的页面,按键盘上的键,都会触发...

    elinaelina 评论0 收藏0
  • JavaScript进阶之模拟new Object过程

    JavaScript进阶之模拟new Object过程

    摘要:后续我将推出进阶系列,一方面是一个监督自己学习的一个过程,另一方面也会给看到的童鞋一些启发。第二步链接到原型中现在把构造函数和参数都打印出来了。 原文:https://zhehuaxuan.github.io/... 作者:zhehuaxuan 写在前面的话 前端的入门相对简单...

    chengtao1633chengtao1633 评论0 收藏0
  • JavaScript进阶之模拟call,apply和bind

    JavaScript进阶之模拟call,apply和bind

    摘要:模拟和模拟一样,现摘抄下面的代码添加一个返回值对象然后我们定义一个函数,如果执行下面的代码能够返回和函数一样的值,就达到我们的目的。 原文:https://zhehuaxuan.github.io/... 作者:zhehuaxuan 目的 本文主要用于理解和掌握call,apply和bin...

    CoderBearCoderBear 评论0 收藏0
  • 一文学懂 TypeScript 的类型

    一文学懂 TypeScript 的类型

    摘要:如果属性的值不能是,那么它必须在构造函数中进行初始化。为带来了额外的层静态类型。类型检查可确保这些预测能够实现。元素不一定具有相同的类型。相反,在中,和由多带带的不相交类型处理。类型存在于元级别。将传递给的构造函数。 翻译:疯狂的技术...

    lucaslucas 评论0 收藏0
  • 前端如何定义一个常量

    前端如何定义一个常量

    摘要:很多编程语言提供了关键词声明一个常量,在中也是提供了,但是在前端的与其他编程语言不同,其并不意味着声明的变量就是一个常量。所以,在前端中到底如何实现一个常量可以冻结对象,不能新增和删除属性,同时对象已有属性都是不可枚举不可配置不可写。...

    widuuwiduu 评论0 收藏0
  • 浅谈HTML5 Web Worker

    浅谈HTML5 Web Worker

    摘要:事实上,浏览器内部的运行机制是,先将通信内容串行化,然后把串行化后的字符串发给子线程,后者再将它还原。当一个的文档列表中的任何一个对象都是处于完全活动状态的时候,这个会被称之为需要激活线程。 浏览器中的Web Worker 背景介绍 我们都知道Ja...

    TecodeTecode 评论0 收藏0
  • 前端笔试题:数组转树形结构

    前端笔试题:数组转树形结构

    摘要:初始化数据输出结果转换函数这个转换函数不受数据关系层级的限制,无论有多少层关系,只要一次循环就能搞定。所有人拿一根线,从他自己的位置开始,走到他父亲的位置,那么这个树形结构就完成了。只要每个节点都做完了,树形就出来了。 初始化数据 var...

    molyzzxmolyzzx 评论0 收藏0
  • 使用vue导出excel遇到的那些坑

    使用vue导出excel遇到的那些坑

    需求: Vue+element UI el-table下的导出当前所有数据到一个excel文件里。 先按照网上的方法,看看有哪些坑 准备工作: 1、安装依赖:yarn add xlsx file-saver -S 2、在放置需要导出功能的组件中引入   import FileSaver from "file-saver"; import XLS...

    chunquedongchunquedong 评论0 收藏0
  • ios环境下 html页面关闭软键盘后出现 “白块” 的解决方案

    ios环境下 html页面关闭软键盘后出现 “白块” 的解决方案

    摘要:在开发移动端里,需要唤起的软键盘。但是在个别苹果测试机里,发现当软键盘退出后,会多出一块区,导致窗口变小。如下图大部分人提供的解决方案是添加监听事件的确能解决,可为什么一定要回滚到顶部呢如果当时的在第屏外,这样的用户体验很差。 在开发...

    CatalpaFlatCatalpaFlat 评论0 收藏0
  • mxGraph 入门实例教程

    mxGraph 入门实例教程

    摘要:本教程会使用到语法,而第二部分的项目是用写的。阅读本教程需要你掌握这两项预备知识。在中可以代表组节点边,这个类封装了的操作,本教程不涉及到组的内容。表示在边的正交线上移到的距离。 showImg("https://segmentfault.com/img/remote/146000001...

    coordinate35coordinate35 评论0 收藏0
  • 图解原型和原型链

    图解原型和原型链

    showImg(https://segmentfault.com/img/remote/1460000018511028); 图解原型和原型链 原型和原型链是 JS 中不可避免需要碰到的知识点

    philadelphiaphiladelphia 评论0 收藏0
  • 跟underscore一起学如何写函数库

    跟underscore一起学如何写函数库

    摘要:支持两种不同风格的函数调用在中我们可以使用以下两种方式调用函数式的调用对象式调用在中,它们返回的结果都是相同的。 原文:https://zhehuaxuan.github.io/... 作者:zhehuaxuan 目的 Underscore 是一个 JavaScript 工具库,它提供了一整套函数式...

    ephereridephererid 评论0 收藏0
  • 跟underscore一起学数组去重

    跟underscore一起学数组去重

    摘要:引子数组去重是一个老生常谈的话题,在面试中也经常会被问道。其中如果数组是排序的,去重运算效率更高,因为排序能够将相同的数排列在一起,方便前后比较。当数组有序对于对象的去重,我们知道为,所以使用比较对象在实际场景中没有意义。 引子 数组...

    flybywindflybywind 评论0 收藏0
  • 答案——腐烂的橘子算法题目

    答案——腐烂的橘子算法题目

    摘要:题目要求请戳假如一个格子的盒子里有个新鲜橘子,有个烂橘子。每隔一分钟我们去这个盒子里面数一数,直到烂橘子没有增加。没有新鲜的橘子,返回分钟数。如果这四个位置部分位置有新鲜的橘子,那么腐烂还会继续。 题目要求请戳 假如一个M x M 格子的盒...

    NekronNekron 评论0 收藏0
  • javascript设计模式学习笔记之单例模式

    javascript设计模式学习笔记之单例模式

    摘要:单例模式单例模式就是保证一个类仅有一个实例并提供一个访问它的全局访问点其最大的特点就是永远只返回一个实例实例通过来获取类的唯一对象其缺点也明显增加了类的不透明性透明的单例模式最终会被返回使用代理实现单例模式将负责管理单例的逻辑移到了代...

    xiaolinbangxiaolinbang 评论0 收藏0
  • scheduler 源码

    scheduler 源码

    摘要:布尔型,表示该帧里面没有执行回调,超时了。这一处理机制在监听函数中实现作为,接受消息的时机将随着线程的空闲程度起变化。 为什么是要有scheduler 首先要从js的是单线程模型来说起,Javascript执行是会经历静态编译,动态解释和事件循环做任务调度...

    SillyMonkeySillyMonkey 评论0 收藏0
  • Express与Koa中间件机制分析(一)

    Express与Koa中间件机制分析(一)

    摘要:目前使用人数众多。通过利用函数,帮你丢弃回调函数,并有力地增强错误处理。这个系列的博客主要讲解和的中间件机制,本篇将主要讲解的中间件机制。其中间件机制的核心为内部方法的实现。 提到 Node.js 开发,不得不提目前炙手可热的2大框架 Express ...

    ziluzilu 评论0 收藏0
  • 如何理解并应用贝塞尔曲线

    如何理解并应用贝塞尔曲线

    摘要:动画曲线的应用了解了如何用贝塞尔曲线来指定动画曲线后,很多动画涉及到速度方面的效果就可以实现了,例如小车加速刹车,弹簧动画等速度轨迹都可以根据自己的需要来进行定制。 贝塞尔曲线又叫贝兹曲线,在大学高数中一度让我非常头疼。前阵子练手写动...

    余学文余学文 评论0 收藏0
  • 记录vue不能检测数组和对象变动的方法。

    记录vue不能检测数组和对象变动的方法。

    摘要:当然按照官方文档的解释,检测不到的主要问题是导致的。下列代码,是解决数组检测不到的问题。 测试数据: items: [ {name: "业务状态", id: "taskState", data: [{name:"全部", id: 0},{name:"进行中", id: 1},{name:&quo...

    ClectClect 评论0 收藏0

热门文章

<