可爱的小牛牛-CSDN博客

原创 application/json 和 application/x-www-form-urlencoded的区别

最近老是有前端同事问我在用Aangular的http服务器的时候向服务器发送数据不成功，后来我测试了一下，发现服务器的接口接收的数据的格式是form表单形式，而Angular的http服务器的时候向服务器发送数据不成功，后来我测试了一下，发现服务器的接口接收的数据的格式是form表单形式，而Angular的http服务发送的post请求默认是json数据格式所以数据接收不到，具体的解决方案大家可以戳

2017-06-01 12:02:44 59345 1

原创关于HTML页面DOMContentLoaded和Window.onload区别

这两个事件都是在js原生开发时经常会用到的，比如需要对页面dom进行动态处理，这时就需要用到DOMContentLoaded和window.onload事件，大家都知道，就是在dom构建完毕后，才可以对dom元素进行操作，否则会获取不到相应的dom元素，但是DOMContentLoaded和window.onload还是有很大区别的，DOMContentLoaded在dom构建完成之后就会执行，如果

2017-05-31 14:37:36 1070

原创微信公众账号开发框架总结

由于公司产品战略需求，需要开发多个微信公众账号

2016-12-20 14:14:23 1091

原创 Angular+Requirejs实现模块按需加载

Aangular作为前端开发利器，被广大前端研发人员所熟知，本人从接触到现在快有两年时间了，负责和Angular相关的产品也有10几个，有业务逻辑复杂的，有业务简单的，业务简单架构就简单，怎么搭建都行，只要开发效率快，维护成本低就可以，但是针对于复杂的业务逻辑，就会遇到很多问题，如果在初始化的时候进行互相依赖加载，那样首次加载有可能就会有上百个JS文件，还不包括资源类的请求，这样首次加载会非常缓慢

2016-12-19 19:03:58 862

原创 H5文章内容跟读效果

最近根据产品需求，需要实现文章跟读，刚开始从网上找了一些实例，希望可以实现快速开发，但是大多数实例都是针对于歌词的，不能满足需求，最后参照了网上关于歌词文件时间抽取的例子，进行改进，其实遇到的主要问题就是文章内容跟歌词的结构不一样，文章有段落之分。最后采取的方案是调整录音文本文件结构，朗读的每一句话都要进行段落标记，并且把时间戳转换为对应的ElementID，通过段落标记进行排版，根据Eleme

2016-12-16 19:17:54 727

原创 H5 CANVAS绘图轨迹回放

最近实现了一个Canvas轨迹回放功能，产品需求：可以在图片上进行留痕操作，并且是多张图片，操作完成后数据提交到服务器，客户端获取数据后，对Canvas的操作轨迹进行回放，还原图片留痕的操作过程，并且可以配上语音进行解说。以下代码仅为Demo，实现重绘功能，业务代码比较多，就不进行分享了。以下是回放代码，由于产品要求的时间比较紧，其中部分代码参照了网上实例，代码如下： functi

2016-12-13 14:00:19 6010 3

原创 H5与移动端的交互方案

H5与移动端交互处理情况分为两种一种是IOS，另一种是Android，在与Android系统交互要简单一些，与IOS交互比较麻烦，经过Google搜索等方式寻求解决方案，最终使用WebViewJavascriptBridge开源库，它是通过webview的代理拦截scheme，然后注入JS代码。至于IOS端的代码原理就不解释了，只是看了一些资料，本人是负责前端开发的，JS调试要麻烦一些，所以直接上代

2016-12-12 16:46:50 2202

原创移动端H5音频播放问题

最近由于新产品需求，需要在移动端打开H5页面，并且能够进行音频自动播放，在开发过程中遇到了如下几种问题： 1.H5页面加载完毕后不能进行自动播放 2.IOS设备不能响应“loadeddata”事件//方式1var audio = new Audio(src);audio.addEventListener("loadeddata", function() { audio.play();

2016-12-07 10:11:20 3617

可爱的小牛牛的博客