WEB前端 - 随笔分类 - Rain Man

WebGL编程笔记3：纹理图片texture

摘要：HTML部分 <script type="text/javascript" src="gl-matrix.js"></script> <canvas id="myCanvas" width="400" height="400" style="border: 1px solid red"></canv 阅读全文

posted @ 2020-03-29 16:56 Rain Man 阅读(2225) 评论(0) 推荐(0) 编辑

CSS：@font-face的使用方法

摘要：1.介绍 @font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE 阅读全文

posted @ 2016-05-16 15:34 Rain Man 阅读(7737) 评论(0) 推荐(0) 编辑

CSS3：backgroud-size和background-origin的使用方法

摘要：backgroud-size CSS3以前，背景图像大小由图像的实际大小决定，background-size指定背景图像的大小。你可以指定像素或百分比大小，你指定的大小是相对于父元素的宽度和高度的百分比的大小。默认值为图片的实际尺寸。例如：图片的实际大小为220*150像素，在CSS3之前该图片阅读全文

posted @ 2016-02-05 13:02 Rain Man 阅读(1289) 评论(0) 推荐(1) 编辑

CSS3：radial-gradient，径向渐变的使用方法

摘要：语法径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。其语法如下：background: radial-gradient(center, shape, size, start-color, ..., last-color);cent... 阅读全文

posted @ 2016-01-15 16:44 Rain Man 阅读(7535) 评论(2) 推荐(2) 编辑

CSS3：linear-gradient，线性渐变的使用方法

摘要：CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。本文只讲述表准的语法，要... 阅读全文

posted @ 2016-01-08 14:53 Rain Man 阅读(7104) 评论(0) 推荐(1) 编辑

网页变灰的CSS代码

摘要：body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-fi... 阅读全文

posted @ 2015-06-26 16:24 Rain Man 阅读(1600) 评论(0) 推荐(0) 编辑

JavaScript & PHP模仿C#中string.format效果

