标签：: JavaScript

2016
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代码需要一定的组织

2015
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)是的我买了个显示器！好爽！