#
ajax跨域访问控制:CORS

关于跨域前言做前端的经常会接触一个名词:跨域,那何为跨域?为什么要跨域? 同源策略出于安全考虑,浏览器会限制脚本中发起的跨域请求,比如,使用 XMLHttpRequest 对象发起 HTTP 请求就必须遵守同源策略。 具体而言,默认情况下Web 应用程序能且只能使用 XMLHttpRequest 对象向其加载的源域名发起 HTTP 请求,而不能向任何其它域名发起请求。 跨域只要protocol... 阅读全文

@2016-11-07 前端综合 浏览(1869)
#
我也来总结一下我所知道的前端性能优化问题

前言这个问题无论是实际项目还是面试都是经常碰到的,所以非常有必要总结一下。 下面分别从几个大的方面去分析一下前端性能优化,有些优化其实效果并不一定非常明显,但还是有必要知道。 减少HTTP请求尽可能减少加载一个页面需要引用的资源个数,因为每一次HTTP请求都是客户端与服务端的一次重连,都是一笔不小的开销,可以采取的措施包括: 使用精灵图CSS Sprites,又叫雪碧图,将页面中多个小图合并... 阅读全文

@2016-10-24 前端综合 浏览(1093)
#
巧用transform实现HTML5 video标签视频比例拉伸

前言曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸,但是里面的视频还是保持原始比例,怎么调都没用: 因为当我横向拉伸时: 当我纵向拉伸时: 2016-09-21 11:15:40 更新: 感谢 @RileyRen 提醒,原来还有ob... 阅读全文

@2016-09-20 前端综合 浏览(5125)
#
避免Chrome的XSS防御机制限制提交代码

缘由最近在弄仿w3school的在线代码提交功能:http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide 发现自己在做的时候,当提交的代码包含script时浏览器总数提示如下错误: The XSS Auditor refused to execute a script in ‘http://localhost:8080/base/blog/pr... 阅读全文

@2016-09-11 前端综合 浏览(3028)
#
网站地图(站点地图)介绍以及如何制作

什么是网站地图网站地图,又叫站点地图,它就是一个列出了你网站上所有页面地址的清单文件,一般来说分为2种,一种是给搜索引擎看的,一种是给用户看的,前者帮助搜索引擎更好地收录你的网站,后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者。 站点地图格式一般有3种格式,txt、xml、html,绝大部分情况下都是用xml格式,百度、谷歌都是支持xml格式。下面简单介绍... 阅读全文

@2016-09-06 前端综合 浏览(1338)
#
挺不错的在线SVG编辑器Method-Draw

介绍这个编辑器还是挺不错的,功能强大,界面也美观,就是感觉有一点小bug。 主界面如下: github地址:https://github.com/duopixel/Method-Draw 官网演示地址:http://editor.method.ac/ 我在自己服务器上搭建了一个版本,应该比国外服务器的稍微好点: http://svg.liuxianan.com/ ... 阅读全文

@2016-09-05 前端综合 浏览(2965)
#
marquee标签

marqueemarquee是已经废弃、过时的标签,不推荐使用!在Chrome不同版本中有很多bug,如,Chrome45.0中动画执行完总是需要点一下页面才能继续,最新版的Chrome52.0则没有这个问题。 虽然已经过时,有时候还是不得已用到,这里简单对几个属性做一下介绍。 behavior可用的值为scroll(滚动)、slide(滑动)、alternate(改变,类似于光学的反射路径)... 阅读全文

@2016-08-17 前端综合 浏览(1391)
#
HTML、CSS、JS对unicode字符的不同处理

unicode字符的不同表示法unicode字符在html、css和js中的表示方法均不相同,下面分别作介绍。 css表示法首先来一段很常见的bootstrap的字体图标代码: .glyphicon-home:before { content: "\e021";} 上面代码中的e021就是这个字符的unicode码,是16进制。 语法: '\ + 16进制的unicode编码'如:... 阅读全文

@2016-08-17 前端综合 浏览(1863)
#
自定义网页鼠标样式

原文发表于2014-07-17 语法element {cursor: url('cur图片的绝对路径'), 图片不存在时的默认鼠标样式;} 说明: 必须是绝对路径;默认样式必须写,如auto、default,中间分隔的是逗号不是空格,否则不会生效;图片最好是.cur后缀的,其它格式不敢保证多浏览器支持;cur图片制作:百度cur 制作会出来一个在线制作工具; 示例<style t... 阅读全文

@2016-08-02 前端综合 浏览(1550)
#
flash跨域设置

flash跨域设置默认情况下不允许跨域,需要跨域的话,必须在域名根目录下放置一个名为crossdomain.xml的文件,作用是定义该域名下面的xml文件、json文件、m3u8文件是否允许其它网站的flashplayer来访问。这个文件是格式是由adobe公司制定的: <?xml version="1.0" encoding="utf-8"?><cross-domain-po... 阅读全文

@2016-08-01 前端综合 浏览(1070)
#
史上最全的mime-type大全

什么是mime-type简单来讲,它的作用就是服务器告诉浏览器你这个内容到底是个什么东东,是一张网页?还是一张图片?还是一个视频?浏览器只有知道了你这是个什么东西,才能正确处理它,mime就是这个东西,服务器通过Content-Type这个header来指定mime。 将xml转换成markdown表格代码由于这里的内容是从tomcat/conf/web.xml中提取的,原始内容是xml格式,这... 阅读全文

@2016-07-30 前端综合 浏览(14000)
#
调用接口时传数组到Java后台的逻辑处理

如题我们以checkbox复选框传值到后台处理为例。 假如有如下代码,页面有4个name均为pcode的复选框: <form id="edit_form" class="form-horizontal" method="post" > <div class="checkbox"> <label><input type="checkb... 阅读全文

@2016-07-30 前端综合 浏览(1731)
#
comet4j与web推送

原文发表于:2015-12-25,本文源于领导让研究一下comet4j这个东西后发的邮件。 comet4j框架原理一开始还以为这玩意儿底层是优先使用websocket来实现的,不支持的情况再定时ajax请求服务器,后来简单分析了一下前端和后台的源码,发现从头到尾都没用到websocket,也没有用到EventSource,只是在开始时与服务器通信一次,分配一个唯一ID,然后再发送一次ajax请求... 阅读全文

@2016-06-27 前端综合 浏览(2016)
第2页,共2页