随笔分类 -  02.Web Issues

上一页 1 2
《React Native 精解与实战》书籍连载「Node.js 简介与 React Native 开发环境配置」
摘要：此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍还配套了视频教程「80 节实战课精通 React Native 开发」，此视频课程建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等部分的代码实战开发讲解比较直观。 阅读全文
posted @ 2018-08-10 16:59 Parry 阅读(1364) 评论(1) 推荐(1)
从源码的角度看 React JS 中批量更新 State 的策略（上）
摘要：在之前的文章「[深入理解 React JS 中的 setState](http://blog.parryqiu.com/2017/12/19/react_set_state_asynchronously/)」与 「[从源码的角度再看 React JS 中的 setState](http://www.imooc.com/article/22426)」 中，我们分别看到了 React JS 中 setState 的异步表现，并从源码的角度简单地了解了 React 中 setState 的设计结构以及原理。 这篇文章继上篇文章后，继续从源码的角度来了解 React 中对 State 批量更新策略的定义。 阅读全文
posted @ 2018-04-20 16:21 Parry 阅读(1040) 评论(0) 推荐(0)
从源码的角度再看 React JS 中的 setState
摘要：在这一篇文章中，我们从源码的角度再次理解下 setState 的更新机制，供深入研究学习之用。 在上一篇手记「[深入理解 React JS 中的 setState](http://blog.parryqiu.com/2017/12/19/react_set_state_asynchronously/)」中，我们简单地理解了 React 中 setState “诡异”表现的原因。 阅读全文
posted @ 2018-04-20 16:20 Parry 阅读(477) 评论(0) 推荐(0)
Ionic 3 延迟加载（Lazy Load）实战（一）
摘要：本文分享并演示了在 Ionic 3 框架中如何进行模块的延迟加载（Lazy Load）开发。 阅读全文
posted @ 2018-04-20 16:17 Parry 阅读(1037) 评论(0) 推荐(0)
深入理解 React JS 中的 setState
摘要：此文主要探讨了 React JS 中的 setState 背后的机制，供深入学习 React 研究之用。 阅读全文
posted @ 2018-01-05 14:47 Parry 阅读(4095) 评论(1) 推荐(0)
Webpack 3 中的新特性
摘要：本文简短地分享下最新发布的 Webpack 3 中的新特性，供大家参考。 阅读全文
posted @ 2017-06-20 13:15 Parry 阅读(2174) 评论(1) 推荐(1)
使用可视化图表对 Webpack 2 的编译与打包进行统计分析
摘要：此文是「Webpack 2 视频教程」的第十八集的补充文字文档，主要对使用可视化图表对 Webpack 2 的编译与打包进行统计分析进行了详细地讲解，供您更加直观地参考。 阅读全文
posted @ 2017-06-16 09:58 Parry 阅读(1817) 评论(0) 推荐(3)
React.js 开发参见问题 Q&A
摘要：文章中我整理了 React.js 开发过程中一些参见问题的解答汇总，供大家参考。 <! more 1. 一些课程资源 课程完整的思维导图请查考文章： "React.js 入门与实战课程思维导图" ，我使用的思维导图软件是 Mac 下的 iThoughtsx。 课程网站源码包请参考慕课问答区： "课程 阅读全文
posted @ 2017-06-08 16:07 Parry 阅读(663) 评论(0) 推荐(0)
官方 React 快速上手脚手架 create-react-app
摘要：此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 <! more 1. React 快速上手脚手架 create react app 为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create react app 阅读全文
posted @ 2017-06-08 16:05 Parry 阅读(2186) 评论(0) 推荐(0)
Webpack 2 视频教程
摘要：这是我免费发布的高质量超清「Webpack 2 视频教程」。 Webpack 作为目前前端开发必备的框架，Webpack 发布了 2.0 版本，此视频就是基于 2.0 的版本讲解的。 这个基本就是目前国内最好的 Webpack 2.0 最好的学习视频了，希望可以对新手或者复习相关知识的朋友有用。 < 阅读全文
posted @ 2017-06-08 16:03 Parry 阅读(808) 评论(0) 推荐(1)
为阿里云站点部署免费 HTTPS
摘要：本文记录了部署在阿里云的站点，在申请了免费的 SSL 证书后如何正确的部署到站点上，让站点支持 HTTPS 访问。 阿里云引入了沃通作为 CA 证书供应商，并开放了免费 SSL 申请的页面，之前一直想给 [咕咕监控](https://www.gugujiankong.com) 部署上全站 HTTPS，所以就申请了一个，但是部署的过程中遇到了些问题，所以记录下来备忘。 阅读全文
posted @ 2016-07-04 14:48 Parry 阅读(895) 评论(1) 推荐(0)
在 JS 中使用 fetch 更加高效地进行网络请求
摘要：在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。 在 AJAX 时代，进行请求 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。 现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目前会有一点浏览器兼容的问题，但是当我们进行 Hybrid App 开发的时候，如我之前介绍的 Ionic 和 React Native，都可以使用 fetch 进行完美的网络请求。 阅读全文
posted @ 2016-02-02 00:00 Parry 阅读(67197) 评论(14) 推荐(11)
[前端优化]使用Combres合并对js、css文件的请求
摘要：在前端优化的各种金律铁规中，“减少客户端对资源的请求”都会在其中出现，刚好最近对网站做一些优化，使用了一下Combres组件，有点心得，遂整理成文。园子中也有几篇Combres组件的介绍，如：Combres库学习小结以及部分源码分析和使用Combres 库 ASP.NET 网站优化。可部署时参考起来显得有些简略，所以此文也算对此类文章的补充。配置组件此组件的一些作用和原理在我上面提及的两篇文章中有介绍，可以自行移步至对应的文章中查看。这里还有有作者介绍的一些详细的使用方法。下载Combres组件，下载下来的包里包含了DLL、帮助文件、源码和一些例子，我们现在直接来看如何部署。在下载下来的\Bi 阅读全文
posted @ 2011-01-28 16:44 Parry 阅读(5745) 评论(20) 推荐(5)
[前端优化]使用Microsoft Ajax Minifier对资源文件进行压缩优化
摘要：在前端优化中，js、css等文件的优化一般都是压缩的优化，进行合并、减小体积以达到减小请求的目的。今天发现了一个集成在VS中的压缩插件，使得压缩变得比较快捷。配置方法首先需要去下载Microsoft Ajax Minifier，一路安装就可以，如果VS正在使用，需要重启。在你的web项目上右键，点击卸载项目，使得变成灰色。在卸载的项目上点击编辑，在proj文件的添加配置节点，像下面这样配置节点说明。参考了此博文中的一段：Include属性是需要进行压缩的目录路径并带文件通配符Exclude则是不需要进行压缩的文件路径WebResources是我根目录下的文件夹，可以根据实际项目进行相应的调整A 阅读全文
posted @ 2011-01-24 14:37 Parry 阅读(1890) 评论(1) 推荐(3)
IIS开启GZIP压缩效率对比及部署方法
摘要：HTTP压缩HTTP压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如GZIP等压缩HTML、JavaScript或CSS文件。压缩的最大好处就是降低了网络传输的数据量，从而提高客户端浏览器的访问速度。当然，同时也会增加一点点服务器的负担。GZIP是比较常见的一种HTTP压缩算法。压缩测试在部署的IIS 6.0上配置了GZIP压缩，详细的测试结果如下。未开启GZIP压缩前，访问网站首页进行抓包分析。开启GZIP后，清空本地IE缓存，再次访问抓包分析。开启前后，页面大小减小了89213bytes，压缩掉原始大小的87%。当对CSS、JS等文件都开启GZIP压缩 阅读全文
posted @ 2010-10-26 09:20 Parry 阅读(5534) 评论(31) 推荐(7)
SupeSite标签数据源的处理及页面标签的定义技巧
摘要：开发的CMS系统中模板引擎和标签的开发算是告一段落，而在Discuz的CMS系统SupeSite中借鉴到了很多东西，略作小记，好记性永远不如烂键盘。当需要将页面解析成静态页面时，当然需要借助模板引擎去对标签作解析。而标签数据源的定义颇值得研究。在先前的标签设计中，由于数据存储使用动态模型，所以并没有涉及到多张表的逐个定义标签解析。而在后期的开发中，脱离动态模型的表越来越多，而每一个表的数据解析，就需要去定义一个标签数据源，再对每一个数据源赋值，最后模板引擎作解析。而就在前段时间，下载了个SupeSite搭建系统做研究，发现其设计很精妙。在其系统设计中有个叫“模块管理”的东西，将各个数据源统一管 阅读全文
posted @ 2010-10-26 09:15 Parry 阅读(816) 评论(0) 推荐(0)
详解ASP.NET的最新安全漏洞，Padding Oracle攻击原理及其他
摘要：微软在9月17日中午正式对外公布了ASP.NET平台下的安全漏洞，即Microsoft Security Advisory (2416728)。SecurityFocus上已将此漏洞定义成了"Design Error"，那么微软一开始的设计就是错误的，为什么这么说呢？且待我们慢慢来分析。昨天在园友辰的一篇博文：对ASP.NET的最新安全漏洞进一步跟进说明中也看到了对此问题的详细追踪，但上午也只是粗粗浏览，下午细看时总觉文中有些地方略显含糊，所以晚上也就顺带查了些资料，略有所得，不敢独享，遂成此文！微软的态度查看了许多微软官方的说明文档，解释的都比较简单，当然对于这个比较大的 阅读全文
posted @ 2010-09-20 02:31 Parry 阅读(18488) 评论(44) 推荐(11)
获取ISAPI_Rewrite重写后的URL
摘要：ISAPI_Rewrite是一个较为好用的URL重写组件，安装和配置都比较简单，防盗链的设置也极其简单。问题如何获取被ISAPI_Rewrite重写后的URL。测试环境：IIS6中使用ISAPI_Rewrite对Default.aspx进行重写，重写后的地址为：Index-After-ReWriter.html。需要获取重写后的地址，即Index-After-ReWriter.html。一些弯路首先想到的就是Request对象，如Request.Url和Request.RawUrl。测试后发现获取到的地址都是Default.aspx。上网找了找ISAPI_Rewrite的处理流程图，找到了下面 阅读全文
posted @ 2010-09-13 15:58 Parry 阅读(5346) 评论(10) 推荐(2)
关于获取控件的offset
摘要：问题 通过点击一控件，在控件的下面显示一个浮动层，通常的做法是：获取此控件的offset值，再计算出浮动层的top，left等css属性的值，赋值即可。那么下面就看一下如何获取控件的offset值。纯JS的实现首先想到的是这样的一段js。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->document.getElementById("divFloat").style.top=document.getElementById( 阅读全文
posted @ 2010-09-09 17:09 Parry 阅读(948) 评论(1) 推荐(0)
js模拟form提交的一些问题
摘要：当在页面中需要进行post提交时，一般的做法是将控件放入form标签中，加入一个submit按钮进行post方式的提交。遇到的问题页面中有两个Tab进行切换，一个tab中需要获取用户输入的值进行post提交到search页面进行搜索操作，另一个tab中是获取用户输入的值进行get方法提交到另一个页面进行查询操作，那么那个按钮就不能使用submit类型的按钮了（后来发现那样也可以实现相应的功能），那么想到的方法就是模拟一个form进行post提交。解决的方法在页面中放入下面的模拟formCode highlighting produced by Actipro CodeHighlighter ( 阅读全文
posted @ 2010-09-07 17:39 Parry 阅读(5687) 评论(0) 推荐(2)

上一页 1 2