文章库ARTICLE COLUMN

  • 你未注意的typeof操作符

    你未注意的typeof操作符

    摘要:可能返回下列某个字符串如果这个值未定义如果这个值是布尔值如果这个值是字符串如果这个值是数值如果这个值是对象或者如果这个值是函数需要注意的几种情况尽管是的缩写总是返回一个字符串区分数组普通对象从一开始出现就是这样的 typeof可能返回下列某...

    lightlight 评论0 收藏0
  • 讲清楚之 javascript中的this

    讲清楚之 javascript中的this

    摘要:讲清楚之中的这一节来探讨。所以当函数作为构造函数调用,则函数内部的绑定到该函数上。在通过构造函数实例化对象时,对象内部的也同样指向该实例对象。 讲清楚之 javascript中的this 这一节来探讨this。 在 javascript 中 this 也是一个神的存在,相...

    selfimprselfimpr 评论0 收藏0
  • webpack源码分析之二:code-splitting

    webpack源码分析之二:code-splitting

    摘要:前言是最引人瞩目的特性之一此特性将代码分离到不同的文件中。功能分析官网上有三种方式实现入口起点使用选项手动分离代码。防止重复使用去重和分离。本质则是多个入口的,则在以为入口文件将多入口的切分为按切割文件通过加载。 前言 code-splitting...

    wudengzanwudengzan 评论0 收藏0
  • 前端基本功之从大型项目中迅速定位修改位置

    前端基本功之从大型项目中迅速定位修改位置

    摘要:前端开发,有一项很重要的基本功,就是在大型项目中,比如几万行代码中,迅速找到新增功能或调试的切入点。猜测输入框大小跟这个字号有关系。通过观察分析和断点技巧,我们很容易地就从一个大型项目几万行代码中迅速定位到我们要修改的地方。 前端开发...

    rubyshenrubyshen 评论0 收藏0
  • Event Loop - JS执行机制

    Event Loop - JS执行机制

    摘要:心塞塞根据规范,事件循环是通过任务队列的机制来进行协调的。等便是任务源,而进入任务队列的是他们指定的具体执行任务回调函数。然后当前本轮的结束,主线程可以继续取下一个执行。 依然是:经济基础决定上层建筑。 说明 首先,旨在搞清常用的同步...

    muddywaymuddyway 评论0 收藏0
  • 一个未知宽高的元素在div中垂直水平居中

    一个未知宽高的元素在div中垂直水平居中

    摘要:注意,这个添加的元素最好是元素,如果是的话,在低版本下的话有问题。因为不支持转换为行内块元素。第二种方法这种方法就是利用的新特性了。这种方法的缺点就是,如果浏览器不支持,那就没用了。 那么,如何让img元素在div中居...

    MadPeckerMadPecker 评论0 收藏0
  • 基于Node.js的微信小程序cookie解决方案

    基于Node.js的微信小程序cookie解决方案

    摘要:踩过微信小程序坑的人都知道,微信小程序是不支持的。微信小程序采用的是获取,通过开发者服务器端同微信服务器进行数据交互实现登录。具体参考微信相关文档,这里不赘述。而且万一哪天微信小程序支持了呢,采用方式,还是和以前一样操作数据。    ...

    meteor199meteor199 评论0 收藏0
  • 常见的pc端的兼容问题总结

    常见的pc端的兼容问题总结

    摘要:中常见的兼容问题元素划过的距离滚动距离在谷歌浏览器下在非谷歌浏览器下兼容写法获取非行内样式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件获取对象的方法获取方法通过获取元素在以及以下的浏览器中不可以使用手动创建键盘码的获取以及以下的浏...

    王军王军 评论0 收藏0
  • React 实践心得:react-redux 之 connect 方法详解

    React 实践心得:react-redux 之 connect 方法详解

    摘要:但这并不是最佳的方式。最佳的方式是使用提供的和方法。也就是说,与的与完全无关。另外,如果使用对做属性类型检查,方法和方法为添加的属性是存在的。注意,的变化不会引起上述过程,默认在组件的生命周期中是固定的。 转载注: 本文作者是淘宝前...

    张春雷张春雷 评论0 收藏0
  • React项目的UI测试

    React项目的UI测试

    摘要:单元测试相关词条白盒测试,抛开,将项目分割成若干的单元,进行业务逻辑的测试。下面主要说一下组件和单元测试由于是基于的单页应用,每个页面,或者说组件的基本结构分为四部分储存业务逻辑,囊括了相关的和,只进行渲染,负责链接和。 原文链接:Re...

    xingqibaxingqiba 评论0 收藏0
  • webpack实战

    webpack实战

    摘要:和类似的预处理器还有等。的用处非常多,包括给自动加前缀使用下一代语法等,目前越来越多的人开始用它,它很可能会成为预处理器的最终赢家。 webpack实战 查看所有文档页面:全栈开发,获取更多信息。快马加鞭,加班加点,终于把这个文档整理出来了,...

    cyrilscyrils 评论0 收藏0
  • 分享前端技术框架及一些项目

    分享前端技术框架及一些项目

    摘要:久没来这里了,心血来潮还是来写点东西吧,就来分享一下自己对前端主流框架两大框架的见解吧,顺便分享一下项目当前在前端领域算是比较火的框架吧,两者存在很多相似之处,例如他们都是的框架,专注于创造前端的富应用。 N久没来这里了[qq:71],心血来...

    YPHPYPHP 评论0 收藏0
  • React解决长列表方案(react-virtualized)

    React解决长列表方案(react-virtualized)

    摘要:缺点滑动过快,可能会出现空白的情况。前端经典问题,在中操作渲染大量在当中直接操作,会导致性能严重下降,所以渲染长列表也就是大量,会导致浏览器卡顿严重,甚至有可能出现假死状态。 github地址 高效渲染大型列表的响应式组件 使用窗口特性,即...

    Guakin_HuangGuakin_Huang 评论0 收藏0
  • 这里有一份webpack4的配置,项目可直接集成(持续更新)

    这里有一份webpack4的配置,项目可直接集成(持续更新)

    摘要:随着前端的发展,越来越复杂的业务,各种各样的插件模块依赖关系,项目复杂度的提升,开发成本越来越高。就是解决了这一系列的问题。 基于webpack4 项目说明地址 webpack-scaffold 关于前端工程化 前端野蛮生长的时代已经过去了。随着前端的发展,越来...

    JensenJensen 评论0 收藏0
  • Ant design pro 开发笔记 - 表单和数据绑定

    Ant design pro 开发笔记 - 表单和数据绑定

    摘要:支持表单双向绑定,开发过程中无需通过回调函数去获取组件的值,通过可以自动完成数据绑定的功能。如果我们通过获取了数据之后,表单数据不会发生变化。注意使用这个函数必须用封装需要绑定的字段。 antd支持表单双向绑定,开发过程中无需通过onChange...

    zsy888zsy888 评论0 收藏0
  • React组件生命周期详解

    React组件生命周期详解

    摘要:组件生命周期构造方法是对类的默认方法,通过命令生成对象实例时自动调用该方法。该生命周期可以发起异步请求,并。后废弃该生命周期,可以在中完成设置渲染组件是一个组件必须定义的生命周期,用来渲染。该生命周期内可以进行。 React组件生命周期 co...

    learn_shifenglearn_shifeng 评论0 收藏0
  • 渐进式Web应用(PWA)入门教程(上)

    渐进式Web应用(PWA)入门教程(上)

    摘要:渐进式应用的安装过程很快,只需要在主屏幕上添加一个图标即可。渐进式应用启动时可以显示一个好看的启动画面。而在微信这边,凭借庞大的用户基数和体量能否与分庭抗礼乃至笑到最后目前还不得而知。 最近关于渐进式Web应用有好多讨论,有一些人还在质...

    pinginkpingink 评论0 收藏0
  • 渐进式Web应用(PWA)入门教程(下)

    渐进式Web应用(PWA)入门教程(下)

    摘要:渐进式应用入门教程上在这一节中,我们将介绍的原理是什么,它是如何开始工作的。第一步使用渐进式应用程序需要使用连接。优先旋转方向,可选的值有显示方式无,和原生应用一样,最小的一套控件集或者最古老的使用浏览器标签显示一个包含所有图片的数组...

    NotFoundNotFound 评论0 收藏0
  • 前端利用Blob对象创建指定文件并下载

    前端利用Blob对象创建指定文件并下载

    摘要:一对象对象表示一个不可变原始数据的类文件对象。示例二对象通过创建对象指定文件的下载链接。构造函数创建新的表示指定的对象或者对象。属性指定下载链接属性指定文件名属性规定被下载的超链接目标。 一、Blob对象 Blob对象表示一个不可变、原始数据...

    stonezhustonezhu 评论0 收藏0
  • vue源码学习:Object.defineProperty 对象属性监听

    vue源码学习:Object.defineProperty 对象属性监听

    摘要:参考版本源码版本相关实现双向数据绑定的关键是,让我们先来看下这个函数。我们可能会有对象中属性的值还是对象这种嵌套情况,可以通过递归解决在源代码文件中观察者构造函数通过过滤掉一个对象本身拥有的属性递归调用循环所有对象出来被访问被修改,新...

    terenteren 评论0 收藏0
  • async & await & promise

    async & await & promise

    摘要:最近项目中用的比较多,所以特地去了解,模仿一下实现先来看看使用的方法通过是通过使用生成器配合方法模拟的一个同步操作,这个技术有效的避免了传统回调和形成的回调地狱。 最近项目中 asyn & await 用的比较多,所以特地去了解,模仿一下实现~ 先来...

    DeanDean 评论0 收藏0
  • .each()循环遍历子元素,对比已有元素,避免重复

    .each()循环遍历子元素,对比已有元素,避免重复

    摘要:以前写循环遍历习惯性用,但是这次突然觉着无从下手了。规定为每个匹配元素规定运行的函数。该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。 以前写循环遍历习惯性用 for(){},但是这次突然觉着无从下手了。 场景一:左侧九宫格菜单(...

    浠ラ箍浠ラ箍 评论0 收藏0
  • 我是如何一步步“改造”redux的

    我是如何一步步“改造”redux的

    摘要:但是在使用开发的过程中还是感觉不太顺手,本文将阐述我是如何对进行一步步改造以适应个人和团队开发需求的。所以说,我们如何在保证的设计原则以及项目规范性上,对其进行简化改造,是我这里需要解决的问题。 从Vue换到React+Redux进行开发已经有半年...

    jemygrawjemygraw 评论0 收藏0
  • javascript中常用的对象操作方法

    javascript中常用的对象操作方法

    摘要:返回组成的数组返回对象的组成的数组返回一个由组成的数组,其元素是在对象上找到的可枚举属性值。深拷贝对象返回深拷贝的对象,修改不会影响该对象返回对象的和组成的数组方法返回一个对象和键值对组成的数组方法判断对象中属性是否存在 Object.keys(...

    antzantz 评论0 收藏0
  • React组件设计技巧

    React组件设计技巧

    摘要:我们可以通过刚刚高阶函数的思想来创建一个中间组件,也就是我们说的高阶组件。仅传递组件所需要的属性。在受控组件中,表单数据由组件负责处理。作为顶层组件接收一个名为的,可以接收任意需要被放入中的字符串,数字,甚至是函数。 React组件设计 组...

    LuosunceLuosunce 评论0 收藏0

热门文章

<