前端
文章平均质量分 58
Jackson-p
相信命运,自律自由.
展开
-
关于禁用bootstrap响应式
有的时候我们只是纯粹喜欢bootstrap的样式和设计,做PC端网站并不需要到手机上呈现响应式,所以就发现了这样的一篇好文。。贼好使第一:去掉头部。第二:设置.Container宽度,比如:container{ width: 1170px; max-width: none !important; }第三:采用.col-xs-(最小设备栅格类)的样式来代替.col转载 2017-07-27 17:21:19 · 327 阅读 · 0 评论 -
css 实现水平垂直居中
法一:margin负值调整(确定容器的宽和高)Bliao div{ position:absolute; width:500px; height:300px; top:50%; left:50%; background-color:pink; margin: -150px 0 0 -250px; } liao思路就是原创 2018-02-07 16:53:45 · 136 阅读 · 0 评论 -
CSRF攻防
CSRF攻击原理及防御一、CSRF攻击原理 CSRF是什么呢?CSRF全名是Cross-site request forgery,是一种对网站的恶意利用,CSRF比XSS更具危险性。想要深入理解CSRF的攻击特性我们有必要了解一下网站session的工作原理。 session我想大家都不陌生,无论你用.net或PHP开发过网站的都肯定用过session对象,然而session它是如何工作的呢...转载 2018-02-28 12:19:03 · 303 阅读 · 0 评论 -
JSONP跨域
什么是JSONP首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢? 首先抛出浏览器同源策略这个概念,为了保证用户访问的安全,现代浏览器使用了同源策略,即不允许访问非同源的页面,详细的概念大家可以自行百度。这里大家...转载 2018-02-20 12:05:59 · 240 阅读 · 0 评论 -
node.js jsonp跨域
法一、有的时候jsonp还是看代码方便好懂客户端:<!DOCTYPE html> <head> <title>jsonp</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>原创 2018-02-20 12:48:30 · 521 阅读 · 0 评论 -
AMD与CMD的区别
最近在研究cmd和amd,在网上看到一篇不错的文章,整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScri...转载 2018-02-20 22:01:41 · 182 阅读 · 0 评论 -
CSS的expression
在网上第一次注意到css里有expression这个属性,于是搜索了一下,得到了一下相关知识贴出来也许对大家有所帮助,感谢原作者的劳动。CSS中expression使用简介作者:dozb定义IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas...转载 2018-02-20 22:10:59 · 3007 阅读 · 0 评论 -
prototype与_proto_的区别
Each constructor is a function that has a property named “prototype” that is used to implement prototype-based inheritance and shared properties. Every object created by a constructor has an implicit ...转载 2018-02-21 16:57:46 · 233 阅读 · 0 评论 -
从输入URL到页面加载完成都发生了哪些事情
1.浏览器接收URLURL包含的信息:协议、网络地址:端口号、资源路径、查询字符串?、片段标识符#2.将URL与缓存进行比对如果请求的页面在缓存中且未过期,则直接进行第8步缓存分为彻底缓存和缓存协商,这里的确认是否过期是指彻底缓存(缓存失效之前不再需要跟服务器交互)。2.1 彻底缓存的机制(http首部字段):cache-control,Expires--Expires是一个绝对时间,即服务器时间...转载 2018-02-21 17:22:10 · 246 阅读 · 0 评论 -
Web端即时通讯 Comet Websocket SSE
主流的Web端即时通讯方案大致有4种:传统Ajax短轮询、Comet技术、WebSocket技术、SSE(Server-sent Events)。一、Comet含义:是一种服务器推送数据的技术(更高级的ajax技术)实现方式:长轮询和流;介绍: 1、短轮询: 请求之后服务器立即响应 2、长轮询 ...原创 2018-02-21 20:34:59 · 909 阅读 · 0 评论 -
css 优先级算法及权重
一、基本概念权重:根据元素选择器的不同和先后顺序的不同来决定哪一条规则被浏览器选中并作用于元素优先级:不同css样式作用于同一元素,变根据优先级来判断哪种css样式生效一般我们的优先级是:行内样式>ID选择器>类,属性选择器和伪类选择器>元素和伪元素说明:1、行内样式,指的是html文档中定义的style行内样式包含在你的html中 对你的元素产生直接作用,比如:原创 2018-02-07 14:05:07 · 422 阅读 · 0 评论 -
Cookie
Cookie一直觉得自己挺了解的,于是涉及代码与实练的试了下,浅试orz一、访问外部服务器含义就是通过浏览器浏览内容的时候保存在电脑上的一些访问数据,他是怎么产生的呢?过程:HTTP协议下,服务器和客户端先建立链接,然后交换数据,然后HTTP服务会设置Cookie保存在浏览器中(注意Cookie过程里是往返于客户端与服务器的),数据交换结束,链接关闭,这样下一次该客户端再与服务器建立链原创 2018-02-06 23:00:02 · 174 阅读 · 0 评论 -
表单信息注册验证
这里分为了js和jquery 两个版本,挺重要的记录下来HTML代码 请填写注册信息 用户名: 昵称: 邮箱:转载 2017-12-06 20:19:25 · 7340 阅读 · 0 评论 -
HTML5 input
总结下input元素的相关,不断积累2333一、使input文本框不可编辑的三种方法1.disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。示例:2.readonly 属性规定输入字段为只读可复制,但是,用户可以使原创 2017-12-06 20:37:27 · 455 阅读 · 0 评论 -
HTML5 img
一、图片自适应大小图片设置固定大小(当然width和height至少大于200px的情况下)个人觉得就很影响响应式布局了,可能会使移动端局部发生错乱,所以图片在一个div中自适应大小,个人还是觉得挺重要的。CSS:img{ max-width:100%; max-height:100%; width:auto; height:auto;}原创 2017-12-06 21:04:07 · 811 阅读 · 0 评论 -
HTML a元素
一、a元素的4个伪类顺序:a:linked{}a:visited{}a:hover{}a:active{}如果不按顺序调用可能会出错原创 2017-12-07 17:14:45 · 522 阅读 · 0 评论 -
生成图标
借助一个在线生成工具:https://icomoon.io/app/#/select1、进入网址:主页面2、新建一个图集3、添加.svg图片(可以使用现成的,也可以使用自定义的)使用现成的点击页面红色的Add Icons...使用自定义的直接拖拽进图集即可添加4、生成字体文件(1)选择好转载 2017-12-07 17:25:21 · 229 阅读 · 0 评论 -
ES6 块级作用域
一、前言在ECMAScript6(以下简称ES6)之前,ECMAScript的作用域只有两种: 1、 全局作用域; 2、 函数作用域。正是因为有这两种作用域,所以在JavaScript中出现一术语--“变量提升(hoisting)”。如下:function func(){ console.log(test); var test = 1;};func();在node环境执...转载 2018-02-09 10:14:22 · 160 阅读 · 0 评论 -
CSS 实现iphone 样式开关
极客标签上看到的挺有意思的小demo,用纯css实现(hh,动画能用html+css就不用js)效果图:代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="原创 2018-02-26 14:21:37 · 1795 阅读 · 0 评论 -
CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解
派生选择器用的很多,派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别。1、css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器。例如html>head>style转载 2018-02-07 12:54:03 · 1752 阅读 · 0 评论 -
HTML 空元素
概念:首先啥是空元素呢?就是字面意思:没有内容的HTML元素,比较常见的空元素像 这种,他们往往没有关闭标签(从表面上看是自己关闭自己233,像),听说在未来的趋势里这种没有关闭标签的情况会被取消掉.。一、area元素作用:形成矩形,圆形,多边形可点击区域特点:属于图像映射,被包含在map标签中,与img元素对应,而不能成为一个div的映射(可以用手段合并如绝对定位,但注意同样不原创 2018-02-06 16:44:24 · 8266 阅读 · 0 评论 -
HTTP请求头与响应头
请求头:浏览器向服务器发送请求的数据,资源。响应头:服务器向浏览器响应数据,告诉浏览器我是谁,我要你怎么做。如,我是nginx,给你的资源是正确的200 还是错误的404,我要你缓存多久。常见的请求头:Accept: text/html,image/* 浏览器可以接收的类型 Accept-Charset: ISO...转载 2018-03-23 11:34:58 · 251 阅读 · 0 评论