如何绕开referrer防盗链

发布时间：2020/12/24 9:46:35 阅读(6293)条评论(0)条

开篇最近处理了一个与referer有关的需求，发现里面还是有一点门道的。因此在本篇文章整理了referer相关知识点，主要涉及图片防盗链与如何绕开防盗链限制。参考：Referer-MDNHTTP来源地址-维基百科使用refererReferer是HTTP请求头的一个字段，包含了当前请求页面的来源页面的地址，通过该字段，我们可以检测访客是从哪里来的。那么，referer到底有啥作用呢？交互优化在某些web应用的交互中，右上角会提供一个返回按钮，方便用户返回上一页  其实现一般也比较简单<a href="javascript: history.back();">&...未完，继续阅读→
关键字：前端 referrer 防盗链 

JS实现返回上一页并刷新页面的方法

发布时间：2020/5/15 15:44:52 阅读(4142)条评论(0)条

移动端的开发的时候经常修改了内容，返回的时候值还没变化。所以，返回时返回的页面需要刷新。在这里分享给大家供大家参考，具体如下：正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候，是不会刷新页面的。这种不刷新页面包含两种情况：在 android 或者 pc 浏览器中看到的页面有刷新的效果，其实不是这样的，这个时候的所有的资源都是从缓存中加载来的。我们通过浏览器调试工具可以看到 from disk cache 或者 from memory cache。在 ios 中甚至于返回到了上一页后...未完，继续阅读→
关键字：js history ios 前端 刷新 

JQuery判断radio是否选中并且获取选中值

发布时间：2016/10/15 15:50:00 阅读(10746)条评论(0)条

一、概述：做前端经常要写一些常用的JS事件，如：获取radio选中的值，判断有没有选中，等等，说难不难，只是需要查阅即可。本篇【JQuery判断radio是否选中并且获取选中值】也是讲述一些快速容易记住的方法给大家。演示效果如下：二、源代码及环境：1、引用Jq库 ：http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js2、html源代码如下：<p>请选择你的性别</p><p><label>1.<input type="radio" name="sex" value="男" />男</label><br /><label>2.<...未完，继续阅读→
关键字：前端 jq radio 

简单的seajs 使用实例

发布时间：2016/7/13 17:02:11 阅读(6413)条评论(0)条

一、概述seajs做前端的朋友肯定听过，我也是第一次使用，当然抱着学习的态度，觉得seajs真的很不错，虽然我还不知道哪种情况可以使用。先学总不会有错，对吧。!^_^! ,下面就简单的介绍下吧。（文章底部附下载与DEMO链接）必须在web环境调试才有效果seajs实现了JavaScript的 模块开发及按模块加载。用来解决繁琐的JavaScript命名冲突，文件依赖等问题，其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。官方文档：http://seajs.org/docs/#docs首先看看seajs是怎么进行模块开发的。使用seajs基本上只有一个函数"define&q...未完，继续阅读→
关键字：seajs 实例 下载 前端 

Web前端性能优化——编写高效的JavaScript

发布时间：2016/3/26 14:37:14 阅读(5480)条评论(0)条

前言随着计算机的发展，Web富应用时代的到 来，Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始，Web前端开发也开启了新的纪元。用户需求不断提高，各 种新的技术层出不穷，前端工程师的地位也越来越重要。然而任何事物都是有两面性的，随着前端技术的发展，前端业务越来越繁重，这大大增加了JS代码量。因 此，要提高Web的性能，我们不仅需要关注页面加载的时间，还要注重在页面上操作的响应速度。那么，接下来我们讨论几种能够提高JavaScript效率 的方法。 一、从JavaScript的作用域谈起当JavaS...未完，继续阅读→
关键字：js 优化 前端 

关于移动端font-size思考前端设计稿与工作流

发布时间：2015/10/15 13:41:47 阅读(6823)条评论(0)条

本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。阅读目录1. 问题的引出2. 简单问题简单解决3. 网易的做法4. 淘宝的做法5. 比较网易与淘宝的做法6. 如何与设计协作7. 总结1. 问题的引出最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-s...未完，继续阅读→
关键字：前端 web 字体 设计 