摘要：1、JavaScriptfunction stringformat() { var args = Array.prototype.slice.call(arguments); if (args.length == 0) { return '';} if (args.len... 阅读全文

posted @ 2015-05-12 21:59 Rain Man 阅读(1882) 评论(0) 推荐(0) 编辑

在CentOS中安装NodeJS

摘要：1. 更改软件源备份默认的软件源文件“CentOS-Base.repo”mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup下载对应版本的repo文件，并放入 /etc/yum.repos.d/ 目... 阅读全文

posted @ 2014-12-22 09:00 Rain Man 阅读(1673) 评论(1) 推荐(0) 编辑

jQuery中多个元素的Hover事件

摘要：1.需求简介 jQuery的hover事件只是针对单个HTML元素，例如：当鼠标进入#login元素时调用fun1函数，离开时则调用fun2函数，这种API已能够满足绝大部分需求。不过，有些时候我们希望当鼠标进入两个或多个元素“组合的区域”时触发fun1，离开他们时触发fun2，而在这些元素间移阅读全文

posted @ 2014-06-06 14:54 Rain Man 阅读(24139) 评论(5) 推荐(5) 编辑

在JavaScript和C#中获得referer

摘要：1. JavaScript/** * 获取HTTP请求的Referer * @ishost 布尔类型 Referer为空时是否返回Host（网站首页地址） */function get_http_referer(ishost) { if (ishost === undefined) { ishost = true; } if (document.referrer) { return document.referrer; } else { if (ishost) { return window.location.protocol... 阅读全文

posted @ 2013-11-26 19:59 Rain Man 阅读(4738) 评论(0) 推荐(0) 编辑

CKEditor与CKFinder的配置（ASP.NET环境）

摘要：CKEditor是一个专门使用在网页上的所得文字编辑器，适用于PHP、ASP.NET、Java等后端开发语言。CKEditor原名为FCKeditor，“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 09年发布更新到3.0，并改名为CKEditor，CK意指"Content and Knowledge"。新版的编辑器的更新包括：新的用户界面，一个支持Plug-in的Javascript API，并提供对视觉障碍者的使用支持CKEditor默认是没有“上传功能”的，如果需要上传则需要CKFinder插件。CKFinder是一阅读全文

posted @ 2013-07-29 16:51 Rain Man 阅读(11635) 评论(4) 推荐(1) 编辑

PHP合并静态文件

摘要：配置PHP.ini更改配置项（必须）auto_prepend_file = "C:\xampp\htdocs\auto_prepend_file.php"更改配置项（可选）allow_url_include = Onauto_prepend_file.php文件内容$value) { ... 阅读全文

posted @ 2012-04-28 01:03 Rain Man 阅读(3278) 评论(0) 推荐(0) 编辑

CSS中的display:inline-block

摘要：1、display:inline-block让一个元素具有“区块元素”的属性（可以设置width和height），又具有“内联元素”的属性（不产生换行）。2、IE中的inline-blockIE6不支持这个属性，但IE8开始支持这个属性。让IE6内联元素具备inline-block特性由于inline-block会触发IE的layout，所以IE6中只要设置{display:inline-block;}即可。让IE6区块元素具备inline-block属性，有两种方法A、可以先触发layout，再设置为inline，需要注意的是这两个display必须在两个CSS声明中才有效，代码如下：div 阅读全文

posted @ 2012-02-26 10:10 Rain Man 阅读(13554) 评论(0) 推荐(2) 编辑

Comet：基于HTTP长连接的“服务器推”技术

摘要：1、基础知识HTTP流的概念持久HTTP流只是一种是HTTP链接保持打开状态的简单方法，这样大量的HTTP请求不需要进行打开和关闭操作就可以被一个一个地发送。常用PHP函数sleep(10); //暂停 10 秒 ob_flush();flush(); PHP向浏览器周期性发送数据的功能，并不是所有服务器都可行，更多相关信息请参阅www.php.net/flush。关于flush的内容，请参考深入理解ob_flush和flush的区别。<script>标签的执行时间在绝大多数浏览器中，当还没有读取到</script>结束标签时，代码是不会执行的。配置脚本最大执行时间在C 阅读全文

posted @ 2011-11-28 14:51 Rain Man 阅读(6050) 评论(1) 推荐(2) 编辑

关于JSONP、Fiddler、Velocity的笔记

摘要：JSONPJSONP（JSON with Padding）是通过动态的创建标签异步获取数据。注意点一般URL里回到函数的参数名为“jsonp”或“callback”。它可以解决Ajax的跨域问题，一般用于GET请求（只获取数据）。浏览器加载动态创建的时，不会显示“loading”状态。浏览器加载完整个闭合标签后，才会执行该标签内的JS代码。加载完数据，回调函数执行完毕后，一般需要删除该标签。为了保证代码能够正确执行最好使用try/cache语句try { callbackFun({name:'cnblogs', age:3});} catch(e) {}如果远程数据源存在Jav 阅读全文

posted @ 2011-09-18 18:29 Rain Man 阅读(1792) 评论(0) 推荐(0) 编辑

IE6下PNG32图片的透明

摘要：1、滤镜filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )属性：enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | falsetrue：默认值。滤镜激活。false：滤镜被禁止。sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop：剪切图片以适应对象尺寸。image：默认值。增大或减小对象的尺寸边界以适应图片的尺寸阅读全文

posted @ 2011-09-11 19:04 Rain Man 阅读(1282) 评论(1) 推荐(1) 编辑

PNG图片详解

摘要：1、PNG图片类型PNG格式有8位、24位、32位三种，下面是一些术语：索引透明：类似于GIF，某一像素只有全透和全不透明两种效果Alpha透明：半透明PNG88位的PNG最多支持256（2的8次方）种颜色，8位的PNG支持索引透明和alpha透明。PNG24支持2的24次方种颜色，但不支持透明信息。PNG3232位的PNG在24位的PNG基础上增加了8位的透明信息，因此支持不同程度的半透效果。总结格式颜色种类位数透明支持PNG82的8次方8不支持PNG8+索引透明2的8次方8仅支持全透或全不透明PNG8+alpha透明2的8次方8支持半透明PNG242的24次方24不支持PNG322的32次阅读全文

posted @ 2011-09-11 12:01 Rain Man 阅读(8921) 评论(0) 推荐(0) 编辑

表单元素的submit()方法和onsubmit事件

摘要：表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。1、表单元素中出现了name="submit"的元素这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的引用）。2、elemForm.submit();不会触发表单的onsubmit事件没有为什么，标准中就是这么规定的。与此有些类似的是onfocus、onblur和focus()、blur()之间的关系却不同，调用elem.blur 阅读全文

posted @ 2011-09-05 23:38 Rain Man 阅读(23407) 评论(0) 推荐(0) 编辑

CSS背景图片居中的细节

摘要：经常会使用background-position:left center，将背景图片垂直居中。浏览器渲染页面的最小单位是像素，所以某些情况下即使定义了“center”，实际效果也未必是垂直居中。例如：元素：高16px；背景图片：高13px；定义background-position:left center实际效果如下图：可以清晰的看到背景图片距上边框“2px”，距下边框“1px”。上图是在Chrome下测试结果，其它浏览器也是如此，只不过是有的距上边框“1px”，距下边框“2px”。解决方案若想实现100%垂直居中，则“元素高度 - 背景图片高度”可以被2整除，所以上例可以将元素高度设置为“1 阅读全文

posted @ 2011-08-17 21:51 Rain Man 阅读(3203) 评论(1) 推荐(1) 编辑

CSS优先级

摘要：CSS优先级包含四个级别标签内定义样式ID选择符Class选择符元素选择符CSS优先级的计算规则类型计算规则元素标签中定义的样式（Style属性）加1,0,0,0每个ID选择符(如 #id)加0,1,0,0每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个伪类(如 :hover)加0,0,1,0每个元素选择符（如p）或伪元素选择符(如 :firstchild)等加0,0,0,1其它选择符包括全局选择符*，不过这也是一种specificity。加0,0,0,0，相当于没加然后，将这四个数字分别累加，就得到每个CSS定义的优先级的值从左到右逐位比较大小，阅读全文

posted @ 2011-08-17 10:30 Rain Man 阅读(3643) 评论(1) 推荐(0) 编辑

随笔分类 - WEB前端