随笔分类 -  JavaScript

摘要:1.浅谈两种方法实现浏览器内多个标签页之间的通信 localstorge在一个标签页里被添加、修改或删除时,都会触发一个storage事件,通过在另一个标签页里监听storage事件,即可得到localstorge存储的值,实现不同标签页之间的通信。 2.React组件生命周期小结 3.比较两个对象 阅读全文
posted @ 2018-05-01 08:12 姜瑞涛 阅读(212) 评论(0) 推荐(0)
摘要:用for循环或者forEach遍历数组的话,在方法体内部splice都得不到正确的结果。有什么好的办法解决这个问题吗? 有两个方法 复杂的情况下,可以考虑建立新数组,把不删除的push到这个新数组中。 参考来源 https://segmentfault.com/q/1010000006956973? 阅读全文
posted @ 2018-04-25 07:58 姜瑞涛 阅读(310) 评论(0) 推荐(0)
摘要:在看《react小书》高阶组件一节的时候,看到如下代码 忽然大脑短路了:return <WrappedComponent data={this.state.data} /> 中为何不用this.props来使用data,而使用this.state呢。 想了一会儿,忽然觉醒,你这是把对子组件的定义和使 阅读全文
posted @ 2018-03-13 13:14 姜瑞涛 阅读(141) 评论(0) 推荐(0)
摘要:在一般的情况下,我们在浏览网页的时候按下ctrl+s,浏览器会弹出一个保存网页的框。 但是在一些特定的网页中,我们希望ctrl+s不是弹出默认的保存窗口,而是进行一下别的操作。 比如在我们使用简书的时候,我们按下ctrl+s的时候,是不会弹出保存窗口的。而是把我们正在编辑的文字进行保存。这个操作在一 阅读全文
posted @ 2018-03-13 09:46 姜瑞涛 阅读(1811) 评论(0) 推荐(1)
该文被密码保护。
posted @ 2018-02-28 10:37 姜瑞涛 阅读(37) 评论(0) 推荐(0)
摘要:推荐阅读 Babel教程 以下是2018年1月的旧文 很多同学搞不清楚babel与polyfill的关系以及区别,这儿给大家细致解惑。 Babel:Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码。注意:Babel 默认只转换新的 JavaScript 句法(sy 阅读全文
posted @ 2018-01-17 19:20 姜瑞涛 阅读(8505) 评论(0) 推荐(0)
摘要:下午参加了《云品秀--前端前沿》,用友云平台前端架构师郭永峰(站着的那位)讲得很棒,而我最关注的就是Node了。最后我问了他关于独立开发,后端选择Node还是别的语言。他讲了很多,说自己在参加一些沙龙的时候,很多创业团队都是用Node的,他也建议对JS非常熟悉的我用Node做后端。曾经学过PHP、J 阅读全文
posted @ 2018-01-11 22:27 姜瑞涛 阅读(208) 评论(0) 推荐(0)
摘要:个人网站可参考下面几个网站的设计做http://www.expressjs.com.cn/ express中文网 百度统计以及一些响应式的技术http://www.huziketang.com/ 胡子课堂 阅读全文
posted @ 2017-12-05 09:09 姜瑞涛 阅读(169) 评论(0) 推荐(0)
摘要:XSS攻击之基础篇:HTML标签与字符串的渲染 测试 阅读全文
posted @ 2017-11-23 17:26 姜瑞涛 阅读(574) 评论(0) 推荐(0)
摘要:构造函数与原型对象的同名属性,实例会取哪一个? 看了下面的过程,再回忆JS高程3里关于这部分的示意图。实例my在new的时候,本身就获得了a属性,所以my.a是1,倘若在new的时候如果没有赋予a属性,则会从原型上搜索a属性,my.a是2。为什么有这个问题?因为在研究ES6和React中this的时 阅读全文
posted @ 2017-11-22 14:29 姜瑞涛 阅读(960) 评论(0) 推荐(0)
摘要:计划写很长的篇幅,预计12月初完成。 这篇文章涉及的知识较多,可能一次消化不了,可以渐渐来。 先说结论: 无论是ES6还是React的this,相对于ES5,只是增加了箭头函数this绑定了其封闭上下文,自己实现了该词法,其它的关于this的与ES5仍然一样。 目录: 1.ES5中对this使用的4 阅读全文
posted @ 2017-11-22 12:38 姜瑞涛 阅读(641) 评论(0) 推荐(0)
摘要:for是ES5里做数组循环里最常用的 for...in是ES5里用来遍历对象属性用的 注意,数组索引只是具有整数名称的枚举属性,并且与通用对象属性相同。不能保证for ... in将以任何特定的顺序返回索引。for ... in循环语句将返回所有可枚举属性,包括非整数类型的名称和继承的那些。 因为迭 阅读全文
posted @ 2017-11-07 15:08 姜瑞涛 阅读(427) 评论(0) 推荐(0)
摘要:1.HTTPS 与 SSL 证书概要 2.js模块化编程之彻底弄懂CommonJS和AMD/CMD! 3.软技能:代码之外的生存指南 4.RESTful 架构详解 5.纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例 6.前端常见算法的JS实现 7.程序员的业余生活之健身篇 8.基 阅读全文
posted @ 2017-10-09 08:06 姜瑞涛 阅读(120) 评论(0) 推荐(0)
摘要:在默认情况下,下载和执行js都会阻塞页面的渲染,当然现在浏览器支持并行下载,但仍然会阻塞图片等的下载和渲染,所以通常建议把js文件放body底。对于执行顺序,不管是外部js还是内部,只要 遇到<script>,都要顺序执行,等上一个<script>执行完才执行下一个。 阅读全文
posted @ 2017-09-07 23:05 姜瑞涛 阅读(689) 评论(0) 推荐(0)
摘要:看了很多react工程的package.json文件,里面都没有使用babel-polyfill,那对ES6的新API是如何做到被IE9这样的浏览器识别的呢,难道在webpack打包的时候通过别的方式加了API?先自己试一下。 这是package.json文件, 这是react文件 编译后chrom 阅读全文
posted @ 2017-07-09 23:32 姜瑞涛 阅读(743) 评论(0) 推荐(0)
摘要:对于90%以上的互联网公司来说,前后端分离是必须要做的。目前接手的公司的一个工程,后端是PHP,用的smarty模板,开发效率和之前公司的完全分离相比,确实低不少,一方面需要前端会PHP,另一方面沟通成本也不少,改个PHP的路由还要经过后端的同意,还有系统臃肿,维护成本高等等。但做成前后端完全分离, 阅读全文
posted @ 2017-07-05 09:28 姜瑞涛 阅读(9913) 评论(0) 推荐(0)
摘要:使用babel-cli命令babel xx -d xx把一个js文件转成了ES5的,并在package.json里加了"babel-polyfill": "^6.23.0"依赖 转换前 转换后 一方面polyfill并没有在Array.of前面加上ES5的转换API,在浏览器打开也报错:requir 阅读全文
posted @ 2017-06-22 13:56 姜瑞涛 阅读(1171) 评论(0) 推荐(0)
摘要:1.写给移动开发者的 React Native 指南 2.Mac系统的终端显示git当前分支 3.React Native专题 4.VScode提示 5.sublime 6.JQ的modal插件 7.ejs入门 8.ejs简单教程 9.Express入门教程:一个简单的博客 10.node.js中设 阅读全文
posted @ 2017-06-02 18:55 姜瑞涛 阅读(186) 评论(0) 推荐(0)
摘要:阮一峰的ES6教程里有讲: import 命令加载 CommonJS 模块 Node 采用 CommonJS 模块格式,模块的输出都定义在module.exports这个属性上面。在 Node 环境中,使用import命令加载 CommonJS 模块,Node 会自动将module.exports属 阅读全文
posted @ 2017-05-26 08:53 姜瑞涛 阅读(1313) 评论(0) 推荐(0)
摘要:权威的资料看MDN,也可以看阮一峰的文章。不过感觉阮一峰对于CORS的描述有问题,简单请求被阮一峰描述为2次浏览器请求了。这个要自己搭个服务器试一下。跨域基本都是根据域名判断的,自己是否要再买个域名呢,腾讯云什么的域名备案还要很长时间,等不起。。不知道有没有什么工具可以在本机虚拟域名。记得自己之前做 阅读全文
posted @ 2017-04-28 05:40 姜瑞涛 阅读(550) 评论(0) 推荐(0)