| | | |

2019年6月15日

摘要： 1、下载vs code插件：EditorConfig for VS Code 2、在项目目录下新建文件：.editorconfig 3、在文件中添加以下内容, 搞定 root = true [*] charset = utf-8 indent_style = space indent_size = 阅读全文

posted @ 2019-06-15 10:26 dragon_cat 阅读(8502) 评论(0) 推荐(0)

2019年1月18日

js实现表格数据导出到excel文件

摘要：以下代码是工具类文件exportToExcel.js 内容，实现场景是将antd的table数据导出成excel文件（其他UI框架的table也同样适用，只需传入合适的数据）。 exportToExcel() 方法接受表格列数据、表格数据和导出文件名 3个参数，表格列数据和表格数据都直接使阅读全文

posted @ 2019-01-18 17:12 dragon_cat 阅读(6166) 评论(0) 推荐(0)

2018年11月29日

less文件 -webkit-box-orient: vertical; 样式打包后消失问题

摘要：日常踩坑：今天开发的时候发现了一个问题，在实现css 显示3行且超出3行时结尾显示省略号这个小小的需求时，写完代码本地调试没有问题，然后就webpack打包发布到测试环境，但是去到测试环境一看，内容显示超出了3行，并没有截断和显示省略号，检查样式发现-webkit-box-orient: v 阅读全文

posted @ 2018-11-29 16:54 dragon_cat 阅读(776) 评论(0) 推荐(0)

2018年9月19日

js读取本地文件内容

摘要： <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <input type="file" id="files" style="displa 阅读全文

posted @ 2018-09-19 14:26 dragon_cat 阅读(5650) 评论(0) 推荐(0)

2018年9月12日

Jsonp实践客户端 + nodejs服务端(笔记用)

摘要：客户端： <html> <body> <script> // jsonp请求的回调函数 function getJsonpData(data) { Object.keys(data).forEach(key => { console.log(`${key}: ${data[key]}`); cons 阅读全文

posted @ 2018-09-12 10:31 dragon_cat 阅读(130) 评论(0) 推荐(0)

2018年8月22日

css清除浮动的几种办法：

摘要：什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而阅读全文

posted @ 2018-08-22 15:58 dragon_cat 阅读(352) 评论(0) 推荐(0)

2018年8月16日

实现一个eventEmitter

摘要： var eventEmitter = { functionList: {}, oneFunctionList: {}, on: function (type, fn) { if (!Array.isArray(this.functionList[type])) { this.functionList 阅读全文

posted @ 2018-08-16 23:02 dragon_cat 阅读(180) 评论(0) 推荐(0)

2018年8月15日

textarea中的placeholder设置主动换行

摘要：今天遇到一个需求，想要设置textarea中的placeholder换行展示，如： 1、输入xxxxx 2、输入xxxxx 但是发现无论是设置 "1、输入xxxxx\n2、输入xxxxx" 还是 "1、输入xxxxx\r2、输入xxxxx" 还是 "1、输入xxxxx<br/>2、输入xxxxx" 阅读全文

posted @ 2018-08-15 17:13 dragon_cat 阅读(2184) 评论(1) 推荐(0)

2018年8月11日

html语义化

摘要： html语义化就是根据内容的结构化，选择合适的标签，便于开发者阅读和写出更优雅的代码的同时让浏览器爬虫和机器很好地解析。为什么要语义化？ 1、为了在没有css的情况下，页面也能呈现出较好的内容结构。 2、增强用户体验：例如title、alt属性用于解释名词或解释图片信息、label标签的活用。阅读全文

posted @ 2018-08-11 17:21 dragon_cat 阅读(182) 评论(0) 推荐(0)

2018年6月25日

react setState()方法的应用

摘要：如果不借助redux、mobx等状态管理库，当应用状态改变时，react本身只能通过setState()方法刷新界面。但是，setState({ key, value })的方式有时候写起来会比较冗余，比如当： state={ name : "", age : ""， address : ""，阅读全文

posted @ 2018-06-25 10:16 dragon_cat 阅读(210) 评论(0) 推荐(0)