文章库ARTICLE COLUMN

  • 让我们来重新设计一下 koa-router

    让我们来重新设计一下 koa-router

    摘要:前言是目前用的比较多的的路由中间件之一,前段时间由于作者没有精力继续维护而将其公开售卖。我们有些项目也用到了这个库,但是目前很多我们想要的特性都没有,比如生成接口文档。本身这个库代码实现还比较简单,因此综合考虑打算重写一个。 前言 koa...

    DataPipelineDataPipeline 评论0 收藏0
  • 我是如何自学前端的,应该如何入门

    我是如何自学前端的,应该如何入门

    摘要:我不能在对你没有任何了解的情况下,给出一些不负责任的建议,大家都是成年人,应该懂得如何取舍。我学前端的目标就很简单,相对其他行业来说收入还不错,另外一个就是岗位需求也很多。 自从更新了《我的Web 前端自学之路》之后,收到了很多读者的认可...

    FaremaxFaremax 评论0 收藏0
  • redux中applyMiddleware源码,中文注释

    redux中applyMiddleware源码,中文注释

    摘要:理解需要跟结合首先来看是怎样创建的再来看的源码的第三个参数就是此时会返回也就是在中间件里面去执行了返回的是函数也就是函数然后又跑到里面作为第三个参数所以能把作为参数传进去一个小例子测试返回函数后是什么东西创建一个的方法使用中间件的增强...

    shiweifushiweifu 评论0 收藏0
  • 防抖函数

    防抖函数

    摘要:只有别人没刷卡了,司机才开车。应用场景搜索输入框监听和事件,请求次数过于平凡会增加服务器压力。可以让用户内不在输入内容,才向服务器发起请求。触发的时候,不断的调整浏览器窗口大小会不断的触发这个事件,用防抖来让其只触发一次函数方法调用 ...

    CarterLiCarterLi 评论0 收藏0
  • 节流函数

    节流函数

    摘要:概念解读函数节流是指一定时间内方法只跑一次。应用场景鼠标不断点击触发,单位时间内只触发一次。监听滚动事件它是一个高频触发对事件,比如是否滑到底部自动加载更多,用来判断。 概念解读 函数节流是指一定时间内js方法只跑一次。生活例子:人的眨...

    My_Oh_MyMy_Oh_My 评论0 收藏0
  • Koa日志中间件封装开发

    Koa日志中间件封装开发

    摘要:日志的作用记录服务器程序运行状态帮助开发者快速捕获错误,定位以及决解故障。日志中间件开发工具在当中没有自带的日志模块,所以需要使用第三方模块使用模块安装官方文档日志分类访问日志记录客户端对项目的访问,主要是请求。 Koa日志中间件开发封...

    AklmanAklman 评论0 收藏0
  • 单选多选场景的解决方案集合

    单选多选场景的解决方案集合

    摘要:当变选中状态变更时对所有的备选进行遍历主要作用是把所有的项目重置成未选中。该方案主要就是进行元素的查询及更改。多选场景解决方法基本思想是使用数组保存已经选中的项,然后多该数组进行栈操作。 单选多选场景的解决方案集合 场景 经常遇到一些...

    warnerwuwarnerwu 评论0 收藏0
  • 动手写 js 沙箱

    动手写 js 沙箱

    摘要:本文由云社区发表作者市面上现在流行两种沙箱模式一种是使用还有一种是直接在页面上使用进行执行。接下来我们来一步一步分析如果做到在前端的沙箱文末看俺有没有心情放一个彩蛋吧。等价于所以第一步改写上面的将里面变量的获取途径控制在自己的手里。 ...

    AndroidTravelerAndroidTraveler 评论0 收藏0
  • JavaScript继承

    JavaScript继承

    摘要:通过方法或方法也可以,实质上是在未来将要新创建的实例的环境下调用构造函数。组合继承指的是将原型链继承和借用构造函数继承的技术组合到一块,从而发挥二者之长的一种继承模式。该模式通过借用构造函数继承属性,通过重新子类型继承方法。 原型链继...

    zonezone 评论0 收藏0
  • H5海报制作实践

    H5海报制作实践

    摘要:效果展示目前活动还是在线状态,这里是最后生成海报的效果,扫描二维码就可以进入页面。最后生成图片的时候使用,这个是隐藏的,用户不可见,这样还有一个优点,最终生成的海报大小是固定的,跟手机屏幕大小无关。方案看着很简单,实现的时候各种细节问...

    苏丹苏丹 评论0 收藏0
  • 2019前端面试题(持续更新)

    2019前端面试题(持续更新)

    摘要:是什么是异步编程的一种解决方案所谓,简单说就是一个容器,里面保存着某个未来才会结束的事件通常是一个异步操作的结果。 最近也在准备换工作了,然后收集了一些我觉得今年面试会遇到常见的问题。 如果有机会,记得也帮忙分享我一下。2019的行情确实...

    K_B_ZK_B_Z 评论0 收藏0
  • validform表单验证

    validform表单验证

    摘要:插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到内容来提示引入脚本类型请选择设备名称脚本添加验证指明是哪一表单需要验证名称需加在表单上 validform插件主要把所有的验证条件和验证提示信息绑...

    crossoverJiecrossoverJie 评论0 收藏0
  • JavaScript里的原型和原型链

    JavaScript里的原型和原型链

    摘要:一全局对象规定全局对象叫做,但是浏览器把作为全局对象浏览器先存在的。的属性就是全局变量。这些全局变量分为两种规定的浏览器自己加的二全局函数三公用属性所有对象都有和属性,那么我们是否有必要给每个对象一个和呢明显不需要。 一、全局对象 sho...

    BaronZhangBaronZhang 评论0 收藏0
  • 自己动手实现一个Promise

    自己动手实现一个Promise

    摘要:意味着操作成功完成。状态的对象可能触发状态并传递一个值给相应的状态处理方法,也可能触发失败状态并传递失败信息。测试用例测试用例方法返回一个带有拒绝原因参数的对象。 Promise基本用法 Promise 对象是一个代理对象,被代理的值在Promise对象创...

    YujiaaoYujiaao 评论0 收藏0
  • iOS12 系统 BUG —— 微信 H5 输入法收起留有空白

    iOS12 系统 BUG —— 微信 H5 输入法收起留有空白

    摘要:描述打开系统的微信页面,当点击输入弹出输入法的时候,页面如果上移了,那输入法收起的时候页面无法自动回到底部,会留有空白,导致下次点击弹起的失效。判断是否为微信失去焦点事件亦可本文首发于个人博客完 1. BUG描述 打开 iOS 12 系统的微信 H5 ...

    TigerChainTigerChain 评论0 收藏0
  • JavaScript判断回文字符

    JavaScript判断回文字符

    摘要:回文字符第一种方法运行结果第二种方法运行结果第三种方法运行结果如下 回文字符: "abcba" 第一种方法: showImg("https://segmentfault.com/img/bVbpt5K?w=446&h=358"); showImg("https://segmentfault.com/img/bVbpt5M?w=3...

    NickZhouNickZhou 评论0 收藏0
  • 浅谈js防抖和节流

    浅谈js防抖和节流

    摘要:防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。 防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是...

    opengpsopengps 评论0 收藏0
  • JS每日一题:react中类组件和函数式组件中有什么不同?

    JS每日一题:react中类组件和函数式组件中有什么不同?

    摘要:期中类组件和函数式组件中有什么不同在中创建组件的形式有三种纯函数式定义的无状态组件定义的组件定义的组件今天我们要聊的是纯函数式定义的无状态组件及类组件的到底有什么不同分别在什么场景下适合使用首先我们来看一下用上述方法如何来创建一个组件...

    Java_oldboyJava_oldboy 评论0 收藏0
  • Promise的源码实现(完美符合Promise/A+规范)

    Promise的源码实现(完美符合Promise/A+规范)

    摘要:以上代码,可以完美通过所有用例。在的函数中,为何需要这个同样是因为规范中明确表示因此我们需要这样的来确保只会执行一次。其他情况,直接返回以该值为成功状态的对象。 Promise是前端面试中的高频问题,我作为面试官的时候,问Promise的概率超过90...

    gaomysiongaomysion 评论0 收藏0
  • 面试题——[1,2,3].map(parseInt)

    面试题——[1,2,3].map(parseInt)

    摘要:表示要解析的数字的基数。为十进制不知道啥二进制只能以表示解析如下函数没有第二参数,只能按照十进制输出了,即为答案的输出。 console.log([1, 2, 3].map(parseInt)); // [1, NaN, NaN] // 解析如下 // parseInt(1, 0) // 1, 没有零进制..直...

    shaonbeanshaonbean 评论0 收藏0
  • 彻底弄清 this call apply bind 以及原生实现 有关 JS 中的 this、call、apply 和 bind 的概念网络上已经有很多文章讲解了 这篇文章目的是梳理一下这几个概念的知识点以及阐述如何用原生 JS 去实现这几个功能 this 指向问题 this this 的指向在严格模式和非...

    zr_hebozr_hebo 评论0 收藏0
  • 使用智能合约实现自动分账

    使用智能合约实现自动分账

    摘要:编写合约的智能合约分为文件和合约两部分。相当于合约接口,合约则是功能实现。用户账户金额内容提供者账户金额平台合约账户金额结果显示,分账账户和平台合约账户如预期那样获得和。综上,我们成功使用了智能合约实现了自动分账。 自动分账是很多平台...

    VishKozusVishKozus 评论0 收藏0
  • React Router4.0

    React Router4.0

    摘要:的值是一个函数,这个函数返回一个元素,这个函数返回一个元素。这种方式可以很方便的为待渲染的组件传递额外的属性。与之前两种方式不同的是,无论是否匹配成功,返回的组件都将会被渲染。使用保证只有当的为时,第一个才会被匹配。 React Router v4...

    kuangcaibaokuangcaibao 评论0 收藏0
  • JavaScript基础总结(四)——字符串总结

    JavaScript基础总结(四)——字符串总结

    摘要:是因特网上最流行的脚本语言。获取中的下标获得字符串将字符串并转换成大写拼接后的字符串 1、字符串位置操作1-1、str.charAt(index) 字符串中index位置的字符 str.charCodeAt(index) 字符串中index位置的字符编码 代码如下: var str="hello wo...

    whatsnswhatsns 评论0 收藏0
  • [ JavaScript ] 数据结构与算法 —— 栈

    [ JavaScript ] 数据结构与算法 —— 栈

    摘要:而且目前大部分编程语言的高级应用都会用到数据结构与算法以及设计模式。新添加的或待删除的元素都保存在栈的同一端,称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。 前言 JavaScript是当下最流行的编程语言之一,它可以做...

    everfighteverfight 评论0 收藏0

热门文章

<