zhiqiang21-CSDN博客

原创 2015年年终总结----磕磕绊绊的一年

每年都有写年终总结的习惯，眼看着元旦已经过了好几十天了，步入2016年。是应该对2015年做一个总结了。最近一段时间有空的时候也在整理这一年经历的事情，也在思考自己在其中的得与失。也许一个人确实容易空虚，找不到奋斗努力的方向。有段事件自己也迷茫过，自暴自弃过。做事说话心浮气躁，不思考。想想那个时候的自己确实有点可怕，那是浪费了多少时间啊。所以，当一个人不在思考的时候，说明生活过着非常的空虚，这

2016-01-16 20:12:50 4982 4

原创基于 zepto 的触摸函数封装

移动端使用 zepto 做一些基于触摸的动画的时候，需要开发一个函数库。功能：实例化对象以后能够，触发相应的事件，能够返回给我，当前的移动方向和 X 轴或者 Y 轴的移动位移。var TouchDirection = function(e) { var startThat = {}, moveThat = {}; this.touchStartEven = f

2016-01-11 23:24:14 2584 1

前端开发sublimeconfigmac配置此文件目录中文件主要是关于sublime的插件配置，快捷键配置，主题和字体配置。插件列表所有插件都可以使用Package Control安装，具体的安装方法可以自行谷歌安装，不在本文的介绍范围之内。也可以是使用git 手动安装。1.autoprefixer该插件主要使编写css更加的方便和快捷，可以配置快捷键给标签属性添加浏览器厂商前缀。安装前需要确定电脑

2016-01-07 13:09:20 27623 9

原创移动端 h5开发相关内容总结——CSS篇

1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如下：width viewport 宽度(数值/device-width)height viewport 高度(数值/device-height)in

2016-01-06 15:59:15 33128 2

原创移动端 h5 开发相关内容总结——JavaScript 篇

1.改变页面标题的内容有时候我们开发 h5页面的时候需要动态的去更新title 的名字，这个时候使用 document.titile='修改后的名字';就可以解决我们的问题。或者使用 //当前firefox对 title 参数不支持 history.pushstate(state,title,url);这种方法不仅能够修改 title 而且能够修改 url 的值，并且将这些信息存

2016-01-04 16:50:51 4783

原创毕业一年小结——说好的战斗呢？

本片文章写与2015年9月份。之前是发布在了自己 github 上的 blog项目中。趁着写年终总结的机会迁移到自己的个人博客。引子：2015年7月3号是自己工作整一年的日子。一直想写一篇文章，对这一年做一下总结。这篇文章在今年7月3号左右的时候是已经写出来了的，但是自己在反复读了几遍以后感觉写的不是怎么的好，就想着要再修改修改。之后就是在团队里面因为一个紧急的项目，忙忙碌碌了好几周，记得这个过程中

2015-12-31 10:22:53 4502 5

原创 “瀑布流式”图片懒加载代码示例

最近项目使用到了“懒加载”，现在更新一般，因为平时主要使移动端的开发所以库文件使用的是zepto.js 。当然也可以和jQuery 通用。代码如下：/** * Created by zhiqiang on 2015/10/14. * hpuhouzhiqiang@gmail.com * 图片的懒加载 **/function loadImgLazy(node) { var lazyN

2015-12-16 11:13:20 6643

原创 Python解析HDF文件

前段时间因为一个业务的需求需要解析一个HDF格式的文件。在这之前也不知道到底什么是HDF文件。百度百科的解释如下： HDF是用于存储和分发科学数据的一种自我描述、多对象文件格式。HDF是由美国国家超级计算应用中心NCSA(全称：National Center for Supercomputing Application）创建的，为了满足各种领域研究需求而研制的一种能高效存储和分发科学数据的新型数

2015-06-25 00:16:58 18072 1

原创【从0到1学Web前端】javascript中的ajax对象（一）

现在最流行的获取后端的（浏览器从服务器）数据的方式就是通过Ajax了吧。今天就来详细的来学习下这个知识吧。如果使用ajax来访问后段的数据，浏览器和浏览器端的js做了那些工作呢？我做了一个图，请大家看一下：1.原生js的Ajax请求的方式由上面的图我们大致的知道了ajax访问后端数据的一个过程。最重要的就是检测浏览器，创建XMLHttpRequest对象的过程：代码如下：/* 判断是否支持XM

2015-06-24 10:18:22 2526 1

原创 javascript中对条件判断语句的优化

其实在平时的代码开发中这并没有什么问题，但是很多的时候我们都希望自己的代码能够变的优雅和简单易懂，并且尽可能少的减少重复的代码。对于以上的问题，在js中存在一个`switch`来代替这样的多`if`语句判断。

2015-06-07 09:54:12 5167 2

原创【从0到1学Web前端】CSS伪类和伪元素

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

2015-06-02 22:29:17 2911

原创 django中url，静态文件，POST请求的配置

之前在学习django的时候，在静态文件的配置上花费了很多时间，而且没有解决问题，网上也是一搜一大堆的各种解决办法，但是仍然不适用自己的项目。因为不同版本的django都会有些变化，所以强烈建议根据自己的当前版本，选择阅读官方文档：

2015-06-01 17:00:10 14831

原创【从0到1学Web前端】CSS定位问题三(相对定位,绝对定位)

到这里可以验证当使用`top` `right` `bottom` `left` ***（这四个属性可以设置具体的像素数也可以设置百分比）***这样属性改变元素的位置的时候，不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位

2015-05-29 23:01:19 8110 1

转载 Javascript图片预加载详解

预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载实现预加载图片有很多方法，包括使用CSS、

2015-05-29 11:01:42 41976

原创【从0到1学Web前端】CSS定位问题二（float和display的使用）

display 属性规定元素应该生成的框的类型。这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。浏览器支持所有主流浏览器都支持 display 属性。注释：任何版本的

2015-05-28 22:03:07 2913 1

原创【从0到1学Web前端】CSS定位问题一(盒模型,浮动,BFC)

引子：在谈到css定位问题的时候先来看一个小问题: 已知宽度(假如:100px)div框,水平居中,左右两百年的分别使用div框填充.且左右div自适应.效果如下图: 这个问题的难点主要是浏览器宽度未知,且两边div自适应宽度.第一种实现方法,是借助css3的新属性calc,实现代码如下:body { margin: 0; padding: 0;

2015-05-27 22:24:57 3894 1

转载 JavaScript概念之screen/client/offset/scroll/inner/avail的width/left

原文地址：http://caibaojian.com/js-name.htmlJS中获取各种宽度和距离，常常让我们混淆，各种浏览器的不兼容让我们很头疼，现在就在说说js中有哪些宽度和距离。1、名词解释screen：屏幕。这一类取到的是关于屏幕的宽度和距离，与浏览器无关，应该是获取window对象的属性。client：使用区、客户区。指的是客户区，当然是指浏览器区域。offset：偏移。指的是目标甲

2015-05-27 16:42:29 2044

原创【从0到1学Web前端】jQuery中each()和$.each()的使用

引子：最近遇到一个问题，就是在each()函数中怎么模拟for循环中的break和continue的操作。所以就查看了jQuery关于这个函数的文档，并且总结一下。演示代码如下：<div> <ul> <li>你是第1个</li> <li>你是第2个</li> <li>你是第3个</li>

2015-05-25 19:43:14 3281

原创【javascript数据结构】----数组

javascript中对数组的定义数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可以是整数。这些数字索引在内部被转换成字符串类型。这是因为javascript对象中的属性名必须是字符串。数组在javascript中只是一种特殊的对象，效率上没有其它语言数组的效率高。1.1创建数组的方式//初始化数组以下的两种声明方式相同console.log('-----数组的声明方式--

2015-05-24 10:31:11 3249

原创最近生活感悟，我的选择与被选择

选择与被选择今天同学的妹妹不远万里从老家跑过来问我要不要培训，然后进入IT行业。谈了很长时间，最后我给出的建议是“做自己的选择，坚持自己喜欢的事情就是对的。” 回家的路上不禁想起去年自己在临近毕业时所面临选择的问题。当然可能对于我来说我更加的幸运一些，因为我面临着是去哪家公司从事什么工作的问题。记得大三的时候我就有种强烈的愿望，要早点毕业，早点进入社会，到“外面”去感受世界的精彩。从郑州到武汉

2015-05-22 08:35:27 4131 3

原创垂直三列中间元素自动宽度布局

1.最常见的垂直三列布局html代码：<body><div id=""> <div> <div class="left_div"> left </div> <div class="mid_div"> 现在可能还可以在很多老的站点上可以看到这样的代码，相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤，就是每次清除浮动的时候都需要增加一个空

2015-05-19 10:41:42 2441

原创 css定位“十字架“之水平垂直居中

1.先看要实现的效果实际的效果图可以看到我的实现过程是先使用一个父级的div来定位水平垂直居中，然后再父级的div中定位出两个十字架的div。看实现代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>

2015-05-18 22:00:30 6554 1

原创兼容IE9以下和非IE浏览器的原生js事件绑定函数

事件绑定函数的demo如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="UTF-8"/> <title>测试事件绑定函数</title> <s

2015-05-12 23:41:14 9817 3

转载 addEventListener和attachEvent的区别

addEventListener共有3个参数，如下所示：element.addEventListener(type,listener,useCapture);参数参数说明element要绑定事件的对象，及HTML节点。type事件名称，注意去掉事件前边的“on”，比如“onclick”要写成“click”，“onmouseover”要写成“mouseover”。listener要绑定的事件监听函数

2015-05-12 19:03:31 12131

原创 python中使用eval() 和 ast.literal_eval()的区别

eval函数在python中做数据类型的转换还是很有用的。它的作用就是把数据还原成它本身或者是能够转化成的数据类型。那么eval和ast.literal_val()的区别是什么呢？eval在做计算前并不知道需要转化的内容是不是合法的（安全的）python数据类型。只是在调用函数的时候去计算。如果被计算的内容不是合法的python类型就会抛出异常。ast.literal则会判断需要计算的内容计算后是

2015-05-11 15:21:42 27465

转载初学者必知的Python中优雅的用法

本文由伯乐在线 - 淘小米翻译，Daetalus 校稿。未经许可，禁止转载！英文出处：freepythontips.wordpress.com。欢迎加入翻译小组。Hi 朋友们。由于我最近都比较忙，所以已经很长一段时间没有写博客了。在这篇文章中我将和大家分享一些真正有用的技巧和窍门，这些技巧和窍门你们之前可能并不知道。所以不浪费时间了，让我们直接来看看这些内容吧：枚举之前我们这样操作：1234i

2015-05-11 15:02:26 5618

原创 javascript中函数声明和函数表达式的区别

1.js中函数表达式的定义表达式（expression）JavaScript中的一个短语，javascript会将其计算（evaluate）出一个结果。程序中的常量是一个最简单的表达式。变量名也是一种简单的表达式，它的值就是赋值给变量的值。复杂表达式是由简单表达式组成。 ——摘自《javascript权威指南》一个经典的函数表达式的定义方法：//函数表达式的

2015-05-07 21:41:19 8582 1

原创 javascript中的浅拷贝和深拷贝

1.js对象浅拷贝简单的赋值就是浅拷贝。因为对象和数组在赋值的时候都是引用传递。赋值的时候只是传递一个指针。看下面的实例代码：var a = [1,2,3];var b =a ;var test = {name:'xiaohong', age:15};var c = test;console.log(a);console.log(b);console.log(test);console.

2015-05-07 15:29:33 14161 3

原创 javascript闭包获取table中tr的索引

javascript闭包获取table中tr的索引<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"xml:lang="en">

2015-05-04 15:10:31 4720

原创 javascript闭包使用

之前看到一段代码，很是不能理解，然后就查找资料并且找网络上得大牛请教，最后弄懂了这段代码，然后就拿出来总结一下。1.挖坑先来看一段代码：var arrTest = [];for (var i = 0; i < 3; i++) { //注意函数没有传参数进入函数体 arrTest.push(function () { console.log('>>>' + i);

2015-05-01 11:34:07 1589 3

原创 CSS_Spirte实现原理

CSS Spirte就是所谓的把很多的小图标合并成一张大的图片，然后使用CSS的background-position属性，来动态的定位自己需要图标的位置。这样做的目的主要是减少HTTP请求，加快网页的加载速度。图片需要的结果：多余的话就不多说了具体的实现都已经写在了代码中，并且对于重点都进行了注释。如果有问题可以留言哈！ css_spirte div u

2015-04-28 22:58:48 1969

原创 python字符串中包含Unicode插入数据库乱码问题

之前在编码的时候遇到一个奇葩的问题，无论如何操作，写入数据库的字符都是乱码，之后是这样解决的，意思就是先解码，然后再插入数据库cost_str = json.dumps(cost_info)cost_str = cost_str.decode('unicode_escape')

2015-04-28 18:19:34 4509

原创前端知识概述----公司内部的一次分享

因为公司内部一个纯后端团队要做一些适合自己团队的web页面，所以就有了这次分享。知识都是很基础，有的知识也只是做了解简单介绍。主要是想让大家对前端有一个基本的了解。现在做一个总结。欢迎大家拍砖。

2015-04-16 21:24:47 8033 2

原创由一段代码谈前端js优化和编码规范(一)

1.在函数内部使用$li_elem，wolfArray这样的全局变量，其实这完全是没有必要的；2.在判断是否含有style标签的时候，我仍然适用的是$li_elem对象，其实我这里只要把wolfArray转化为jq对象就可以了；3.还是通过nextAll()一次性的获取了大量的无用对象；

2015-03-21 12:43:57 3595 1

原创 2014年终总结——-我的匆匆这一年(面试，毕业季，工作)

看看自己上一次写博客的时间，到现在已经快有一年了，这一年自己毕业，走上社会，感悟人生，当自己意识到该写今年的年终总结的时候，却发现不知道该从什么地方开始写，该写些什么了。还好，这一年让自己懂得不管什么事，如果已经发生，自己首先最不应该想的就是给自己找借口去开脱。看看自己之前的博客文章，貌似开篇都为自己或多或少找了一些借口，但是那样又有什么用呢?对于文章从哪里开始写，怎么写，这是一个问题！还好自己之

2015-01-26 00:31:14 13666 76

原创【C#小知识】C#中一些易混淆概念总结（八）---------解析接口

这一篇主要来解析关于面向对象中最总要的一个概念——接口。对于接口来说，C#是有规定使用Interface关键字来声明接口。它的声明是和类一致的。可以说接口就是一个特殊的抽象类。如下代码：class Program { static void Main(string[] args) { } } /

2014-02-18 00:09:09 4731 3

原创我的北漂在路上--------时不时的停下脚步思考

终于到周末可以有时间更新自己的博客了。果不其然，一开始上班，时间就比较紧凑，每天发生的一切感觉都是在那么短短的几小时之内就过去了。在公司有时候会感觉自己收获很多，有时候也会因为自己用几个小时解决了别人一句话就可以解决问题而懊恼。不管怎么样自己的生活就在这样日复一日的过去，直到自己突然发现每天的自己都没有对自己生活有过思考或者是反思。自己的生活习惯是不管睡的多晚，进被窝后都会用手机到《one》（

2014-02-15 16:34:11 4962 7

原创【C#小知识】C#中一些易混淆概念总结（七）---------解析抽象类，抽象方法

目录：【C#小知识】C#中一些易混淆概念总结--------数据类型存储位置，方法调用，out和ref参数的使用【C#小知识】C#中一些易混淆概念总结（二）--------构造函数，this关键字，部分类，枚举【C#小知识】C#中一些易混淆概念总结（三）--------结构，GC回收，静态成员，静态类【C#小知识】C#中一些易混淆概念

2014-02-10 01:55:21 4757

原创【C#小知识】C#中一些易混淆概念总结（六）---------解析里氏替换原则，虚方法

目录：【C#小知识】C#中一些易混淆概念总结--------数据类型存储位置，方法调用，out和ref参数的使用【C#小知识】C#中一些易混淆概念总结（二）--------构造函数，this关键字，部分类，枚举【C#小知识】C#中一些易混淆概念总结（三）--------结构，GC回收，静态成员，静态类【C#小知识】C#中一些易混淆概念总结

2014-02-08 01:53:51 9126 2

原创【C#小知识】C#中一些易混淆概念总结（五）---------继承

目录：【C#小知识】C#中一些易混淆概念总结--------数据类型存储位置，方法调用，out和ref参数的使用【C#小知识】C#中一些易混淆概念总结（二）--------构造函数，this关键字，部分类，枚举【C#小知识】C#中一些易混淆概念总结（三）--------结构，GC回收，静态成员，静态类【C#小知识】C#中一些易混淆概念总结(四)---------解析Co

2014-02-06 22:05:09 2962 1

空空如也

空空如也