1224如何绕开referrer防盗链阅读(6291)条2020/12/24 9:46:35

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

Taget：前端 referrer 防盗链 

0515JS实现返回上一页并刷新页面的方法阅读(4141)条2020/5/15 15:44:52

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

Taget：js history ios 前端 刷新 

1015JQuery判断radio是否选中并且获取选中值阅读(10745)条2016/10/15 15:50:00

一、概述：做前端经常要写一些常用的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="se...阅读全文

Taget：前端 jq radio 

0713简单的seajs 使用实例阅读(6413)条2016/7/13 17:02:11

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

Taget：seajs 实例 下载 前端 

0326Web前端性能优化——编写高效的JavaScript阅读(5480)条2016/3/26 14:37:14

前言随着计算机的发展，Web富应用时代的到 来，Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始，Web前端开发也开启了新的纪元。用户需求不断提高，各 种新的技术层出不穷，前端工程师的地位也越来越重要。然而任何事物都是有两面性的，随着前端技术的发展，前端业务越来越繁重，这大大增加了JS代码量。因 此，要提高Web的性能，我们不仅需要关注页面加载的时间，还要注重在页面上操作的响应速度。那么，接下来我...阅读全文

Taget：js 优化 前端 

1015关于移动端font-size思考前端设计稿与工作流阅读(6823)条2015/10/15 13:41:47

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

Taget：前端 web 字体 设计 

0519前端人员必看CSS命名规范阅读(9125)条2015/5/19 14:55:28

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

Taget：css 命名 技巧 

1214网页前端设计师们编写css的利器Less入门教程阅读(7452)条2013/12/14 9:36:57

如果你了解过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...阅读全文

Taget：css less 编辑 

0408WEB前端底层知识--浏览器是如何工作的阅读(6216)条2013/4/8 11:41:04

概述     对于一直从事B/S架构（B/S也是一种C/S架构，只不过C/S自己写显示而B/S有相对统一的显示引擎实现而已）WEB领域的开发人员来说，浏览器 Browser再熟悉不过了。不管你是JAVA流还是微软流抑或PHP流，WEB开发新流派。不论你的服务器端采用哪种业务架构，ORACLE数据库还是 MSSQL，站在用户的角度思考，这个才是他们直接能接触到的，前端的用户体验给了用户直观的印象，投其所好，我们也总少不了要跟它打交道，很多问题的根...阅读全文

Taget：浏览器 web 前端 

1108Web前端技术：那些让人惊叹的CSS3应用演示阅读(7582)条2012/11/8 11:48:01

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

Taget：CSS3 特效 

1024CSS深入研究:display的恐怖故事解密(2)阅读(6842)条2012/10/24 10:39:29

上集《CSS深入研究:display的恐怖故事解密(1) 》已经把display的属性列表拉出来溜了，发现在这个属性恐怖面貌其实都是脆弱的伪装。除了部分常用属性外，其他的都是传说哥。既然是传说哥，请不要迷恋。就让传说继续传说着吧。这次我们来搞定table-cell这个货。（table-cell：IE6、7不支持）table-cell这个家伙在国外的网站中偶有露头，天朝由于IE6、7这两个货泛滥成灾，难有发挥，那么，这个家伙到底能干些什么呢？先让我们来研究下table，那些年曾经使用...阅读全文

Taget：css display Web前端 

1024CSS深入研究:display的恐怖故事解密(1) 阅读(7166)条2012/10/24 10:26:53

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

Taget：css display Web前端