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 && 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->Tom: Hello Tom! Note right of Tom: Tom is a good boy. Tom->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

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