文章库ARTICLE COLUMN

  • 可靠React组件设计的7个准则之封装

    可靠React组件设计的7个准则之封装

    摘要:组件可以处理其他组件的实例化为了避免破坏封装,请注意通过传递的内容。因此,将状态管理的父组件实例传递给子组件会破坏封装。让我们改进两个组件的结构和属性,以便恢复封装。组件的可重用性和可测试性显著增加。 翻译:刘小夕原文链接:https://dm...

    yckyck 评论0 收藏0
  • 面向切面编程与装饰器

    面向切面编程与装饰器

    摘要:面向切面编程嗯,百度百科一下为的缩写,意为面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。 面向切面编程 ~~~~ 嗯,百度百科一下 ~~~~ AOP 为 Aspect Oriented Programming 的缩写,意为:面向切面编程,...

    lunaticflunaticf 评论0 收藏0
  • 一文带你了解什么是JavaScript 函数式编程?

    一文带你了解什么是JavaScript 函数式编程?

    摘要:前言函数式编程在前端已经成为了一个非常热门的话题。整个过程就是体现了函数式编程的核心思想通过函数对数据进行转换。高阶函数函数式编程倾向于复用一组通用的函数功能来处理数据,它通过使用高阶函数来实现。 前言 函数式编程在前端已经成为了一个...

    acrazingacrazing 评论0 收藏0
  • 前端从0到1搭建后台管理系统都需要什么工作?

    前端从0到1搭建后台管理系统都需要什么工作?

    没有草稿吗 ww

    时飞时飞 评论0 收藏0
  • 前端中等算法-无重复字符的最长子串

    前端中等算法-无重复字符的最长子串

    摘要:无重复字符的最长子串难度中等描述给定一个字符串,请你找出其中不含有重复字符的最长子串的长度。输入输出解释因为无重复字符的最长子串是,所以其长度为。 无重复字符的最长子串 难度:中等 描述: 给定一个字符串,请你找出其中不含有重复字符的 最...

    hyuanhyuan 评论0 收藏0
  • JS进阶篇5---JS数组去重的n种方式

    JS进阶篇5---JS数组去重的n种方式

    1、利用 indexOf() 方法之一 Array.prototype.unique = function(){ var temp = []; for (var i = 0;i < this.length;i++){ // 如果当前数组的第 i 项已经保存到了临时数组,那么跳过 if(temp.indexOf( this[i] ) == -1)...

    baihebaihe 评论0 收藏0
  • JS对象常用方法总结

    JS对象常用方法总结

    摘要:方法方法这是对象的一个静态函数,用来判断一个对象是不是数组的判断方法总结以上方法工作中有些是经常需要用到的,记录一下为了方法工作中方便的处理数据,得到自己想要的数据 1. charAt() 返回在指定位置的字符 var str = "nihaome wozhendexiangxeu...

    genednagenedna 评论0 收藏0
  • es6装饰器异步使用

    es6装饰器异步使用

    摘要:装饰器的写法是在类或类属性之前,加个方法名。使用场景突然想到用装饰器,当然是有业务需要。但初始化代码又不归我控制,且是异步接口请求,不能立即执行,这就导致每个函数都要调用一遍这个方法。 装饰器简介 个人理解,某些场景需要在不改变原有类...

    时飞时飞 评论0 收藏0
  • css页面布局技巧

    css页面布局技巧

    摘要:一居中布局居中布局水平居中宽度自适应变成行内块元素,让元素宽度自适应,不继承父元素宽度变成元素,可以让元素宽度自适应,不继承父元素宽度定位,可以让元素宽度自适应,不继承父元素宽度或者垂直居中高度自适应变成类似元素定位, 一、居中布局 ...

    K_B_ZK_B_Z 评论0 收藏0
  • 浅谈js中reduce方法

    浅谈js中reduce方法

    摘要:介绍方法接收一个函数作为累加器为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数初始值上一次回调的返回值,当前元素值,当前索引,原数组。 介绍reduce reduce() 方法接收一个函数作为累加器,reduce 为数...

    mingzhongmingzhong 评论0 收藏0
  • 单元测试之断言

    单元测试之断言

    摘要:单元测试之断言作为前端开发,很少去自己写单元测试。对于单元测试的了解也很少,自学了一点关于单元测试断言的知识,有了一些自己的个人理解,记录下来,方便下次使用时查阅。是被测试值的类型,也就是断言的期望值。其中主要适用于行为驱动测试。 单...

    AchillesAchilles 评论0 收藏0
  • 【Vue原理】Compile - 白话版

    【Vue原理】Compile - 白话版

    摘要:写文章不容易,点个赞呗兄弟专注源码分享,文章分为白话版和源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧研究基于版本如果你觉得排版难看,请点击下面链接或者拉到下面关注公众号也可以吧原理白话版终于到了要讲白话的时...

    dingding199389dingding199389 评论0 收藏0
  • 【Vue原理】Compile - 源码版 之 从新建实例到 compile结束的主要流程

    【Vue原理】Compile - 源码版 之 从新建实例到 compile结束的主要流程

    摘要:页面这个实例,按理就需要解析两次,但是有缓存之后就不会理清思路也就是说,其实内核就是不过是经过了两波包装的第一波包装在中的内部函数中内部函数的作用是合并公共和自定义,但是相关代码已经省略,另一个就是执行第二波包装在中,目的是进行缓存 ...

    CODINGCODING 评论0 收藏0
  • 02.react进阶指南

    02.react进阶指南

    摘要:指定读取当前的。它为其后代元素触发额外的检查和警告。严格模式检查仅在开发模式下运行它们不会影响生产构建。作用识别不安全的生命周期关于使用过时字符串的警告关于使用废弃的方法的警告检测意外的副作用检测过时的为高阶组件。 react 进阶 懒加载 ...

    zzbozzbo 评论0 收藏0
  • 数量加减组件学习

    数量加减组件学习

    摘要:关于加减组件及价格计算实现效果一组件初始状态只显示,点击号类自父组件一个新属性同时显示数量,出现号部分减号区减号区商品数量区商品数量区加号区加号区部分点击加号执行的 关于加/减组件及价格计算实现效果:showImg("https://segmentfault.com/i...

    asce1885asce1885 评论0 收藏0
  • 捉摸不透的this到底是什么?

    捉摸不透的this到底是什么?

    摘要:前言中的重中之重,也是在面试中被问得最多的问题,在这里到底是什么我也时常疑惑于此,特用此文来整理思路理解并方便日后回顾。是什么看调用并转换例子是看调用,是全局定义函数,挂载在对象上,所以是。 前言 JS中的重中之重,也是在面试中被问得最...

    psycholapsychola 评论0 收藏0
  • 常见数据结构和Javascript实现总结

    常见数据结构和Javascript实现总结

    摘要:做前端的同学不少都是自学成才或者半路出家,计算机基础的知识比较薄弱,尤其是数据结构和算法这块,所以今天整理了一下常见的数据结构和对应的的实现,希望能帮助大家完善这方面的知识体系。 做前端的同学不少都是自学成才或者半路出家,计算机基础的...

    TecodeTecode 评论0 收藏0
  • 使用Vue CLI创建typescript项目

    使用Vue CLI创建typescript项目

    摘要:于是搜了下原因,原来是创建时候的默认源配置导致,安装报错问题解决所以修改下刚才生成的下的属性值为就可以了再次安装成功原文 使用最新的Vue CLI @vue/cli创建typescript项目,使用vue -V查看当前的vue cli版本 安装命令 npm install -g @vue-cli ...

    gaomysiongaomysion 评论0 收藏0
  • for循环与事件的i传值问题(5种解决方法)

    for循环与事件的i传值问题(5种解决方法)

    摘要:方法四利用循环的方法注意全都是的,不是的注意此处有一个兼容性问题,是类数组,兼容性好的浏览器可以直接使用这三个方法,但是兼容性不好的不能直接用为保证稳妥,最好转成真正的数组或者是的原型是中的一个对象被转成了真正的数组方法五中给的方法 ...

    YuqiYuqi 评论0 收藏0
  • 学习 underscore 源码整体架构,打造属于自己的函数式编程类库

    学习 underscore 源码整体架构,打造属于自己的函数式编程类库

    摘要:译立即执行函数表达式处理支持浏览器环境微信小程序。学习整体架构,利于打造属于自己的函数式编程类库。下一篇文章可能是学习的源码整体架构。也可以加微信,注明来源,拉您进前端视野交流群。 前言 上一篇文章写了jQuery整体架构,学习 jQuery 源码...

    junnplusjunnplus 评论0 收藏0
  • YYYY-MM-DD与YYYY/MM/DD之错误时间戳

    YYYY-MM-DD与YYYY/MM/DD之错误时间戳

    摘要:知识延伸中通过对象获取时间戳的常用方法此处本质是调用了方法浏览器环境下是不支持这种格式的 嘿,老周,我在后台设置的这个活动是明天零点开始的,你这个页面上活动开始的倒计时怎么多出了8个小时? 错因 接口返回的活动开始时间是"2019-06-18",前...

    iKcampiKcamp 评论0 收藏0
  • Vue模板编译,生成render函数

    Vue模板编译,生成render函数

    摘要:模板转换成浏览器认识的过程如下解析方法运行这里总结下第一步模板编译成函数的方式,生成的函数都会加在实例的上或者原型上,调用实例的方法时被调用。 模板转换成浏览器认识的HTML过程如下: template -> AST render (compiler解析template) AST ...

    testbirdtestbird 评论0 收藏0
  • mixin混入逻辑

    mixin混入逻辑

    摘要:现在有一个需求,将没有而有的属性混入到中。有而且也有的属性不混入以为准。通过这种混入机制滚雪球的方式可以不断地扩充一个对象地的功能。暂且将它定义为混入模式。混入模式是构建复杂对象的一种常用的模式。 有A对象和B对象,A, B对象有有方法属...

    hufenghufeng 评论0 收藏0
  • 小而美的颜色选择器:xy-color-picker

    小而美的颜色选择器:xy-color-picker

    摘要:表单元素新增了一个类型,也就是颜色选择器。或者使用默认值可以给颜色选择器指定一个初始颜色值,取值为合法的颜色值。值颜色设置或返回颜色选择器的属性值。默认返回当前格式下的颜色值。 html5表单元素input新增了一个color类型,也就是颜色选择器...

    Kylin_MountainKylin_Mountain 评论0 收藏0
  • js函数this理解?手写apply、call、bind就够了

    js函数this理解?手写apply、call、bind就够了

    摘要:一是什么函数的内部属性,引用的是函数据以执行的环境对象。函数做为节点事件调用时指向节点本身做为构造函数实力化方法时指向实例对象箭头函数里的普通函数,由于闭包函数是执行的,所以指向箭头函数的指向函数创建时的作用域。 一、this是什么? 函...

    CciradihCciradih 评论0 收藏0

热门文章

<