文章库ARTICLE COLUMN

  • JavaScript设计模式----职责链模式

    JavaScript设计模式----职责链模式

    摘要:使用面向切面编程来快速的创建职责链的具体概念可以参考装饰者模式实现职责链简单又巧妙,但这种把函数叠在一起的方式,同时也叠加了函数的作用域,如果链条太长的话,也会对性能造成太大的影响。在开发中,职责链模式是最容易被忽视的模式之一。 声明...

    boredreamboredream 评论0 收藏0
  • js倒计时小插件--CountDown.js

    js倒计时小插件--CountDown.js

    摘要:刚写的开源小插件,在这里宣传下地址欢迎吐槽一个用来实现简单页面倒计时的轻量级工具根据要计时的秒数打开一个显示剩余时间的倒计时参数放置倒计时的元素要计时的秒数用于给倒计时设置标记可以给多个倒计时设置同一个标记分割时分秒的分割符倒计时结束...

    mdluomdluo 评论0 收藏0
  • 移动端H5图片上传的那些坑

    移动端H5图片上传的那些坑

    摘要:上周做一个关于移动端图片压缩上传的功能。利用,进行图片的压缩,得到图片的的值上传文件。 上周做一个关于移动端图片压缩上传的功能。期间踩了几个坑,在此总结下。 大体的思路是,部分API的兼容性请参照caniuse: 利用FileReader,读取blob对象,或...

    SeaySeay 评论0 收藏0
  • ReactJS 开发过程中的一些使用心得

    ReactJS 开发过程中的一些使用心得

    摘要:目前开发的项目中为了仿原生效果如果自己去通过重新实现的话成本极大所以不得不使用来作为前端库。可以在这个函数中清理在绑定的事件这个方式很有用。在开发过程中这些生命周期函数是我使用最频繁最常见的操作。 ReactJS作为目前最火的构建用户界面的...

    MangoGoingMangoGoing 评论0 收藏0
  • 几种Ajax技术

    几种Ajax技术

    摘要:今天我来谈谈技术。我简要罗列一下几种常见的技术动态脚本注入和图片信标技术接下来我简要谈谈我对这几种技术的理解。该特性可以实现无阻塞加载脚本技术。和动态脚本注入类似,技术也有可跨域和无法发送非请求的问题。目前使用最多的技术手段就是利用技...

    NoseeNosee 评论0 收藏0
  • Koa源码阅读笔记(2) -- compose

    Koa源码阅读笔记(2) -- compose

    摘要:于是抱着知其然也要知其所以然的想法,开始阅读的源代码。问题读源代码时,自然是带着诸多问题的。源代码如下在被处理完后,每当有新请求,便会调用,去处理请求。接下来会继续写一些阅读笔记,因为看的源代码确实是获益匪浅。 本笔记共四篇Koa源码阅...

    roland_reedroland_reed 评论0 收藏0
  • 使用Visual Studio Code + Node.js搭建TypeScript开发环境

    使用Visual Studio Code + Node.js搭建TypeScript开发环境

    摘要:简介本文将简述如何使用开发工具来搭建一套的开发环境,主要的目的是落地留痕,同时也希望能对一些刚入门的小伙伴有一定的参考价值。安德斯海尔斯伯格,的首席架构师,已工作于的开发。为大型应用之开发而设计,可以编译成来确保兼容性。 简介 本文将...

    paulli3paulli3 评论0 收藏0
  • Javascript重温OOP之面向对象

    Javascript重温OOP之面向对象

    摘要:类的继承建立继承关系修改的指向调用父类方法调用父类的构造器调用父类上的方法封装命名空间是没有命名空间的,因此可以用对象模拟。参考资料面向对象 面向对象程序设计(Object-oriented programming,OOP)是一种程序设计范型,同时也是一种程序开发...

    AbnerMingAbnerMing 评论0 收藏0
  • 原生js的字符串方法

    原生js的字符串方法

    摘要:参数查找值,开始查找下标,如果要检索的字符串值没有出现,则该方法返回。例题返回查找对应字符出现的下标作用从后往前找某个指定的字符串值在字符串中首次出现的位置作用方法用于提取字符串中介于两个指定下标之间的字符。 1. stringObject.charAt(...

    dreamansdreamans 评论0 收藏0
  • 《JavaScript 闯关记》之初探

    《JavaScript 闯关记》之初探

    摘要:使用元素嵌入代码时,只需为指定属性。需要注意的是,带有属性的元素不应该在其和元素之间再包含额外的代码。在包含外部文件时,必须将属性设置为指向相应文件的。所有元素都会按照他们在页面中出现的先后顺序依次被解析。关注,获取最新动态。 当学习...

    atinosunatinosun 评论0 收藏0
  • 轻量级模板引擎ArtTemplate

    轻量级模板引擎ArtTemplate

    摘要:这星期做了一个数据统计系统基于需求便使用了一个模板引擎来渲染数据在这里模板引擎同后端的不太一样主要是前端在开发过程中对于数据处理之后插入到的过程中使用到的工具由于系统是迷你型的在一通搜索之后便决定采用具有如下特点轻量级不到快速上手用法...

    curriedcurried 评论0 收藏0
  • setTimeout与setInterval(一)

    setTimeout与setInterval(一)

    摘要:看一下例子一些其他的代码假定处理程序需要执行,这时虽然在添加了定时器代码,但是仍旧需要等待事件完成后才能够执行。缺点某些间隔会被跳过多个定时器的代码执行之间的间隔可能会比预期小。 一. setTimeout 1. 定义 window.setTimeout(func,[delay,p...

    BettaBetta 评论0 收藏0
  • JavaScript函数学习笔记

    JavaScript函数学习笔记

    摘要:在中通过关键字方式调用的函数都被认为是构造函数。这个新创建的对象的被指向到构造函数的。上的方法不起效果当然你要是这样的形式指定了返回的内容,它自然会原样返回啦工厂模型为了不使用关键字,构造函数必须显式的返回一个值。 个人博客原址 函数 ...

    wua_wua2012wua_wua2012 评论0 收藏0
  • 根治JavaScript中的this-ECMAScript规范解读

    根治JavaScript中的this-ECMAScript规范解读

    摘要:执行函数调用规范中的第一步是一个明显的赋值语句,我们查看规范,赋值语句会发生什么可以看出简单赋值语句返回的是对等于号右边进行之后的结果,上一节讲了,执行过就会返回的类型,此处会返回也就是一个类型。 前言 this是JavaScript中的著名月经题...

    notebinnotebin 评论0 收藏0
  • 设计模式之享元模式

    设计模式之享元模式

    摘要:而享元模式的核心就是运用共享技术来有效支持大量细粒度的对象。享元模式要求将对象的属性划分为内部状态和外部状态,所以在了解享元模式之前我们先要了解两个概念内部状态外部状态。一般情况下在这四种情况下应该考虑使用享元模式。 享元模式(flywei...

    JiobyJioby 评论0 收藏0
  • [译] 最深刻而易懂的ES6解构教程

    [译] 最深刻而易懂的ES6解构教程

    摘要:被解构的数据项位于赋值运算符的右侧,可以是任何数组和对象的组合,允许随意嵌套。数组模式位于赋值运算符的左侧,被结构的数组在其右侧。 解构是ES6的新特性,用于从JavaScript对象和数组中提取数据,语法上比ES5所提供的更加简洁、紧凑、清晰。它不...

    AlphaGoooAlphaGooo 评论0 收藏0
  • Magix.Cache介绍

    Magix.Cache介绍

    摘要:我们简单测试下彳刂接下来我们要考虑一但缓存资源数超出了我们规定的时,我们要清理掉不常用的资源。是一个区块管理框架,项目地址在这里区块介绍在这里区块介绍 转载请注明出处:https://github.com/thx/magix/... 在前端开发过程中,我们经常会在内...

    3fuyu3fuyu 评论0 收藏0
  • 开发规范(四)JS规范

    开发规范(四)JS规范

    摘要:概述为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,特制订此文档,前端开发人员必须遵照本规范进行前台页面开发。 概述 为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,特制订此文档,前端开发人员必须遵...

    zhangyucha0zhangyucha0 评论0 收藏0
  • GraphQL 核心概念

    GraphQL 核心概念

    摘要:系列文章核心概念本文浅尝最近因为工作上新产品的需要,让我有机会了解和尝试。这篇文章主要分享的是的核心概念,主要分为和四部分。再次强调,本文主要讲的是的核心概念,中所定义的类,都是设计类,并不是具体实现代码。 A query language created b...

    LancerCometLancerComet 评论0 收藏0
  • [译] React 组件中绑定回调

    [译] React 组件中绑定回调

    摘要:好的方案在构造函数中仍然使用,现在我们只要绕过每次渲染都要生成新的函数的问题就可以了。我们可以通过只在构造函数中绑定回调的上下问来解决这个问题,因为构造函数只会调用一次,而不是每次渲染都调用。 原文:Binding callbacks in React compone...

    Lin_RLin_R 评论0 收藏0
  • GoJS 绘图 (十) :链接(完结)

    GoJS 绘图 (十) :链接(完结)

    摘要:非定向链接最简单的链接没有箭头指示方向。该模板只包含一个形状为主要元素,因为这是在节点之间绘制的线条。链接的路线被计算后将得到一个路径的点。可以很容易地建立方向,只需添加一个形状并设置其属性。目前也就只能先写这么多吧入门的话问题不大了...

    RockoRocko 评论0 收藏0
  • 业务开发情境之:文本框的base64编码图片粘贴直接上传七牛

    业务开发情境之:文本框的base64编码图片粘贴直接上传七牛

    摘要:我们的功能需要用到的接口事件读取完成,无论成功与否,还有方法将文件读取为。检测是否为图片类型图片的编码这里设置获取的数据获取后台的给的将文件读取为上传事件当的时候说明我们成功的把图片传上七牛了,并且七牛给我们返回了一个字符串。 最近在...

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

    [练习] requestAnimationFrame的使用

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

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

    JavaScript中的this

    摘要:前段时间回答的一个关于的问题,便总结记录下。在的函数中,除了声明时定义的形参之外,每个函数还可以接收两个附加的参数和。 前段时间回答的一个关于this的问题,便总结记录下。 在javascript的函数中,除了声明时定义的形参之外,每个函数还可以接...

    AbnerMingAbnerMing 评论0 收藏0
  • JavaScript中定义变量时有无var的区别

    JavaScript中定义变量时有无var的区别

    摘要:前段时间回答了一个关于定义变量时使用关键字与否的区别,总结回顾一下。在函数作用域内加定义的变量是局部变量,不加定义的就成了全局变量。使用定义变量还会提升变量声明,即使用定义不使用定义这就是使用定义的变量的声明提前。 前段时间回答了一个...

    wangbinkewangbinke 评论0 收藏0

热门文章

<