标签:: JavaScript

0

移动端SeeApp开发总结-4

一晃眼已经2016年了,隔了几个月没有总结写文章好想抽死自己。而且要准备校招了得放点东西到这里呀。寒假又来See实习了。大三上学期也断断续续帮See写一些页面:http://biouscowork.sinaapp.com/,每次活动都各种熬夜,后面才慢慢改善。接下来写一些这些页面的总结和坑。这次是接口渲染。 Ajax & Cgi CGI:通用网关接口(Common Gateway Interface)是一个Web服务器主机提供信息服务的标准接口。通过CGI接口,Web服务器就能够获取客户端提交的信息,转交给服务器端的CGI程序进行处理,最后返回结果给客户端。 这就是经常说的接口啦。cgi这个词是看过某大大写的页面后才发现原来应该这么叫。一般请求接口返回的就是需要渲染的数据了,比如这个:getActivity 。一般后台给的都是json,如果是字符串的话就前端解析一下就好了。一般一个活动页面是这样的流程:前端重构好,拿到接口后就直接渲染。运营提供数据给后台开发,后台改接口返回的数据。不是之前的php框架那样服务器渲染好后吐出html,用接口的html一般没有太多数据,所以要是接口请求失败了或者请求时间比较长页面会有很长的空白,体验没那么好。自己总结一下优缺点吧:优点: 简单的前后端分离,后端只提供数据,前端专注渲染 容易控制一些异步的数据展现 可以通过接口的代理简单实现本地开发,不需要太依赖后端环境 缺点: 请求上多了接口,渲染工作放在了客户端,性能不太好 和后台联调需要一些时间,沟通成本增加 不利于SEO,不过这种做的一般是活动页面,SEO并不是很重要 js代码需要一定的组织

0

移动端SeeApp开发总结-3

这次只讲一个东西:移动端图片压缩&上传。 DOM12<input id="uploadPic_input" type="file" accept="image/*" style="display:block;opacity:0;" name="image"><a id="uploadPic_btn" href="javascript:void(0);" class="a02"> 在移动端,input大部分还是支持的,当类型为file时,苹果会弹出拍照/录像和照片图库;手上没安卓= =,记得也是类似的选项。但是需求是只要图片,所以用了accpet这个属性,就能自动地把录像这个选项去掉了。accept还支持选定的格式,语法:1<input accept="audio/*|video/*|image/*|MIME_type"> 目前还是候选推荐标准(W3C Candidate Recommendation),但是支持的浏览器还是挺多的,测试中都能正常使用。相关链接:accept这里设置为透明是业务需要,默认不展示这个按钮。

0

移动端SeeApp开发总结-2

上一次记录了Fiddler和js结构组织,这次写一下在js里具体一个模块是怎么写的。 通用函数encodeURIComponent()和decodeURIComponent()encodeURIComponent: 把字符串作为URI 组件进行编码 不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII标点符号进行编码 其他字符(比如:;/?:@&=+$,# 这些用于分隔URI组件的标点符号),都是由一个或多个十六进制的转义序列替换的。 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。栗子:encodeURIComponent("你好,世界!")输出为%E4%BD%A0%E5%A5%BD%EF%BC%8C%E4%B8%96%E7%95%8C%EF%BC%81

0

广外隧道口Web后台(1)

最近在学Node的知识,学没一个星期又有一个项目要做了。哇新的Cmd Markdown更新了苹果的字体看起来好舒服。关键字: 全屏背景 字体图标 data-* 颜色插件 kindeditor项目页面:Submit Activity 全屏背景设计图用了个全屏背景:正常屏幕(1366768)1080P宽屏 (19801080)是的我买了个显示器!好爽!