,'
摘要:用了那么久的react, 竟不知道到原来react有那么多高级特性. 假期没事干, 试用了下一些react高级特性. 下为试用记录. 阅读全文
posted @ 2019-10-06 00:19 大~熊 阅读 (223) 评论 (0)
摘要:慎点!这是一篇很水很水的文章, 抄自[react中文文档](http://zh-hans.reactjs.org/docs/react-component.html), 本文详细介绍了react生命周期函数执行顺序, 以及各生命周期函数的含义和具体作用. 阅读全文
posted @ 2019-10-01 23:28 大~熊 阅读 (199) 评论 (0)
摘要:setState是一个容易让人困惑的东西, 尤其对react初学者来说, 可能感觉有点琢磨不透. 本文结合源码和自己的理解对setState的同步异步机制做了一些分析. 有些地方可能并不是十分准确, 但希望能帮助对setState同步异步机制困惑的朋友理解一些其中的原理. 最后需要记忆一下什么场景是同步更新, 什么场景是异步更新, 这个是写代码能实实在在用的到的. 阅读全文
posted @ 2019-09-22 15:15 大~熊 阅读 (87) 评论 (1)
摘要:Code Splitting是webpack的一个重要特性,他允许你将代码打包生成多个bundle。对多页应用来说,它是必须的,因为必须要配置多个入口生成多个bundle;对于单页应用来说,如果只打包成一个bundle可能体积很大,导致无法利用浏览器并行下载的能力,且白屏时间长,也会导致下载很多可能用不到的代码,每次上线用户都得下载全部代码,Code Splitting能够将代码分割,实现按需加载或并行加载多个bundle,可利用并发下载能力,减少首次访问白屏时间,可以只上线必要的文件。 阅读全文
posted @ 2019-04-29 08:17 大~熊 阅读 (212) 评论 (0)
摘要:用react也有段时间了, 是时候看看人家源码了. 看源码之前看到官方文档有这么篇文章介绍其代码结构了, 为了看源码能顺利些, 遂决定将其翻译来看看, 小弟英语也是半瓢水, 好多单词得查词典, 不当之处请批评. 直接从字面翻译的, 后面看源码后可能会在再修改下. 阅读全文
posted @ 2018-12-10 00:31 大~熊 阅读 (398) 评论 (2)
摘要:用node搞web服务和直接用tomcat、Apache做服务器不太一样, 很多工作都需要自己做。缓存策略也要自己选择,虽然有像koa-static,express.static这些东西可以用来管理静态资源,但是为了开发或配置时更加得心应手,知其所以然,有了解http缓存的必要。另外,http缓存作为一个前端优化的一个要点,也应该有所了解。 阅读全文
posted @ 2018-10-28 21:10 大~熊 阅读 (683) 评论 (0)
摘要:现在静态资源更新多少通过改版本号整个文件更新, 对于体积较大且经常更新的资源来说, 用户访问时经常需要重新下载, 使得可交互时间变长, 流量浪费, 体验不佳. 事实上, 一个资源的更新并非整个资源都更新了, 只是其中的一小部分更新了. 基于此, 将更新的部分已补丁的形式加入到原来的文件, 通过计算的方法生成一个新的资源貌似是个可行的方法. 美团在此方面做了一定工作, 值得研究研究. 特此转发与大家分享. 阅读全文
posted @ 2018-07-07 17:10 大~熊 阅读 (298) 评论 (0)
摘要:参考 "http://blog.csdn.net/yin767833376/article/details/51656402" "http://developer.mozilla.org/en US/docs/Web/API/Console Usage" Alert 优点 1. 阻塞执行 缺点 阅读全文
posted @ 2018-04-08 00:35 大~熊 阅读 (296) 评论 (0)
摘要:两个月的秋招告一段落,感觉有很多想写的,但是当我开写时又发现不知道从何写起了。算了算了,随便写写吧。 阅读全文
posted @ 2017-10-21 18:11 大~熊 阅读 (624) 评论 (6)
摘要:CSS布局这种东西既复杂也简单,弄清楚常见布局的各种实现方法,方能实现更加复杂的布局。本文将讲解各种常见的布局及其实现方法,相信一定会对你有所启发。 阅读全文
posted @ 2017-09-06 07:45 大~熊 阅读 (593) 评论 (1)
摘要:这两天看了看angular4的文档,发现他和angular1.X的差别真的是太大了,官方给出的那个管理英雄的Demo是一个非常好的入门项目,这里给出一个管理个人计划的小项目,从头至尾一步一步讲解如何去实现他,希望对你有所帮助。这篇文章不会讲解如何去用angular,这部分东西你可以参考官网,本文讲解的是用angular做一个小项目的全过程。 阅读全文
posted @ 2017-08-08 02:07 大~熊 阅读 (4033) 评论 (28)
摘要:据说公司的项目较多的用到requirejs管理依赖,所以大熊同学挤出了5分钟休息时间学习了一下,现在分享一下。如果你想了解requirejs的实现原理,请绕道!如果你想了解requirejs的高级用法,请绕道!那么问题来了,这篇小文还有人看吗? 阅读全文
posted @ 2017-07-25 05:39 大~熊 阅读 (1646) 评论 (11)
摘要:拿到第一张工作牌,第一次参加公司培训,感觉很奇妙。很久没写文章了,今天给各位园友分享一下我入职远光大约三周的体会。(ps:因为这是一个练习markdown语法的作业,逻辑性不强,随便写的),发现我的文章好像偏题了,不过没关系的。 阅读全文
posted @ 2017-07-19 15:49 大~熊 阅读 (3538) 评论 (41)
摘要:数据库是属于服务器的,这是天经地义的事,但是有时候数据也许并非需要存储在服务器,但是这些数据也是一条一条的记录,怎么办?今天来带领你领略一下H5的一个新特性--indexedDB的风骚。你会情不自禁的发出感叹--不可思议! 阅读全文
posted @ 2017-06-19 22:56 大~熊 阅读 (903) 评论 (5)
摘要:学习nodejs三天,入了个门,感觉他和jsp、php还是存在较大的差别。本文首先复习这些天学的一些知识点,然后谈一下如何一步一步到做一个在线实时填表的小应用,进一步巩固一下这些个知识点。这里先简单介绍一下这个应用,班上经常要填一些电子统计表,要求每个人填对应的行,最后班长汇总出一个总表,这是非常麻烦的。这个应用就是要解决这样一个问题,每个人在浏览器填表中的对应的行,然后生成一个汇总的表,这个应用的核心模块是socket.io模块。 阅读全文
posted @ 2017-05-11 21:37 大~熊 阅读 (1021) 评论 (1)
摘要:前段时间把系统换成了ubuntu,经过一段时间到发展,终于可以比较正常到完成开发工作了,但是就在今天,我的系统崩了,进不了桌面,而且终端里边到中文也显示乱码,尝试了网上说到各种方法无效,最终我决定重装系统,这意味着我要重新搭建我的开发环境~伤心啊!为了让我下一次的环境搭建轻松一点,我决定记录下这个艰难到搭建过程。您如果觉得可能会用到不妨收藏,以备不时只需。 阅读全文
posted @ 2017-05-07 00:56 大~熊 阅读 (1143) 评论 (15)
摘要:不要搞错,本文不是讲如何拖地的。看过《javascript精粹》朋友应该知道,他实现拖放的过程比较复杂,现在时代不同了,我们用H5的新的拖放API就能非常方便的实现拖放效果了。最近在园子见一园友写了一篇《HTML5 进阶系列:拖放 API 实现拖放排序》,真乃大师之作,大~熊同学作为一代菜鸟(不是宗师),无法与之想比,遂推出基础篇,希望各位园友有所收获。 阅读全文
posted @ 2017-05-03 14:55 大~熊 阅读 (1782) 评论 (7)
摘要:用CSS还是画出来很多东西的,对于稍微复杂点的图形用拼接或者裁剪的方法实现,有时可能会需要一些简单计算。本文所提到的只是九牛一毛,早有一些朋友做出了许多非常炫酷的图形,你可以去搜搜看。 阅读全文
posted @ 2017-05-02 23:00 大~熊 阅读 (803) 评论 (2)
摘要:manbetx官方网站有很多漂亮的皮肤,但总是有一些地方我不大喜欢,所以经过慎重考虑,我决定亲自动手换个装。本文将介绍manbetx官方网站换装的一些基础(不涉及标准皮肤的做法),如果你想让你的博客更炫,可以参考本文入个门,然后自己慢慢摸索。相信你一定比我做的好。 阅读全文
posted @ 2017-04-29 15:32 大~熊 阅读 (1275) 评论 (17)
摘要:webpack是一款非常非常强大的模块化工具,她彻底颠覆了传统的局部思维模式,而是将我们项目看作一个整体,有效的帮助我们解决各种依赖问题,解决各种资源的转换问题。本文用几个简单的例子讲解了webpack的四大核心配置项的基本用法,仅作抛砖引玉之用,webpack十分强大,有丰富的loader和plugin可供我们使用,本文介绍的内容只是其冰山一角。更多信息请参考官网。 阅读全文
posted @ 2017-04-27 12:29 大~熊 阅读 (902) 评论 (3)
], ['\\(','\\)']], processClass: 'math', processEscapes: true }, TeX: { equationNumbers: { autoNumber: ['AMS'], useLabelIds: true }, extensions: ['extpfeil.js', 'mediawiki-texvc.js'], Macros: {bm: "\\boldsymbol"} }, 'HTML-CSS': { linebreaks: { automatic: true } }, SVG: { linebreaks: { automatic: true } } });
摘要:用了那么久的react, 竟不知道到原来react有那么多高级特性. 假期没事干, 试用了下一些react高级特性. 下为试用记录. 阅读全文
posted @ 2019-10-06 00:19 大~熊 阅读 (223) 评论 (0)
摘要:慎点!这是一篇很水很水的文章, 抄自[react中文文档](http://zh-hans.reactjs.org/docs/react-component.html), 本文详细介绍了react生命周期函数执行顺序, 以及各生命周期函数的含义和具体作用. 阅读全文
posted @ 2019-10-01 23:28 大~熊 阅读 (199) 评论 (0)
摘要:setState是一个容易让人困惑的东西, 尤其对react初学者来说, 可能感觉有点琢磨不透. 本文结合源码和自己的理解对setState的同步异步机制做了一些分析. 有些地方可能并不是十分准确, 但希望能帮助对setState同步异步机制困惑的朋友理解一些其中的原理. 最后需要记忆一下什么场景是同步更新, 什么场景是异步更新, 这个是写代码能实实在在用的到的. 阅读全文
posted @ 2019-09-22 15:15 大~熊 阅读 (87) 评论 (1)
摘要:Code Splitting是webpack的一个重要特性,他允许你将代码打包生成多个bundle。对多页应用来说,它是必须的,因为必须要配置多个入口生成多个bundle;对于单页应用来说,如果只打包成一个bundle可能体积很大,导致无法利用浏览器并行下载的能力,且白屏时间长,也会导致下载很多可能用不到的代码,每次上线用户都得下载全部代码,Code Splitting能够将代码分割,实现按需加载或并行加载多个bundle,可利用并发下载能力,减少首次访问白屏时间,可以只上线必要的文件。 阅读全文
posted @ 2019-04-29 08:17 大~熊 阅读 (212) 评论 (0)
摘要:用react也有段时间了, 是时候看看人家源码了. 看源码之前看到官方文档有这么篇文章介绍其代码结构了, 为了看源码能顺利些, 遂决定将其翻译来看看, 小弟英语也是半瓢水, 好多单词得查词典, 不当之处请批评. 直接从字面翻译的, 后面看源码后可能会在再修改下. 阅读全文
posted @ 2018-12-10 00:31 大~熊 阅读 (398) 评论 (2)
摘要:用node搞web服务和直接用tomcat、Apache做服务器不太一样, 很多工作都需要自己做。缓存策略也要自己选择,虽然有像koa-static,express.static这些东西可以用来管理静态资源,但是为了开发或配置时更加得心应手,知其所以然,有了解http缓存的必要。另外,http缓存作为一个前端优化的一个要点,也应该有所了解。 阅读全文
posted @ 2018-10-28 21:10 大~熊 阅读 (683) 评论 (0)
摘要:现在静态资源更新多少通过改版本号整个文件更新, 对于体积较大且经常更新的资源来说, 用户访问时经常需要重新下载, 使得可交互时间变长, 流量浪费, 体验不佳. 事实上, 一个资源的更新并非整个资源都更新了, 只是其中的一小部分更新了. 基于此, 将更新的部分已补丁的形式加入到原来的文件, 通过计算的方法生成一个新的资源貌似是个可行的方法. 美团在此方面做了一定工作, 值得研究研究. 特此转发与大家分享. 阅读全文
posted @ 2018-07-07 17:10 大~熊 阅读 (298) 评论 (0)
摘要:参考 "http://blog.csdn.net/yin767833376/article/details/51656402" "http://developer.mozilla.org/en US/docs/Web/API/Console Usage" Alert 优点 1. 阻塞执行 缺点 阅读全文
posted @ 2018-04-08 00:35 大~熊 阅读 (296) 评论 (0)
摘要:两个月的秋招告一段落,感觉有很多想写的,但是当我开写时又发现不知道从何写起了。算了算了,随便写写吧。 阅读全文
posted @ 2017-10-21 18:11 大~熊 阅读 (624) 评论 (6)
摘要:CSS布局这种东西既复杂也简单,弄清楚常见布局的各种实现方法,方能实现更加复杂的布局。本文将讲解各种常见的布局及其实现方法,相信一定会对你有所启发。 阅读全文
posted @ 2017-09-06 07:45 大~熊 阅读 (593) 评论 (1)
摘要:这两天看了看angular4的文档,发现他和angular1.X的差别真的是太大了,官方给出的那个管理英雄的Demo是一个非常好的入门项目,这里给出一个管理个人计划的小项目,从头至尾一步一步讲解如何去实现他,希望对你有所帮助。这篇文章不会讲解如何去用angular,这部分东西你可以参考官网,本文讲解的是用angular做一个小项目的全过程。 阅读全文
posted @ 2017-08-08 02:07 大~熊 阅读 (4033) 评论 (28)
摘要:据说公司的项目较多的用到requirejs管理依赖,所以大熊同学挤出了5分钟休息时间学习了一下,现在分享一下。如果你想了解requirejs的实现原理,请绕道!如果你想了解requirejs的高级用法,请绕道!那么问题来了,这篇小文还有人看吗? 阅读全文
posted @ 2017-07-25 05:39 大~熊 阅读 (1646) 评论 (11)
摘要:拿到第一张工作牌,第一次参加公司培训,感觉很奇妙。很久没写文章了,今天给各位园友分享一下我入职远光大约三周的体会。(ps:因为这是一个练习markdown语法的作业,逻辑性不强,随便写的),发现我的文章好像偏题了,不过没关系的。 阅读全文
posted @ 2017-07-19 15:49 大~熊 阅读 (3538) 评论 (41)
摘要:数据库是属于服务器的,这是天经地义的事,但是有时候数据也许并非需要存储在服务器,但是这些数据也是一条一条的记录,怎么办?今天来带领你领略一下H5的一个新特性--indexedDB的风骚。你会情不自禁的发出感叹--不可思议! 阅读全文
posted @ 2017-06-19 22:56 大~熊 阅读 (903) 评论 (5)
摘要:学习nodejs三天,入了个门,感觉他和jsp、php还是存在较大的差别。本文首先复习这些天学的一些知识点,然后谈一下如何一步一步到做一个在线实时填表的小应用,进一步巩固一下这些个知识点。这里先简单介绍一下这个应用,班上经常要填一些电子统计表,要求每个人填对应的行,最后班长汇总出一个总表,这是非常麻烦的。这个应用就是要解决这样一个问题,每个人在浏览器填表中的对应的行,然后生成一个汇总的表,这个应用的核心模块是socket.io模块。 阅读全文
posted @ 2017-05-11 21:37 大~熊 阅读 (1021) 评论 (1)
摘要:前段时间把系统换成了ubuntu,经过一段时间到发展,终于可以比较正常到完成开发工作了,但是就在今天,我的系统崩了,进不了桌面,而且终端里边到中文也显示乱码,尝试了网上说到各种方法无效,最终我决定重装系统,这意味着我要重新搭建我的开发环境~伤心啊!为了让我下一次的环境搭建轻松一点,我决定记录下这个艰难到搭建过程。您如果觉得可能会用到不妨收藏,以备不时只需。 阅读全文
posted @ 2017-05-07 00:56 大~熊 阅读 (1143) 评论 (15)
摘要:不要搞错,本文不是讲如何拖地的。看过《javascript精粹》朋友应该知道,他实现拖放的过程比较复杂,现在时代不同了,我们用H5的新的拖放API就能非常方便的实现拖放效果了。最近在园子见一园友写了一篇《HTML5 进阶系列:拖放 API 实现拖放排序》,真乃大师之作,大~熊同学作为一代菜鸟(不是宗师),无法与之想比,遂推出基础篇,希望各位园友有所收获。 阅读全文
posted @ 2017-05-03 14:55 大~熊 阅读 (1782) 评论 (7)
摘要:用CSS还是画出来很多东西的,对于稍微复杂点的图形用拼接或者裁剪的方法实现,有时可能会需要一些简单计算。本文所提到的只是九牛一毛,早有一些朋友做出了许多非常炫酷的图形,你可以去搜搜看。 阅读全文
posted @ 2017-05-02 23:00 大~熊 阅读 (803) 评论 (2)
摘要:manbetx官方网站有很多漂亮的皮肤,但总是有一些地方我不大喜欢,所以经过慎重考虑,我决定亲自动手换个装。本文将介绍manbetx官方网站换装的一些基础(不涉及标准皮肤的做法),如果你想让你的博客更炫,可以参考本文入个门,然后自己慢慢摸索。相信你一定比我做的好。 阅读全文
posted @ 2017-04-29 15:32 大~熊 阅读 (1275) 评论 (17)
摘要:webpack是一款非常非常强大的模块化工具,她彻底颠覆了传统的局部思维模式,而是将我们项目看作一个整体,有效的帮助我们解决各种依赖问题,解决各种资源的转换问题。本文用几个简单的例子讲解了webpack的四大核心配置项的基本用法,仅作抛砖引玉之用,webpack十分强大,有丰富的loader和plugin可供我们使用,本文介绍的内容只是其冰山一角。更多信息请参考官网。 阅读全文
posted @ 2017-04-27 12:29 大~熊 阅读 (902) 评论 (3)