240 发简信
IP属地:湖北
  • React文档学习2

    条件渲染 使用运算符if和条件运算符去创建元素来表现当前的状态。 几种在JSX中内联条件渲染的方法 &&与运算符 因为在JS中,true&&expression总是返回exp...

  • JS的深拷贝和浅拷贝

    浅拷贝 重新再堆中创建内存,拷贝前后对象的基本数据类型互不影响 只拷贝一层,不能对对象中的子对象进行拷贝 深拷贝 对对象中的子对象进行递归拷贝 拷贝前后的两个对象互不影响 基...

  • Canvas

    Canvas 的默认大小为300像素×150像素(宽×高,像素的单位是px)。但是,可以使用HTML的高度和宽度属性来自定义Canvas 的尺寸。为了在 Canvas 上绘制...

  • 过滤器

    过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: capitalize 过滤器函数将...

  • 解构赋值,函数扩展默认值

    扩展运算符 对象的扩展运算符(...)用于取出参数对象的所有可遍历属性,拷贝到当前对象之中。 对象的扩展运算符等同于使用Object.assign()方法. 上面的例子只是拷...

  • 120
    浅谈Web性能优化

    Web性能优化是一个广泛而琐碎的话题,需要时间和经验的积累才能侃侃而谈,这里简要总结一些。 使用CDN CDN全称Content Delivery Network,即内容分发...

  • 知识储备

    Promise Promise.all promise1和promise2都成功才会调用success1 Promise.race promise1和promise2只要有一...

  • Vue路由

    路由懒加载 实际项目中使用 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加...

  • react-router

    Router 对于在浏览器中运行的项目,可以选择<HashRouter>和 两种。 应用在服务器处理动态请求的项目中(知道如何处理任意的URI),<HashRouter>用来...

  • mixin,柯里化

    mixin 最基本的 mixin 其实就是简单地将一个对象的属性复制给另一个对象: 是不是有点像Object.assign()呢?Object.assign方法用于对象的合并...

  • a标签的download属性下载canvas

    在canvas面板中有一个下载按钮save,点击它便可下载画布保存到本地。 a标签属性 download此属性指示浏览器下载 URL 而不是导航到它,因此将提示用户将其保存为...

  • 120
    虚拟DOM

    数据对象虚拟DOM可以理解为我们根据页面的真实的DOM结构抽象出来的一种数据结构,一个层级比较复杂的对象,和真实的DOM一一映射。我们可以通过调用一个渲染函数比如render...

  • React-Redux

    React-Radux 实际项目中,需要权衡是直接使用Redux还是用React-Redux。React-Redux 将所有组件分成两大类:UI 组件(presentatio...

  • 120
    Vue的响应式原理

    当我们修改数据(普通的JS对象)时,视图会在悄悄地进行更新,这便是响应式,让状态管理变得很简单直接。 Object​.define​Property() The Object...

  • 表单事件

    input事件 contenteditable input事件的一个特点,就是会连续触发,比如用户每按下一次按键,就会触发一次input事件。input事件与change事件...

  • ES6的Class

    ES6的Class可以看做是一个语法糖,让它更像面向对象编程。 方法之间不需要逗号分隔 构造函数的prototype属性,在 ES6 的“类”上面继续存在。事实上,类的所有方...

  • 120
    react学习

    JSX 在 JSX 语法中,你可以在大括号内放置任何有效的 JavaScript 表达式。例如,2 + 2,user.firstName 或 formatName(user)...