web
文章平均质量分 75
唐小狼
“人们称赞我是最勤奋的人,如果思考也算劳动的话,或许的确如此,因为一天之中从睁开眼,我几乎一直在思考。但是,如果工作被认为是在特定时间,根据狭隘标准从事某些特定活动的话,那么或许我是最懒惰的家伙。”
展开
-
CAS单点登录数据库配置操作学习记录笔记
最近一直在折腾cas这个开源项目的应用,虽然在大神眼里,它有很多缺陷,但是对于很多人来说,还是一个能个使用的项目,毕竟自己构造轮子需要的水平太高。 做的过程中参考了很多大神的帖子,现在总结写篇文章,总结一下CAS配置过程中需要注意的地方和值得参考的地方,以便巩固知识,帮助他人。所需要的环境软件 1.JDK(jdk1.7.0_79) 2.Tomcat(apache-tomcat-7.0.67-wi原创 2016-01-05 15:43:41 · 4634 阅读 · 0 评论 -
Redux 生产实践使用注意事项
背景:在我们使用 React 时,通常都是和 Redux 配合使用,Redux 管理数据状态,去控制 DOM 的渲染与更新。在使用 Redux 的时候,有一些注意的地方,否则可能出现意料之外的情况,却不知道原因是什么,其中有一点就是下面这个例子:/** * action-reducer.js * @param {*} uid */const getUid = (uid)原创 2017-07-28 15:13:45 · 458 阅读 · 0 评论 -
CSRF 攻击的应对之道
CSRF 背景与介绍CSRF(Cross Site Request Forgery, 跨站域请求伪造)是一种网络的攻击方式,它在 2007 年曾被列为互联网 20 大安全隐患之一。其他安全隐患,比如 SQL 脚本注入,跨站域脚本攻击等在近年来已经逐渐为众人熟知,很多网站也都针对他们进行了防御。然而,对于大多数人来说,CSRF 却依然是一个陌生的概念。即便是大名鼎鼎的 Gmail, 在 20转载 2017-08-14 18:30:34 · 353 阅读 · 0 评论 -
HTTP Referer 的故事
什么是HTTP Referer简言之,HTTP Referer是header的一部分,当浏览器向web服务器发送请求的时候,一般会带上Referer,告诉服务器我是从哪个页面链接过来的,服务器籍此可以获得一些信息用于处理。比如从我主页上链接到一个朋友那里,他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。Referer其实应该是英文单词转载 2017-08-14 18:34:45 · 657 阅读 · 0 评论 -
用Javascript获取页面元素的位置
用Javascript获取页面元素的位置 学习笔记整理网页概念网页大小 —— 通常情况由内容和 CSS 样式表决定。浏览器窗口(viewport)大小 —— 在浏览器窗口中看到的网页面积显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示,则滚动浏览器窗口,可以显示出网页的各个部分。原创 2017-08-16 00:26:03 · 648 阅读 · 0 评论 -
模块固顶和固底的一种实现方法—Api(Element.getBoundClientRect())
页面固顶和固底的一种实现方式引:在 pc web 开发的过程中,经常会遇到一些模块固定的需求,接下来介绍一种固定的方式,通过 Element.getBoundClientRect() Api 来实现。开发过程中需要获取页面元素的位置,可以参考 用Javascript获取页面元素的位置 这篇文章。具体的效果 Demo,可以查看这个 git 仓库。效果展示 看这里。原创 2017-08-31 15:24:21 · 1298 阅读 · 0 评论 -
水平垂直居中固定比例 Div
水平垂直居中固定比例 Div场景:div 宽度百分比,高宽固定比例,水平垂直居中展示对于这种情况肯定会有多种实现,有的可能用 js 去计算设计,有的可能直接用 css 实现,而 css 实现又会有多种实现方式。下面主要讨论的是用 css 绝对定位实现的一种方式。对于本文来说,这种效果的实现是次要的,我们主要来讨论一下它里面所涉及到的知识点,细细分析下来,是会有很多值得注意的知识原创 2017-08-31 19:14:25 · 875 阅读 · 0 评论 -
RGBA颜色与兼容性的半透明背景色
一、周末的唠唠叨叨这周真是辛苦的一周,很多事情不得已都拖着,比如现在这篇文章早前几天前就应该完工了;关于vertical-align属性的下集还没有开始写,jQuery在线参考内容添加还没有做,CSS3额外知识点部分添加插入图片盒链接的功能还没完工,搞笑鑫情也是搁置了好几天,究竟什么原因呢?女人,每晚要花个把小时交一位女同事photoshop,于是这宝贵的晚上的时间就被掐断了,做什么都不利转载 2017-09-01 11:42:00 · 1451 阅读 · 0 评论 -
小程序系列——始
第一个问题:什么是小程序从关注的角度不同,可能理解得出的结论也不尽相同。例如:作为一个产品经理,可能更关注小程序的亮点,基于此亮点我们能做出什么有受众群体的微app。比如,小程序是以微信这个超级 app 为宿主的,微信本身的使用群体与便捷性可能会导致小程序的使用场景最好是挥之即来,用完即去的情况,等等。但是,从开发的角度来看,我们可能更关心的是技术实现。更关注我们用这套框架,可使用的能力有哪些,存原创 2017-11-30 11:36:54 · 2081 阅读 · 3 评论 -
固定宽度中,展示图片和旋转图片展示的实现姿势
。。。。待整理原创 2017-07-06 17:35:34 · 278 阅读 · 0 评论 -
vagrant box配置本地开发环境以及常见错误解决方案
这里有一个参考链接(http://jingyan.baidu.com/article/642c9d34e15cdd644b46f74b.html),当然也可以按照下面的步骤来操作:一:准备各种材料了(1)VirtualBox (https://www.virtualbox.org/)(2)vagrant (https://www.vagrantup.com/downloads.原创 2016-10-13 11:07:01 · 19877 阅读 · 2 评论 -
Node.js的线程和进程*2014年4月的文章
在学习本章之前,读者需要对Node.js有一个初步的认识,熟悉Node.js基本语法、cluster模块、child_process模块和express框架;接触过apache的http压力测试工具ab;了解一般web服务器对于静态文件的处理流程。 Node.js和PHP 早期有很多关于Node.js争论的焦点都在它的单线程模型方面,在由Jani Hartikainen写的一篇著转载 2016-03-15 15:20:40 · 697 阅读 · 0 评论 -
HTML5——增强页面元素
2016-04-26 15:55:14 星期二1、figure元素一个figure元素只能包含一个figcaption标题,但可以包含多个其它元素。2、details和summary元素 lang="en"> charset="UTF-8"> details id="details"> 速度与激情7 id="p">你好原创 2016-05-03 08:58:14 · 779 阅读 · 0 评论 -
HTML5——表单新增元素与属性(1)
2016-04-26 09:38:55 星期二1、文本框的pattern属性在HTML5中,对input元素使用pattern属性,并且将属性值设为某个格式的正则表达式,在提交时会针对这些进行检查,检查其内容是否符合给定格式。当输入的内容不符合给定格式时,则不允许提交,同时在浏览器中显示信息提示文字,提示输入的内容必须符合给定格式。2、文本框的SelectionDirect原创 2016-05-03 09:00:36 · 611 阅读 · 0 评论 -
HTML5——新增表单元素与属性(2)
2016年4月24日, 星期日1、标签的control属性在HTML5中,可以在标签内部放置 一个表单元 素,并且通过该标签的control属性来访问该表单元素。2、文本框的placeholder属性placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字。3、文本框的list属性原创 2016-05-03 09:02:52 · 628 阅读 · 0 评论 -
HTML5——新增表单元素与属性(3)
2016-04-29 14:48:49 星期五1、表单内元素的form属性在HTML4中,表单内的从属性必须书写在表单内部,而在HTML5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了。2、表单内元素的formaction属性在HTML4中,一个表单内的所有元素只能通过表单的actio原创 2016-05-03 09:03:59 · 708 阅读 · 0 评论 -
HTML5——Range对象(1)
2016-04-27 15:22:55 星期三1、Range对象(1)selectNode、SelectNodeContents、deleteContents方法setStart、setEND、setStartBefore、setStartAfter、setEndBefore、setENDAfter方法(2)基本概念:一个Range对象代表页面上的一段连续区域。通过Rang原创 2016-05-04 09:41:36 · 1515 阅读 · 0 评论 -
HTML5——Range对象(2)
2016-04-28 13:56:44 星期四1、cloneRange、cloneContents、extractContents方法 id="p">这里是随便书写的内容 onclick="cloneRange()">克隆 function cloneRange() { var rangeObj = document.createRange(); ra原创 2016-05-04 09:43:33 · 655 阅读 · 0 评论 -
ipconfig /flushdns 清除系统DNS缓存
1、ipconfig /flushdns的作用 ipconfig /flushdns 这是清除DNS缓存用的。 当访问一个网站时系统将从DNS缓存中读取该域名所对应的IP地址,当查找不到时就会到系统中查找hosts文件,如果还没有那么才会向DNS服务器请求一个DNS查询,DNS服务器将返回该域名所对应的IP,在你的系统收到解析地址以后将使用该IP地址进行转载 2016-07-12 12:04:13 · 845 阅读 · 0 评论 -
小程序系列——进
小程序系列——进这是小程序进行曲的第二篇,主要会集中在 api 的讨论与功能实现上面。可能会分多个篇幅来进行分享,每个篇幅选择几个功能主题来分析,每个功能主题又会发散出多个 api 的应用与相关注意事项。这个曲目看完,对于基础的小程序需求,我们应该都能 hold 一下了。OK,Battle Symphony ~ ~ ~转发/分享在小程序中的转发或者分享(下文统一使用转发),我们根据转发内容的不同可原创 2017-12-08 12:08:49 · 2042 阅读 · 0 评论