前端人员必看CSS命名规范

发布时间：2015/5/19 14:55:28 阅读(9125)条评论(0)条

作为前端的设计人员，对于CSS的接触，就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 ...未完，继续阅读→
关键字：css 命名 技巧 

网页前端设计师们编写css的利器Less入门教程

发布时间：2013/12/14 9:36:57 阅读(7452)条评论(0)条

如果你了解过Less，并对之很熟悉，就不用往下看了。如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。首先，我们得知道Less能干什么。如：@width:300px;@fonts:12px bold "宋体,Verdana";.block-header{ color:#5c5c5c; .elem-title{ font:@fonts; width:@width; } .elem-content{ width:@width; height:300px; }}.block-footer{ font:@fonts; width:@width + 100px;}最后编译出来的css是这样的：.block-header { color: #5c5c5c;}.blo...未完，继续阅读→
关键字：css less 编辑 

WEB前端底层知识--浏览器是如何工作的

发布时间：2013/4/8 11:41:04 阅读(6217)条评论(0)条

概述     对于一直从事B/S架构（B/S也是一种C/S架构，只不过C/S自己写显示而B/S有相对统一的显示引擎实现而已）WEB领域的开发人员来说，浏览器 Browser再熟悉不过了。不管你是JAVA流还是微软流抑或PHP流，WEB开发新流派。不论你的服务器端采用哪种业务架构，ORACLE数据库还是 MSSQL，站在用户的角度思考，这个才是他们直接能接触到的，前端的用户体验给了用户直观的印象，投其所好，我们也总少不了要跟它打交道，很多问题的根源皆来源于此，了解一下其内部执行原理，也许对我们的开发工作会事半功倍，从一位纯粹的...未完，继续阅读→
关键字：浏览器 web 前端 

Web前端技术：那些让人惊叹的CSS3应用演示

发布时间：2012/11/8 11:48:01 阅读(7583)条评论(0)条

正在发展中的 CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享14个让人惊叹的 CSS3 特性应用演示，让大家感受一下 CSS3 的魅力。Monster使用 CSS3 绘制的奇怪生物，移动你的鼠标看看会有什么效果？小心被吃了啊！ Tilt ShiftCSS3 实现的文本立体效果和旋转效果，点击文字进入编辑状态，可以输入文字。 Leica这是一张相机图片？No！这是纯...未完，继续阅读→
关键字：CSS3 特效 

CSS深入研究:display的恐怖故事解密(2)

发布时间：2012/10/24 10:39:29 阅读(6842)条评论(0)条

上集《CSS深入研究:display的恐怖故事解密(1) 》已经把display的属性列表拉出来溜了，发现在这个属性恐怖面貌其实都是脆弱的伪装。除了部分常用属性外，其他的都是传说哥。既然是传说哥，请不要迷恋。就让传说继续传说着吧。这次我们来搞定table-cell这个货。（table-cell：IE6、7不支持）table-cell这个家伙在国外的网站中偶有露头，天朝由于IE6、7这两个货泛滥成灾，难有发挥，那么，这个家伙到底能干些什么呢？先让我们来研究下table，那些年曾经使用的table布局为何如此辉煌荡漾呢？她的特点有哪些呢？抛弃table的兼容性、seo、加载等与本文...未完，继续阅读→
关键字：css display Web前端 

CSS深入研究:display的恐怖故事解密(1)

发布时间：2012/10/24 10:26:53 阅读(7168)条评论(0)条

display作为一个最为恐怖的属性，没有之一，绝对不是欺骗3岁小孩，绝对是真实的。下面，就让我们看看这货的恐怖面貌。display 值：none ：隐藏对象。(注意，与visibility:hidden不同，这货是彻底的消失，不保留物理空间。)inline ：指定对象为内联元素。block ：指定对象为块元素。list-item ：指定对象为列表元素。inline-block ： 指定对象为内联块元素。inline-table ：制定对象为内联表格。table ： 指定对象为表格元素 等同<table>table-caption ：指定对象为表格标题 等同<caption>table-cell ： 指定对象为单元格 等同 ...未完，继续阅读→
关键字：css display Web前端