A Little Fairy Lives Here, WELCOME.

你碌碌无为的昨天,是很多人活不到的明天。

Ajax什么是ajaxajax = 异步JavaScript 和 XML 简介:ajax是一种用于创建动态页面的技术。通过在后台与服务器进行少量数据交换,ajax可以使网页实现异步更新。这意味着可以在不重新加载整个页面的情况下,对页面的某部分进行更新。而传统的网页(不使用ajax)如果需要更新内容,必需重载整个页面。 ajax工作原理 创建ajax的过程XMLHttpRequest是ajax的基础,用于在后台与服务器交换数据。 创建

Read More...


打开一个网站的完整过程描述从URL输入到页面展示的过程发生了什么 在浏览器的地址栏输入URL并按下回车 浏览器拿着URL查找是否有缓存,并且验证缓存是否过期 DNS解析对应URL的IP地址 根据IP建立TCP连接(三次握手) 发起HTTP请求 服务器处理请求,浏览器接收HTTP响应 渲染页面,构建DOM树 关闭TCP连接(四次挥手) URL用常见的http://www.badu.com为例子。这个域名由三个部分组成:

Read More...


前言本次的发开是全程参与的,所以算是第一个跑完了完整的流程的项目,很有纪念意义呀。 框架及数据结构 MVC SAP UI5(高度封装的jQuery库) lodash moment odata services 预热 首先是各个前端坐在一起讨论出来的一套前端代码规范:Controller: 多个Controller都会用到的公用方法请放到/src/common/BaseController.js中各个页面的Controlle

Read More...


前言我进入项目的时候已经是在项目的后期了,所以项目前期的代码规范、接口集成,都没有参与。因此有关集成的东西都不是特别了解。且状态的管理使用的是redux,之前完全没有接触过的一个管理状态的库。 技术选型 react-native redux odata services 第三方工具 expo ant design lodash moment … 总结在使用react开发的时候,个人觉得前期的规划是非常重要的。规划好通用的compo

Read More...


一切都是对象对象就是属性的集合。在js里对象里只有属性没有方法,因为方法也是一种属性 函数和对象的关系对象都是通过函数创建的,而函数又是一种对象 prototype原型1234567function Fn() { }Fn.prototype.name = 'Joie';Fn.prototype.getYear = function () { return 1997;};var fn = n

Read More...


1.React.Children.count(children)123456const {children} = this.propsreturn( <div> {children} </div>)children里的子组件会逐一被渲染进div标签里,但是有时候我们想要得知children里子组件的个数,这个时候就可以用到React.Childr

Read More...


1.用react native兼容iOS和Android的等宽字体通过react native提供的Platform组件,去判断当前设备是哪个系统,再根据系统返回适当的fontFamily12345678910111213import { Platform } from "react-native";export const fontStyle = () => { if (Pl

Read More...


1.关于redux的action、reducer和store a.action:1).是行为的抽象2).是普通JS对象3).一般由方法生成4).必须有一个type属性 b.reducer:1).是响应的抽象2).是纯方法3).传入旧状态和action3).返回新状态 c.store:1).action作用于store2).reducer根据store响应3).store是唯一的4).store包括了完整的state5).state完全

Read More...


1.基础原则 1).单项数据流2).唯一数据源保持唯一的Store,所有组件的数据源就是Store上的状态3).保持状态只读UI=render(state),虽然通过state驱动组件渲染,但改变状态的方法不是去修改状态上的值,而是创建一个新的状态对象返回给redux,由redux完成新的状态的组装4).数据改变只能通过纯函数完成redux中reducer的函数签名如下:reducer(state,action)第一个state是当前

Read More...


1.分清楚ant-design-pro各个文件之间的区别和用途1).routes:每个路由对应的页面组件文件。主要定义具体页面的基本结构和内容。2).services:用于与后台交互、发送请求等。3).components:组件文件夹。对于一些相对通用的组件,建议将该组件写入components文件夹中,并在routes文件夹中的文件引入来使用。4).models:用于组件的数据存储,接受请求返回数据等。 2.关于dva的connec

Read More...


TIME WAITS FOR NO ONE.