SF
XIAOYI
XIAOYI
注册登录
关注博客
注册登录
主页
关于
RSS
垂直居中方法检测
XIAOYI
2015-08-20
阅读 3 分钟
1.8k
1、使用table和tabel-cell属性html {代码...} css {代码...} 注意:兼容到ie8,并且wrapper需要给一个高度。优点:cell中的内容不用固定。 2、方法2html {代码...} css {代码...} 3、方法三html {代码...} css {代码...} 4、方法四html {代码...} css {代码...} 5、单行文本垂直居中html {代码...} css {代码...}
Gulp-ruby-sass的使用心得
XIAOYI
2015-08-16
阅读 2 分钟
3.8k
2、安装gulp和gulp-ruby-sass,前提是已经安装了node环境。打开node.js command prompt里执行相应命令。
css基础组件库(兼容低版本)
XIAOYI
2015-08-02
阅读 1 分钟
2.6k
1、图标跟文字混排 html {代码...} css {代码...} 截图: 注意: 父容器的line-height值与图标的高度相等,另保持设置图标的vertical-align的值为bottom。 2、上下垂直居中,需要兼容低版本的浏览器时用padding比用line-height要好很多。
检测浏览器支持css3D转换
XIAOYI
2015-07-06
阅读 2 分钟
2.3k
{代码...} 出处:[链接]
《JavaScript高级程序设计》22章 JavaScript高级用法
XIAOYI
2015-06-27
阅读 2 分钟
3.2k
这样书写代码,函数只会在第一次执行的时候去做检查,以后每一次都自动执行确定的函数操作。2、函数绑定和函数柯里化 函数绑定可以让函数在指定的环境中执行某一段代码;函数柯里化可以让函数在任何情况下传递任何数量的参数去执行。
《Javascript高级程序设计》14章-----过滤输入
XIAOYI
2015-06-18
阅读 2 分钟
2k
注意: 1、因为Firefox和Safari(3.1版本之前)会对上下键、左右键、delete键和退格键触发keypress事件,在Firefox中非字符的charCode的值为0,在Safari(3.1版本之前)charCode的值为8。为了不要屏蔽那些非字符键,所以有charCode>9的条件; 2、为了不屏蔽用户输入ctrl+C或者Ctrl+V等组合键,判断用户没有按下Ctrl键,...
树插件的使用说明
XIAOYI
2015-06-02
阅读 1 分钟
1.8k
源代码: url: [链接] (提取码:e3af) 文件树:[链接] (提取码:992a) 功能: 1、支持展开\收起功能; 2、可删除树节点; 3、可移动树节点(根据树节点的id); 4、数据来源可以是一个数组,也可以是一个url地址; 调用方法: 1、存在一个树的容器 {代码...} 2、引入jquery {代码...} 3、在head里面引入tree.css文件...
js正则表达式读取url字符串里的主机名称
XIAOYI
2015-05-28
阅读 1 分钟
12.4k
需求: 给定一个url为"[链接]"或者"[链接]",想要得到的字符串为"haosou.com"。解决办法: 正则表达式 {代码...} 具体代码: {代码...} 结果 主机名称的值为httpArr[0] 另一种解决思路 可以利用String.split方法来分割字符串 {代码...} 未完待续... 如果url的协议为https呢? 用split方法会在结果中多一个defined值,所...
表单验证之jquery篇
XIAOYI
2015-05-19
阅读 2 分钟
2.1k
总结: 这样写验证代码,有一个比较大的好处就是:所有的验证都用同一个函数实现,可复用性强,并且下次再写同样的验证,只需要在validateArray数组里面添加对应的验证规则即可。
自定义滚动条插件
XIAOYI
2015-05-15
阅读 1 分钟
2.6k
本插件是对tinyscrollbar插件的一个封装。因为在用的时候需要同时引用css和js文件,同时还需要修改dom结构,比较麻烦,为了方便起见,将tinyscrollbar.css和tinyscrollbar.js文件都用js引入,修改dom的方法也放在js文件中。具体代码 使用方法: 1、引入jquery文件 2、引入scroll.js文件 3、初始化滚动条
Grunt学习
XIAOYI
2015-04-27
阅读 2 分钟
2.7k
1、配置grunt命令 {代码...} 2、配置package.json {代码...} 3、安装Grunt及其插件 安装Grunt {代码...} 安装插件 {代码...} 插件列表 4、配置Gruntfile.js文件 {代码...} 步骤 "wrapper" 函数,所有的配置函数必须放在wrapper内 {代码...} 具体配置一个功能(以压缩代码为例) {代码...} 加载插件和任务 {代码...} 自定...
python学习笔记之一(.py文件里输入中文报错)
XIAOYI
2015-04-24
阅读 2 分钟
8.4k
1、python大小写敏感 如果字符串里面有很多字符都需要转义,就需要加很多\,为了简化,Python还允许用r''表示''内部的字符串默认不转义
zepto表单验证以及单选框的选中状态切换
XIAOYI
2015-04-22
阅读 4 分钟
17.6k
主要包括必选字段、手机号、电子邮箱、两次输入是否一致等4种验证。 1、引入zepto.js。zepto.js下载地址:zepto.js 2、js代码库如下:
利用table实现页面实现移动端页面自适应表单
XIAOYI
2015-04-22
阅读 3 分钟
13.1k
为了实现如图所示的效果: 设置table的宽度为百分比的值,让其宽度随页面的宽度而改变。input占据整个td的宽度。 主要html代码如下:
利用css3实现jQuery中的slideDown和slideUp效果
XIAOYI
2015-04-20
阅读 1 分钟
18.2k
最开始想要实现一个菜单从上向下滑出的效果,采用transition: translate 0.5s ease-in;总是觉得别扭的很,无意间看到小米官网的二级菜单从上向下滑出的效果,顿时觉得这样就不会使得动画显得别扭,审查元素发现它并没有采用css3动画,猜到它应该用的是jquery里的slideDown和slideUp动画效果。 查看w3cschool上的教程,发...
<javascript高级程序设计>第十二章读书笔记----偏移量
XIAOYI
2015-04-16
阅读 1 分钟
2.2k
offsetHeight 包括元素的高度、上下内边距、上下边框值,如果元素的style.display的值为none,那么该值为0。offsetWidth 包括元素的宽度、左右内边距、左右边框值,如果元素的style.display的值为none,那么该值为0。offsetTop 元素的上外边框至包含该元素的上内边框之间的像素距离,当然包括元素的外边距,如果元素的style...
css3动画开发笔记
XIAOYI
2015-04-15
阅读 2 分钟
2.5k
首先来看DMEO。 按钮的尺寸有一个放大的效果。利用transform: scale方法来实现;在放大的过程中,按钮的位置从右向左平移。利用left的值的变化可以实现该效果,为了避免按钮在最初出现时突兀的感觉,利用opacity: 0隐藏按钮,随着按钮的移动,opacity的值逐渐变为1。总的代码为: