- 博客(21)
- 收藏
- 关注
原创 响应式布局-v1.0
中间区域右侧宽为200px,左侧随窗口大小调整,直接上图,达到效果如下:相应的代码: .header { height: 60px; border: 1px solid green; padding: 10px; position: relative; margin-bottom: 10px; } .logo { width: 60px; he
2016-08-05 19:29:52
361
原创 两列布局-左侧定宽|右侧自适应
1. 两列布局:左侧固定宽度,右侧自适应在实际的应用中,只有单列宽度变化,而其它保持固定的布局可能会更加实用。一般在存在多个列的页面中,通常比较宽的一个列是用来放置内容的,而窄列放置链接、导航等内容,这些内容一般宽度是固定的,不需要扩大。因此如果能把内容列设置为可以变化,而其他列固定,会是一个很好的方式。效果图:HTML代码:
2016-08-02 13:19:57
649
原创 在 JavaScript 中判断用户是用手机还是电脑打开此网页
我新建了一个 js 文件,在需要判断手机电脑的 html 页面中引入该文件。/** 此js文件可以判断用户是用手机还是电脑打开网页*/$(function(){ this.isMobileFlag = 0; //标志变量,0表示电脑,1表示手机 var browser={ versions: function(){ va
2016-03-25 15:57:47
935
原创 CSS 清除浮动的三种方式
代码: 1 2 3其 css 样式为:.outer{border: 1px solid #ccc;background: #fc9;color: #fff; margin: 50px auto;padding: 50px;}.div1{width: 80px;height: 80px;background: red;float: left;}.div2{w
2016-03-02 21:53:59
516
原创 JS、CSS 文件的版本号控制
首先,介绍几个常用的 HTTP 响应的状态码:200 - 服务器已成功处理了请求,并返回所请求的内容。304 - 自从上次请求后,请求的内容未修改过,浏览器直接从本地缓存中取得,服务器则不会返回。404 - 服务器找不到请求的内容,通常,对于服务器上不存在的网页经常会返回此状态码。回到本文主题,一般浏览器打开网页时都会对 JS、CSS 文件进行缓存,以便在下次打开时可以
2016-02-23 17:01:04
5548
原创 float 属性的本质理解
float 出现的意义其实只是用来让文字环绕图片而已,仅此而已。而我们目前用 float 实现页面布局本不是 float 该干的事情。float 属性(无论是左浮动还是右浮动)某种意义上而言与 display:inline-block 属性的作用是一模一样的,所以类似于 display:block; float:left; 的CSS代码超过95%的情况是没有道理的( display:b
2016-02-15 12:18:18
1046
原创 eclipse 连接 access 数据库
几年前做过一个 Java 小项目,其中连的是 access 数据库,今天再拿出来运行遇到些许障碍,所以写此文简述一下过程,以便日后查询。首先,要安装 eclipse 和 jdk,access 是微软的数据库,一般安装了 office 都会有。eclipse 连接 access 的过程主要是先把创建好的数据库添加到 ODBC 源中,然后用 JDBC-ODBC 桥(JdbcOdbcDriver
2016-01-18 19:03:07
7897
1
原创 Linux 基本命令
本文列出 Linux 的一些基本命令,下面的例子是我用 XShell 测试的,连接到一个远程 Linux 服务器上。XShell 是一个模拟软件,可在 Windows 上访问并操作远程的 Linux 服务器。--------------------------------------------------------------------------------------------
2016-01-18 11:49:19
402
原创 Get 和 Post 的区别
post 和 get 都是 HTTP 与服务器交互的方法。一般在浏览器中输入网址访问资源都是通过 get 方式;在 form 表单中,可以通过 method 指定提交方式为 get 或者 post,默认为get 提交。注:用 post 必须要到 form表单中。一个 url 地址,它用于描述一个网络上的资源, HTTP 中有4中与服务器的交互方法:get,post,put,delete
2016-01-15 10:51:30
380
原创 用“运行”窗口快速打开电脑中的软件
step 1:我的电脑--右键属性--高级系统设置--高级--环境变量--在系统变量中找到path--双击打开--在变量值的最前端加上 c:\bin;step 2:在我的电脑 c 盘中创建文件夹 bin,用来存放各种软件的快捷方式将桌面上的所有软件都可以扔到bin里面形成快捷方式(快捷方式的名字可以自定义 )step 3:window 键 + R 打开“运行”窗口
2016-01-14 19:03:57
962
原创 smarty基础指南
smarty 是PHP的一个模板引擎,使得其内部程序逻辑与外部表现逻辑可分离开来,在MVC中负责实现view层的相关功能。最新版的smarty可在官网下载,官网地址:http://www.smarty.net/下载完成之后解压,把里面的libs文件夹改名为smarty,复制到本地的web目录下。至于web目录,如果本机没有web服务器,可以下载xampp软件,在官网可找到,安装之后,h
2016-01-08 15:09:20
542
原创 为鼠标右键添加新项
我习惯用sublime text编辑器,但想用它打开一个文件时,对文件右键没有用sublime text打开的选项,在网上找到如下方法,已试过,成功。1、win+R,打开运行窗口,输入“regedit”,打开 注册表编辑器2、选择 HKEY_CLASSES_ROOT -> shell ,右键,新建 -> 项,命名 edit with Sublime Text(可以自己改),
2016-01-07 20:47:36
476
原创 Deferred 实现异步编程
JavaScript 的执行流程分为"同步"与"异步"。传统的异步操作会在操作完成之后,使用回调函数传回结果,而回调函数中则包含了后续的工作。我们一直习惯于“线性”地编写代码逻辑,但是大量异步操作所带来的回调函数,会把我们的算法分解地支离破碎。以动画为例,下一个动画要等上一个执行完毕才可以继续,流程就会写到回调函数里面// 执行多个动画$('ele1').animate({opa
2015-12-30 20:33:45
670
原创 JavaScript 日期对象 Date
通过三个例子,可以涵盖 Date 的基本用法:1. 动态的显示当前的日期和时间格式效果为:2015年12月28日 星期一 14:09:53参见下面 showTime 函数:function showTime(){ var nowDate=new Date(); //当前日期 var year=nowDate.getFullYear(); //年 var mont
2015-12-28 14:07:31
688
原创 JavaScript 运动框架
JavaScript的运动,即让某元素的某些属性由一个值变到另一个值的过程。如让div的width属性由200px变到400px,opacity属性由0.3变到1.0,就是一个运动过程。实现运动要注意以下方面:1. 匀速运动(改变left、right、width、height、opacity等属性)2. 缓冲运动(速度是变化的)3. 多物体运动(注意所有东西都不能共用,否则
2015-12-27 14:36:34
521
原创 一个超棒的编辑器 -- Sublime Text
以下是 Sublime Text 2 的常见使用方法:新建文件 Ctrl+N复制一行 Edit -> Line -> Duplicate Line删除一行 Edit -> Line -> Delete Line多次复制 Ctrl+Shift+D注释/解除注释 Edit -> Comment -> Toggle Comment在当前行下
2015-12-25 15:21:57
856
1
原创 animation-timing-function 之 step
animation动画由@keyframe定义,而keyframe是由一个个的关键帧组成的。animation-timing-function 作用于每两个关键帧之间的过渡效果,不是整个动画。linear等属性值会在每个关键帧之间插入补间动画,所以动画是连续的。step不会插入补间动画,所以关键帧的变化是跳跃的。语法:step(n, mark)参数n(>0)表示把两个关
2015-12-12 17:04:23
829
转载 jQuery的deferred对象详解--转自阮一峰
一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。但是,在回调函数方面,jQuery的功能非常弱。为了改变这一
2015-12-12 16:14:30
581
原创 setTimeout与多线程
console.log(xxx); 在控制台Console输xxx,不会打断页面的正常操作setTimeout(function(){func1();},0)func2();//在上面这段代码中func2先执行,func1后执行,0s延迟表示回调函数将插队到一个能立即执行的时段//如果不写0,浏览器自动配置时间,多为10-100ms,所以还是func2先执行,
2015-12-12 14:59:21
2091
转载 位域
有些信息在存储时,并不需要占用一个完整的字节, 而只需占几个或一个二进制位。例如在存放一个开关量时,只有0和1 两种状态, 用一位二进位即可。为了节省存储空间,并使处理简便,C语言又提供了一种数据结构,称为“位域”或“位段”。所谓“位域”是把一个字节中的二进位划分为几个不同的区域, 并说明每个区域的位数。每个域有一个域名,允许在程序中按域名进行操作。 这样就可以把几个不同的对象用一个字节的二进
2015-11-30 19:48:33
385
转载 HTML文件中文乱码问题
在用sublime text 2编写的html文件放在浏览器中打开时,经常会发生中文显示乱码问题。下面是我在网上找到的解决方案:首先声明:这一方法前提是sublime text 2的安装路径没有中文字符,且系统路径的%username%中不包含中文字符。否则需要手动添加转换包,这个稍后说明。1. 安装Sublime Package Control: 在Sublime Text
2015-11-16 09:17:28
881
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人