cherry4115-CSDN博客

原创响应式布局-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 两种状态，用一位二进位即可。为了节省存储空间，并使处理简便，Ｃ语言又提供了一种数据结构，称为“位域”或“位段”。所谓“位域”是把一个字节中的二进位划分为几个不同的区域，并说明每个区域的位数。每个域有一个域名，允许在程序中按域名进行操作。这样就可以把几个不同的对象用一个字节的二进

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

cherry4115