09 2016 档案

HTTP请求中的form data,request payload,query string parameters以及在node服务器中如何接收这些参数
摘要：今天，在工作（倒腾微信小程序）的时候，发现发送post请求到node后台服务器接收不到前端传来的参数。其实也不是完全不能，期初用jquery中的ajax进行时候是没有任何问题的（后台可以接受参数）。 然后经过在谷歌控制台中查看headers发现是传递时候的参数方式不同：图1（jq中ajax），图2（ 阅读全文
posted @ 2016-09-29 14:44 hsp大鹏 阅读(33356) 评论(1) 推荐(1)
大转盘抽奖css3+js(简单书写)
摘要：今天花了一段时间简单写了下抽奖大转盘，这里写的只是自己想到的简单的写了下（也希望收获其他想法），后续，再写的话会更新。 大体思路：页面加载完成后，通过监听开始按钮的点击事件。然后会根据产生的随机数，通过控制旋转针对象的transform属性，然后进行旋转，最后在结束后获取存储来数组中对应的抽奖内容最 阅读全文
posted @ 2016-09-23 18:20 hsp大鹏 阅读(10008) 评论(0) 推荐(0)
设计模式（惰性模块）
摘要：惰性模式：减少每次代码 执行时重复的分支判断，通过对对象重新定义屏蔽原对象中的分支判断。 浏览器兼容算是比较头疼的问题，大家都会遇到某些属性浏览器支持，有些不支持；就像早期的ie不支持addEventListener一样，每次需要针对ie写不同的代码判断去兼容。惰性模式就是为了减少每次重复判断。 惰 阅读全文
posted @ 2016-09-23 17:54 hsp大鹏 阅读(543) 评论(0) 推荐(0)
设计模式（节流模式-----图片懒加载）
摘要：昨天把节流模式写了下，今天来个节流模式的应用 图片懒加载（图片延迟加载） 废话不多说，直接懒加载代码吧！哈哈 结果展示： 延迟前显示默认图片 延迟结果 完整代码： 阅读全文
posted @ 2016-09-22 18:04 hsp大鹏 阅读(1454) 评论(0) 推荐(0)
设计模式（节流模式）
摘要：今天来说说节流模式。平时对于重复的业务逻辑进行节流控制，执行最后一次操作并取消其他操作调高性能。 比如：可能有些朋友在做上拉加载（请求服务数据）迅速滑动时候会遇到这样的问题感觉一卡一卡的，一方面是请求服务器，另一方面是取到数据后进行数据渲染和操作dom（这块是很耗费资源的），还有一方面是没有做节流， 阅读全文
posted @ 2016-09-21 18:35 hsp大鹏 阅读(829) 评论(0) 推荐(0)
设计模式（等待者模式）
摘要：最近，闲来会看看《javascript设计模式》这本书，空闲时间我会把看到的写出来，和大家一起分享今天先来一个等待者模式。 等待者模式：通过对异步进程监听，来触发未来发生的动作 举例子：异步进程A,B，需要两个进程都完成以后才能进行C进程操作，这时可以使用等待者模式。 平时在开发中经常会这样，需要等 阅读全文
posted @ 2016-09-20 18:08 hsp大鹏 阅读(670) 评论(0) 推荐(0)
图片转换为base64
摘要：明天中秋了，先祝大家中秋快乐！哈哈，最近见有人在群里问怎么把图片转换成base64格式，之前刚好写过就把代码贴出来。 主要用到canvas中的toDataURL方法 可以直接复制到一个html中看下结果就是下边这样 阅读全文
posted @ 2016-09-14 14:52 hsp大鹏 阅读(310) 评论(0) 推荐(0)
基于webpack的前端工程化开发解决方案探索（三）：webpack-dev-server
摘要：前两篇中我们使用webpack完成了静态资源（css/js/img）等自动写入HTML模板中，同时还可以为静态资源添加hash版本号，既满足了我们对于静态资源的打包要求，同时又无需开发人员介入打包过程，让我们的重点集中在业务逻辑的实现上来。但是每次修改完代码后如果手动执行 webpack 命令才能生 阅读全文
posted @ 2016-09-14 14:22 hsp大鹏 阅读(1255) 评论(0) 推荐(0)
基于webpack的前端工程化开发解决方案探索（二）：代码分割与图片加载
摘要：1. require.ensure 在上一章我们已经知道通过require引入的资源，可以通过插件让webpack将其独立成为单独的文件，然后向HTML中自动写入路径。那对于require.ensure情况又会是怎样的情况呢？ 我们都知道webpack通过require.ensure来对我们的代码进 阅读全文
posted @ 2016-09-14 14:20 hsp大鹏 阅读(1125) 评论(0) 推荐(0)
基于webpack的前端工程化开发解决方案探索（一）：动态生成HTML
摘要：1.什么是工程化开发 软件工程的工程化开发概念由来已久，但对于前端开发来说，我们没有像VS或者eclipse这样量身打造的IDE，因为在大多数人眼中，前端代码无需编译，因此只要一个浏览器来运行调试就行了。但是时至今日，互联网特别是移动互联网为前端开发带来了更大的机会，同时前端代码也变得越来越复杂，越 阅读全文
posted @ 2016-09-14 14:16 hsp大鹏 阅读(325) 评论(0) 推荐(0)