一.路由动画 路由动画需要在host元数据中指定触发器.动画注意不要过多,否则适得其反. 内容优先,引导用户去注意到某个内容.动画只是辅助手段. 定义一个进场动画,一个离场动画. 因为进场动画和离场动画用的特别频繁,有一个别名叫:enter和:leave. import { trigger, state, transition, style, animate} from '@angular/animations'; export const slideToRight = trigger('rou…

一.函数的定义方式 1.函数声明方式 function  关键字(命名函数) 2.函数表达式(匿名函数) 3.new  Function( ) var  fn = new  Function(‘参数1’,‘参数2’.....,‘函数体’) Function 里面参数都必须是字符串格式 第三种方式执行效率低,也不方便书写,很少使用 所有函数都是 Function 的实例(对象) 函数也属于对象 二. 函数的调用方式 // 1. 普通函数 this 指向 window(函数调用者) function…

前言:第一次看到多个连续箭头函数是在一个 react 项目中,然鹅确认了下眼神,并不是对的人,因为看得一脸懵逼.em......于是开始各种搜索,先是知道了多个连续箭头函数就是 es6 的多次柯里化的写法,对于函数柯里化,很久以前就知道这个名次,但是并不理解,也没有去了解.为了弄明白多个连续箭头函数,开始了简化之路. 首先看到了这样的一个例子: let add = a => b => a + b 以上是一个很简单的相加函数,把它转化成 ES5 的写法如下: let add = function…

IIFE( 立即调用函数表达式)是一个在定义时就会立即执行的 JavaScript 函数. 全称为Immediately Invoked Function Expression 有时如果不加:会出现一些不必要的bug,这时为了代码的整洁性,我们不会给所有语句加,所以这里选择在IIFE之前加 上述作用为向外暴露一个函数 小结: 作用: .…

1.什么函数是回调函数? 此时两者的执行并没有先后顺序 两个都是回调函数 满足三个特点就是回调 .定义了函数 .没有主动调用 .最后执行了 2.常见的回调函数有哪些? .DOM事件回调函数 .定时器回调函数 .ajax请求回调函数 .生命周期回调函数 .…

-- GROUPING SETS作为GROUP BY的子句,允许开发人员在GROUP BY语句后面指定多个统计选项,可以简单理解为多条group by语句通过union all把查询结果聚合起来结合起来. select device_id ,os_id ,app_id ,count(user_id) from test_xinyan_reg group by device_id,os_id,app_id grouping sets((device_id),(os_id),(device_id,o…

Redux 独立的集中式状态管理 js 库 - 参见 My Git 不是 react 库,可以与 angular.vue 配合使用,通常和 react 用 yarn add redux import {createStore} from "redux" const store = createStore(myCounter);    // 1. 核心 API - 参数是 reducer 函数---> 根据现有的状态及 action 返回一个新的状态,给 store 管理 impo…

今天学习了react高阶组件,刚接触react学习起来还是比较困难,和大家分享一下今天学习的知识吧,另外缺少的地方欢迎补充哈哈 高阶组件(Higher Order Components,简称:HOC) 是 React 中用于重用组件逻辑的高级技术, 它本身不是react中的组件, 而是一个函数,  这个函数接受一个react组件作为参数,并返回一个新组件, 实现了对原有组件的增强和优化,  可以对原有组件中的state, props和逻辑执行增删改操作, 一般用于代码重用和组件增强优化. 高阶组…

1.3  Formulating Abstractions with Higher-Order Procedures 教材有时候依照学生的基础.从0讲起:有时候给出一个大图,然后具体地逐一介绍. 本文或同学们写学习笔记时.要依照后者进行归纳. 函数,是对一些数的复合操作,并且不依赖特定的数.如 (define (cube x) (* x x x)) 它不针对某个数如3,而是对全部的參数数据求其立方. 由此.它是对 (* 5 5 5) (* x x x) ; 这里x为实參 的抽象,而(* 5 5…

有时候人们很喜欢造一些名字很吓人的名词,让人一听这个名词就觉得自己不可能学会,从而让人望而却步.但是其实这些名词背后所代表的东西其实很简单. 我不能说高阶组件就是这么一个东西.但是它是一个概念上很简单,但却非常常用.实用的东西,被大量 React.js 相关的第三方库频繁地使用.在前端的业务开发当中,你不掌握高阶组件其实也可以完成项目的开发,但是如果你能够灵活地使用高阶组件,可以让你代码更加优雅,复用性.灵活性更强.它是一个加分项,而且加的分还不少. 本章节可能有部分内容理解起来会有难度,如果你…