自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

MichaelAn的博客

Write less, do more!

  • 博客(10)
  • 资源 (2)
  • 收藏
  • 关注

转载 React 高阶 API 学习

React 高阶 API使用方法:react 是React库的入口点。如果你通过 <script> 标签加载React,这些高阶API可用于 React 全局。如果你使用ES6,你可以使用 import React from 'react' 。如果你使用ES5,你可以使用 var React = require('react') 。概览ComponentsReact 组...

2018-12-22 17:12:01 1103

原创 AttributeError:object has no attribute 报错及解决

报错情况:在前端测试中,界面发送一个 PUT 请求,界面发生上面的报错,请求无法响应,服务器状态码是500。错误分析:语义上是“对象没有一个XXX属性”。查阅大部分资料,大部分说 Python 的问题。这个项目前端使用 React, 后端使用 Python 的 djongo 框架。询问后端的同事,主要的原因是前端传递的参数的数据类型不正确。后端需要一个 string 的 “tr...

2018-12-22 17:10:08 171153 4

原创 Range对象

range 对象是选中的一段区域,包括一个开始节点和一个结束节点(anchorNode focusNode)通过节点和offset可以构造一个选区,进一步操作选区的文本内容。下面是常用的API,参考整理于MDN。Selection 学习Selection对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区,可能横跨多个元素。文本选区由用户拖拽鼠标经过文字而产生。要获取用于...

2018-12-22 16:43:41 1239

原创 浏览器事件总结

原文来源于MDN,有时候MDN无法访问,可以自己参考下面的说明。DOM 事件被发送用于通知代码相关的事情已经发生了。每个事件都是继承自Event 类的对象,可以包括自定义的成员属性及函数用于获取事件发生时相关的更多信息。事件可以表示从基本用户交互到渲染模型中发生的事件的自动通知的所有内容。本文提供了一个可以发送的事件的列表;一些是官方标准中的标准事件,另一些则是在特定浏览器内部使用的事件;...

2018-12-22 16:41:09 6177 1

原创 如何学习React框架

2019-1-23 复习:现在关键在于打包工具React 作为2018年市场占有率很高的框架使我们必须懂得的。学习react前需要有基本的 html+css+js 的 基础。如何踏入 React你应该按照以下的顺序进行学习, 而不是跳着学或者同时学习: React npm JavaScript “打包工具” ES6 Routing ...

2018-12-22 16:34:25 638

原创 Super expression must either be null or a function, not undefined 报错及解决

在 React 项目中,遇到了上面的报错信息。Super expression must either be null or a function, not undefined查阅资料,进行这样的分析:// 原始代码'use strict';import Realm from 'realm';class Todo extends Realm.Object {}Tod...

2018-12-12 23:28:09 11758

原创 React 避免重新渲染-性能优化

React 避免重新渲染 性能优化React框架运行的原理:界面受到数据驱动,state 和 props 的改动会造成界面的改动。其中,state 是自身的属性,props 是父组件提供的参数。如果界面内容很多,很小的数据变化会造成界面的重绘,那么造成性能的浪费。下面从几个方面总结一下如何避免重新渲染。 Statestate是一个组件内部的属性。如果state变化,那么组件必然会 ...

2018-12-06 10:14:47 4760

原创 stopImmediatePropagation 事件

复习:2019-1-25event.stopImmediatePropagation() 方法阻止剩下的事件处理程序被执行。该方法阻止事件在 DOM 树中向上冒泡。停止当前节点,和所有后续节点的事件处理程序的运行。stopPropagation 会阻止事件向上层元素冒泡。如果同一个元素绑定了多个事件(addEventListener),那么不会阻止其他事件的执行。stopImmedia...

2018-12-06 10:12:53 3025

原创 前端如何提高网站品质

如何提高网站品质1. 符合主流标准H5 C3 web验证(代码经过官方的验证通过)2. HTML DOCTYPE 确定当前正在适用的界面的版本;这样浏览器会快速一致的显示当前页面。主要包括 HTML 4.0.1 XML 1.0 HTML5 三个大类;每一个大类包括严格模式、传统模式、框架集模式等(对于代码严格程度不一样)。 title 网页的标题:描述网页的功能——尽量...

2018-12-03 15:42:28 370 2

原创 XML中Range 对象说明(slate适用)

Range 对象定义概念Range (范围)是文档中连续范围区域,例如用鼠标选中的区域。主要用途:文档中的删除、剪切、复制、粘贴文本。deleteContents()extractContents()cloneContents()insertNode()一个 range 具有两个边界点(anchor-focus)。每一个边界点由一个节点(anchor-node focus-nod...

2018-12-03 11:42:23 496

Super Mario.zip

这部分代码是 JavaScript 实现超级玛丽,主要为 HTML css Javascript 文件和相关说明文档。

2019-08-21

react生命周期函数图解

React中重要的部分就是生命周期函数。与其他框架不同,React的生命周期函数不同阶段支持不同的状态和属性变化,从而进行重新渲染。不同周期执行不同的函数对于整个开发过程很重要。

2018-10-09

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除