• <div id="ogoia"><li id="ogoia"></li></div>
  • <div id="ogoia"><div id="ogoia"></div></div>
    <xmp id="ogoia"><li id="ogoia"></li>
    <small id="ogoia"><li id="ogoia"></li></small>
  • <div id="ogoia"><li id="ogoia"></li></div>
  • <menu id="ogoia"></menu>
  • <s id="ogoia"><menu id="ogoia"></menu></s> <small id="ogoia"><div id="ogoia"></div></small><label id="ogoia"></label>
    <menu id="ogoia"><menu id="ogoia"></menu></menu>
    <button id="ogoia"></button>
  • <div id="ogoia"><small id="ogoia"></small></div><xmp id="ogoia"><div id="ogoia"></div>
  • <div id="ogoia"><div id="ogoia"></div></div>
  • <div id="ogoia"></div>
  • <menu id="ogoia"><div id="ogoia"></div></menu>
  • <div id="ogoia"><div id="ogoia"></div></div>
  • <div id="ogoia"><li id="ogoia"></li></div>
  • <div id="ogoia"><div id="ogoia"></div></div>
  • <div id="ogoia"><li id="ogoia"></li></div>
  • <div id="ogoia"><button id="ogoia"></button></div>
  • <div id="ogoia"><li id="ogoia"></li></div>
    <small id="ogoia"><li id="ogoia"></li></small>
    <small id="ogoia"></small>
  • <small id="ogoia"></small>
    <small id="ogoia"><div id="ogoia"></div></small>
  • <div id="ogoia"><button id="ogoia"></button></div>
  • <small id="ogoia"><li id="ogoia"></li></small><small id="ogoia"><li id="ogoia"></li></small>
  • <div id="ogoia"><li id="ogoia"></li></div>
  • <div id="ogoia"><li id="ogoia"></li></div>
  • <div id="ogoia"><button id="ogoia"></button></div>

    MichaelAn的博客

    Write less, do more!

    React中获取元素位置

    在react框架中,程序眼使用虚拟DOM代替真实的DOM来优化性能,使用props和state进行属性传递。所以说在react中直接获取DOM元素的位置是不合理的(不利于性能)。那么我们可以使用下面的API: document.documentElement.getBoundingClientR...

    2018-09-22 10:45:41

    阅读数 3611

    评论数 0

    Blob和File对象API与兼容性问题

    前几天在上传文件过程中遇到Blob对象和File对象的相关问题,查资料结果如下: blob 在浏览器环境下,可以实现对blob的引用(浏览器会自动集成);但是在nodeJS环境下如何实现blob引用?文件传入依赖?具体怎样使用blob? 要求:首先在Node环境下上传简单文件。 File是特...

    2018-08-19 19:14:39

    阅读数 2705

    评论数 0

    React中loading界面处理

    前几周,boss给出一个任务:在网站页面加载前设置一个loading界面。 设置loading界面,如果用户网络状况一般,或者用户执行请求操作频繁,可以让用户减少等待时间,有利于提升用户体验。那么具体怎样实现loading界面呢?查询资料进行实践,得出下面几个方案: 方案一: 在react框...

    2018-08-19 13:04:18

    阅读数 5056

    评论数 0

    Cannot read property innerHTML of null 报错信息

    Cannot read property 'innerHTML' of null ——这个报错的字面含义是:不能读取空的内部HTML。 这个报错是一个初学者的问题。实际上,在页面的HTML结构中,innerHTML是有实际的值并可以在console进行获取查询到。 问题:script中关于DO...

    2018-07-20 09:29:19

    阅读数 5029

    评论数 0

    Web前端开发标准规范总结

    Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注:实际开发请以本公司的规范为标准。A.基本原则符合web标准(UTF-8,HTM...

    2018-07-15 07:32:40

    阅读数 4879

    评论数 1

    JavaScript语言精粹-读书笔记(4)

    附录A 毒瘤 全局变量 全局变量可能造成内存泄漏;大型程序中可能和另一个变量名冲突;可以被程序的任何部分在任何时间修改(降低了程序的可靠性) 定义全局变量的三种方法:在函数外部使用 var foo = value; 给全局对象window增加一个属性 window.foo = value; 使用未...

    2019-05-30 21:22:04

    阅读数 46

    评论数 0

    JavaScript语言精粹-读书笔记(3)

    第六章 数组 在JS中数组和对象实质都是对象,数组的属性是连续的整数。typeof(Array) = ‘object’ // 判断数组的方法 var is_array = function(value) { return value &amp;&amp; typeof valu...

    2019-05-30 21:20:53

    阅读数 29

    评论数 0

    JavaScript语言精粹-读书笔记(2)

    第四章 函数 函数是功能实现的基本单元;一个函数的功能应当简单;编程就是把一组需求分解成一组函数和数据结构的技能。避免在一个函数内部实现多个功能。 使用字面量创建的函数链接到一个 Object.prototype ,使用函数表达式创建的函数,链接到一个Function.prototype,最终通过...

    2019-05-30 21:19:56

    阅读数 26

    评论数 0

    JavaScript语言精粹-读书笔记(1)

    JS 语言精粹 蝴蝶书 这本书需要基本的JS基础和一定的经验。第一次看感觉很普通,工作一段时间后发现这本书很多细节很重要。这本书基于 ECMA3版本写的,现在已经普遍使用ECMA6版本,所以部分知识需要更新。 原作者电子书网址:https://www.crockford.com/books.htm...

    2019-05-30 21:18:07

    阅读数 25

    评论数 0

    五月前端细节总结

    细节知识点 1、代码格式 数学操作符两侧留空格;props数据类型监测放在类前面;翻译;warning;函数名变量名是否最佳;减少不必要的props, state;减少不必要的请求; 使用一个代码(JS-css)尽量避免其他样式的改变(不需要的不要加,避免画蛇添足); 屏幕录制的结束快捷键:con...

    2019-05-21 10:26:37

    阅读数 850

    评论数 0

    console.log同步与异步

    最近帮助一个后端同事调试时,console.log()他说结果不正确,因为会出现同步或者异步输出的情况。查阅资料,自己整理后,发现确实存在这个问题。 问题现象 异常出现原因分析 在分析之前,我们得知道一点,JS中对象是引用类型,每次使用对象时,都只是使用了对象在堆中的引用。 console.lo...

    2019-05-14 18:15:17

    阅读数 18

    评论数 0

    Slate 框架更新-删除文本节点的 leaves 属性

    近期 slate 框架更新了,新版本中文本节点的属性发生变化,其他方法等也有调整。编辑器中设置文字加粗、斜体等字体类型或者链接等会变化。下面简要整理总结一下。 text 节点属性改变 With the pull request, text nodes no longer have a .leave...

    2019-05-03 10:48:59

    阅读数 64

    评论数 0

    React data grid

    React data grid 主要功能:界面显示 Excel 预览,可以将一个对象或者 json 格式化成为界面。 安装 npm install react-data-grid --save 基本使用 import React from 'react'; import ReactDataGri...

    2019-04-26 16:49:01

    阅读数 56

    评论数 0

    Warning: A component is changing an uncontrolled input of type text to be controlled 报错分析

    Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlle...

    2019-04-18 11:27:49

    阅读数 47

    评论数 0

    Markdown 流程图绘制

    流程图在部分编辑器中支持(Typora)下面是流程图的效果。 流程图 让我们看一下原始代码 Michael-&gt;Tom: Hello Tom! Note right of Tom: Tom is a good boy. Tom-&gt;Michael: Nice to mee...

    2019-04-10 13:29:55

    阅读数 29

    评论数 0

    zipJS 前端压缩使用

    JSzip库说明 前言 前端在处理文件时,对于大文件或者多个文件上传、下载、编辑,直接使用原文件不方便,最近使用一个可以前端中处理 zip 文件的库,JSzip。主要功能:前端中压缩、解压缩、编辑zip文件。 这个库的官网:https://stuk.github.io/jszip/ 安装 浏览器环...

    2019-04-04 16:28:50

    阅读数 159

    评论数 0

    React-Router 学习

    React-Router React-router 解决问题:UI与URL解耦 问题:原始同一个界面内部使用 a 进行跳转,不同界面中使用 # hash 跳转。如果在React框架下,对于SPA,需要获取界面的 hash 再判断界面中加载什么部分(setState),这样效率低下,UI 与 URL...

    2019-04-04 16:26:24

    阅读数 49

    评论数 0

    Editor.js 使用

    Editor.js Editor.js 是一个在线富文本编辑器 官网链接:https://editorjs.io/ Editor.js 快速入门 导入编辑器库 Install Editor.js 编辑器初始化 Configure and initialise the Editor 安装工具 In...

    2019-04-04 16:22:28

    阅读数 629

    评论数 0

    GRASP软件设计的模式和原则

    GRASP软件设计的模式和原则 模式:每一个模式描述了一个在我们周围不断重复发生的问题,以及该问题的解决方案的核心。” 这是关于模式最经典的定义,作者是建筑大师Christopher Alexander。如果是第一次看到这句话,多数人会觉得有些抽象难懂。其实“模式”两个字只是一个代号,就像我的英文...

    2019-03-24 10:07:59

    阅读数 29

    评论数 0

    Can't call setState (or forceUpdate) on an unmounted component ——React 内存泄漏问题处理

    在开发过程中,最近遇到一个错误 大致意思:不能对于一个已经卸载的组件上使用setState改变状态,这将会造成应用的内存泄漏。 解决方法:在componentWillUNmount 阶段中取消所有的异步任务(例如:SetState操作)。 如果在react组件中设置了定制器或者在dom上...

    2019-03-20 13:54:07

    阅读数 73

    评论数 0

    提示
    确定要删除当前文章?
    取消 删除
    关闭
    关闭
    加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】| 加拿大28预测计划【复制fh118.com打开】|