经典blog转载
文章平均质量分 93
霜月枫桥
Web前端软件工程师
展开
-
onmusewheel事件(兼容IE,FF,opera,safari,chrome)
相信用户在浏览Google Map 时,都注意到向上或向下滚动鼠标可以使地图放大或缩小。其实,对于鼠标滚动我们并不陌生。但要给一个元素绑定鼠标滚动事件,我们有必要对该事件有一个详尽的了解。浏览器对该事件支持情况如何?IE6, Opera9+, Safari2+以及Firefox1+均支持“onmousewheel”事件,在FF 3.x中,与之相当的是“DOMMouseScroll”事件。“转载 2017-08-08 15:17:21 · 948 阅读 · 0 评论 -
CAS框架配置详解
一、概述单点登录(Single Sign On , 简称 SSO )是目前比较流行的服务于企业业务整合的解决方案之一, SSO 使得在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。CAS(Central Authentication Service)是一款不错的针对 Web 应用的单点登录框架,本文介绍了 CAS 的原理、协议、在 Tomcat 中的配置和使用,对于采转载 2018-01-09 15:46:22 · 2204 阅读 · 0 评论 -
display:flex 弹性伸缩布局详解
布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。一、Flex布局是什么?Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。[css] view转载 2017-07-27 17:11:24 · 3834 阅读 · 0 评论 -
js的forEach,for in , for of
forEach遍历数组[].forEach(function(value, index, array) { // ... });例子var myArry =[1,2,3,4];myArry.desc ='four';myArry.forEach((value,index,arr)=>{ console.log(value); });//1//2//3转载 2017-11-16 10:22:44 · 431 阅读 · 0 评论 -
说一说JS的IIFE
1 定义IIFE: Immediately Invoked Function Expression,意为立即调用的函数表达式,也就是说,声明函数的同时立即调用这个函数。对比一下,这是不采用IIFE时的函数声明和函数调用:123456function foo(){ var a = 10; console.log(a);} foo();下面是IIFE形式转载 2017-11-14 17:34:18 · 11466 阅读 · 0 评论 -
理解HTML语义化(WEB语义化)
1、什么是HTML语义化? 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用;有利于SEO:和搜索引擎转载 2017-11-14 17:16:50 · 496 阅读 · 0 评论 -
nginx定制header返回信息模块ngx_headers_more
一. 介绍ngx_headers_morengx_headers_more 用于添加、设置和清除输入和输出的头信息。nginx源码没有包含该模块,需要另行添加。该模块是ngx_http_headers_module模块的增强版,提供了更多的实用工具,比如复位或清除内置头信息,如Content-Type, Content-Length, 和Server。可以允许你使用-s选项转载 2017-11-03 10:59:49 · 2347 阅读 · 0 评论 -
Linux(Centos)之安装Nginx及注意事项
阅读目录1.Nginx的简单说明2.准备工作3.安装SSL功能需要openssl库以及gzip模块需要的zlib库4.安装 rewrite模块需要pcre库5.安装 Nginx服务6.监测Nginx是否安装成功7.将Nginx设置为开机自动启动8.使用server命令启动nginx服务回到顶部1.Nginx的简单说明 a. Nginx是一个高性能的HTTP和转载 2017-11-02 18:01:34 · 456 阅读 · 0 评论 -
淘宝网用什么样的服务器
时间过得很快,来淘宝已经两个月了,在这两个月的时间里,自己也感受颇深。下面就结合淘宝目前的一些底层技术框架以及自己的一些感触来说说如何构建一个可伸缩,高性能,高可用性的分布式互联网应用。一 应用无状态(淘宝session框架)俗话说,一个系统的伸缩性的好坏取决于应用的状态如何管理。为什么这么说呢?咱们试想一下,假如我们在session中保存了大量与客户端的状态信息的话,那么当保存状转载 2017-10-19 10:38:55 · 8623 阅读 · 2 评论 -
Java IO流分析整理
Java中的流,可以从不同的角度进行分类。按照数据流的方向不同可以分为:输入流和输出流。按照处理数据单位不同可以分为:字节流和字符流。按照实现功能不同可以分为:节点流和处理流。 输出流: 输入流:因此输入和输出都是从程序的角度来说的。字节流:一次读入或读出是8位二进制。字符流:一次读入或读出是1转载 2017-10-01 17:06:22 · 457 阅读 · 0 评论 -
JavaScript中的setAttribute用法
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。1、样式问题setAttribute(class, value)中class是指改转载 2017-09-08 14:00:25 · 3233 阅读 · 0 评论 -
Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)
ps: 想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星,足以说明其以悄然成为主流。16年10月Vue发布了2.x版本,经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api。。。废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助。ps:高转载 2017-08-30 14:14:42 · 502 阅读 · 0 评论 -
JS中常遇到的浏览器兼容问题和解决方法
常遇到的关于浏览器的宽高问题://以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document.docuemntElement.client转载 2017-09-08 17:39:21 · 716 阅读 · 0 评论 -
函数节流(throttle)与函数去抖(debounce)
一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、转载 2017-08-29 17:52:38 · 446 阅读 · 0 评论 -
30分钟掌握ES6/ES2015核心内容(上)
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了...转载 2017-08-28 16:30:03 · 317 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载转载 2017-08-09 16:50:55 · 311 阅读 · 0 评论 -
将HTMLCollection/NodeList/伪数组转换成数组
这里把符合以下条件的对象称为伪数组(ArrayLike)1,具有length属性2,按索引方式存储数据3,不具有数组的push,pop等方法例如:1,function内的arguments 。2,通过document.forms,Form.elements,document.styleSheets, Select.options,document.getElements转载 2018-01-10 10:50:14 · 1249 阅读 · 0 评论