使用nginx实现纯前端跨越

【使用nginx实现纯前端跨越】的更多相关文章

使用nginx实现纯前端跨越

你是否厌倦了老是依赖后台去处理跨域,把握不了主动权你是否想模仿某个app倒腾一个demo,却困于接口无法跨域那么很幸运,接下来我将现实不依赖任何后台,随心所欲的想访问哪个域名就访问哪个! 下载nginx 地址: http://nginx.org/en/download.html 注意: 存放目录中不能含有中文 nginx配置强大的nginx反向代理工具,有很多东西值得我们去研究,这里我只贴出核心代码,其他的还有待深入.例如我想做一个豆瓣的高仿app,调用搜索图书接口本应该调用的地址 /…

JS魔法堂之实战：纯前端的图片预览

一.前言图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了.在这之前,我曾经通过订阅input[type=file]元素的onchange事件,一旦更改路径则将图片上传至服务器,接着就获取图片路径并赋值到img元素上.先不管文件异步提交的解决方案,就是服务端清理那些临时的预览图片已经增加不少工作量了. 偶然从MDN上找到纯前端图片预览的相关资料,经过整理后记录下来以便日后查阅. 二.准备功夫1──FileReader FileReader是HTML5的新特性,用于读取…

Sharepoint页面项目展示画廊纯前端实现，后端用list/library简单维护

需求背景: Sharepoint页面项目展示画廊.图片+文字,要求图片与文字用Sharepoint Library维护,然后在sharepoint页面上被调用,生成项目展示画廊. 解决方案(纯前端),用ajax异步请求Sharepoint Library(allitems.aspx页面)的数据返回初始化slidesjs jQuery插件 $(function () { /** * @create: nelson 20150323 * @initSlideshow :Project Slidesh…

利用html5 canvas实现纯前端上传图片的裁剪

今天跟大家分享一个前端裁剪图片的方法.许多网站都有设置用户头像的功能,用户可以选择一张本地的图片,然后用网站的裁剪工具进行裁剪,然后设置大小,位置合适的头像.当然,网上也有一些用js写的诸如此类裁剪的插件,但是有许多都是前端将图片的一些裁剪参数(如坐标)传给后台,有java程序员进行真正的图片裁剪.今天自己研究了一些,做了一个纯前端裁剪的demo,如下: 1.html部分:<div> <input type="file" id="imgFile"&…

react纯前端不依赖于打包工具的代码

####react最基础的语法和不依赖环境的纯前端免编译代码参照:http://www.ruanyifeng.com/blog/2015/03/react.html 注意事项:1.必须放倒服务器上,在文件系统上无法运行 login.html <!doctype html> <head> <meta charset="utf-8"> <script src="https://npmcdn.com/react@15.3.1/dist/r…

Web纯前端“旭日图”实现元素周期表

一.什么是旭日图旭日图是在Excel 2016中新增的一种图表.有些类似饼图,饼图的优势是可以显示占比.但是饼图只能显示单级数据.旭日图用来表示多层级数据的占比.旭日图以一种分层方式显示,非常适合用来显示层级数据.层次结构中每个级别的比例通过1个圆环表示,离原点越近代表圆环级别越高,最内层的圆表示顶级结构,然后一层一层去看数据的占比情况. 我们通过一个简单的示例,初步感受一下旭日图的魅力. 季度月份周销量 Q1 1月份 29 2月份第一周 63 第二周 54 第三周 91 第四周 78…

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架（上篇——纯前端多页面）

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇--纯前端多页面) @(HTML/JS) 一般来说,使用vue做成单页应用比较好,但特殊情况下,需要使用多页面也有另外的好处.例如手Q的多webview架构,新开页面有利于ios右划返回,也避免了返回时页面的刷新. 所以,这里我们探讨一下如何配置实现多页面的项目框架.这里是开篇,先以最简单的纯前端多页面为例入手,最终目标是完成Node.js多页面直出+前后端同构的架构. 本文源代码:https://github.c…

纯前端导出pdf文件

纯前端js导出pdf,已经用于生产环境. 工具: 1.html2canvas,一种让html转换为图片的工具. 2.pdfmake或者jspdf ,一种生成.编辑pdf,并且导出pdf的工具. pdfmake:http://pdfmake.org 优点: 能够支持中文,具有部分自适应布局功能,需要vfs_fonts.js字体文件. 缺点:支持中文的vfs_fonts.js文件一般较大. 如果图片过大,不会自动分页. 生成vfs_fonts.js文件的方法如图,npm install pdfmak…

微信授权、获取用户openid-纯前端实现——jsonp跨域访问返回json数据会报错的纯前端解决办法

近来,倒霉的后台跟我说让我拿个openid做微信支付使用,寻思很简单,开始干活. 首先引导用户打开如下链接,只需要将appid修改为自己的就可以,redirect_url写你的重定向url https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redi…

HTML实现包含公共部分：通过ECMA6的模块化，纯前端实现类似jsp:include的功能

以前一直是用 jsp:include 的方式来引入 html 头部的公共部分 php也有类似的方式但以上两种,个人感觉都并不纯粹,本着折腾的精神,优化原有代码,解耦合使用 ECMA6 的模块化方式来纯前端实现引用公共部分 1.首先,原来的 header.html 改为 header.js, 使用字符串来表示公共需要的标签, 并 export 2.创建对应的引用的JS文件,接受 1 export 的 header 如此,就将需要的公共标签给写入了 html的head中 3.最后,在需要…