励志故事-CSDN博客

原创【React】React实现手风琴效果

需求背景效果图：由于不确定手风琴的个数，所以无法通过一个全局的state.hidden属性统一设置。有两种解决方法： 1. 数组的方式 2. 建立索引值查找（本文所使用的方法）import React, { Component } from 'react';import styles from './List.css';import { connect } from 'r

2017-12-19 17:25:11 4806

原创【HTML+CSS】教你切图篇5-星星评分纯CSS实现

俗话说得好，前端切图玩的就是心机，有时候多动脑子想一想，就能避免写很多的js脚本，何乐而不为，废话少说，这次实现的的东西长下面这样：原材料也很简单，就是两张图片，看看：实现原理也是非常简单滴，把灰色星星作为背景，然后在上面叠加黄色星星，通过控制黄色星星的宽度，实现评分变化，是不是很简单？先来看看HTML标签：<div class="star-eval"> <span class="stars

2017-11-29 11:35:30 10294

原创【CSS】背景图套路二：单一元素设置多背景图

单一元素设置多背景图

2017-11-13 18:27:28 1641

原创【JS】使用原型对象封装下拉框

一些对js原型的理解，下拉框的封装。

2017-11-09 09:55:04 918

原创【CSS】背景图套路一：用border-image做背景图

未经允许，不得转载。需求背景：如何用css来制作这样的一张优惠券？尤其是金棕色的齿轮：（设计稿宽高为690px * 210px）我想到的最直接快速的方法就是用background的URL来设置：直接把下面整个图片作为元素的背景，搞定！(宽高为690px * 210px，注意四边有1px,#e6e6e6,6px的圆角描边)这样固然不失为一种快速

2017-08-24 20:22:06 6827

原创【HTML+CSS】教你切图篇4-iframe布局、多列布局实现

iframe框架布局；项目中经常会使用到iframe，iframe虽然比较多毛病，也比较老了，但是有些项目还是需要，一般项目情况如下图：一般需求：让iframe区域填充满内容div区域，并且窗口大小改变时自适应。以往的解决方法是通过js判断window的宽高，然后使用窗口宽高减去左侧和头部的尺寸得到iframe的高度，并且添加窗口resize事件函数，当窗口尺寸改变时，

2017-08-22 17:51:34 3115

原创【JAVA】常用正则表达式

1.数字（不是数值，可以是0开头的：01234567） public boolean isNumber(String str){ java.util.regex.Pattern pattern=java.util.regex.Pattern.compile("[0-9]*"); java.util.regex.Matcher match=pattern.ma

2017-08-16 17:39:26 767

原创读《人生的智慧》有感

朋友圈某君是程序员，大学毕业进某互联网金融公司工作，成为职业搬砖一员，工作一年后贷款买了房子。于是某君的朋友圈变成了房贷、加班和下班的自留地，某君奋战了数月，项目终于上线，闲下来的某君在朋友圈感叹信仰缺失，大有想喝鸡汤之势。我君不才，恰好读了叔本华大神的《人生的智慧》，拾人牙慧也未尝不可。我君觉得信仰的缺失无非是当前的无聊，是内心的焦躁和远方的遥遥无期，也可能是一眼望到头的生活。大

2017-08-15 16:29:12 1880 1

原创【前端兼容】2016前端兼容笔记

工作一年多，发现博客大家都不怎么写了，本着分享的原则，这一年大大小小也积累了一些知识，希望大家少踩坑，当然，踩坑并不一定是坏事，那是一种成长。前端制作考虑情况：浏览器兼容，IE7、谷歌、火狐、360、百度等浏览器兼容；屏幕适应，大屏和小屏的宽度适应，最小宽度和最小高度的限定；考虑文字过多的情况；表单输入设置提示选项，注意留有错误提示位置；题目类页面切图时应考虑各种可能出现的题型，单选、多选

2017-02-14 11:44:30 965

原创【JS】IP大小端转换&十进制数字转换成IP

IP大小端转换&十进制数字转换成IP

2016-04-30 11:30:13 4214

原创【HTML+CSS】教你切图篇3-自定义单选、多选、下拉框的实现

大家都知道，默认的单选、多选、下拉控件样式实在是丑哭了。下面小编介绍两种实现单选、多选、下拉控件的样式。首先来介绍第一种：1.用CSS+HTML实现这种实现方式是简单，获取数据方便，兼容主流浏览器，缺点就是IE8以及以下的浏览器都不兼容，所以要兼容到更低版本的IE浏览器就需要用到第二种方法了。首先先看效果图：代码如下：表单测试 /*复选 S*/ /*将i

2016-02-22 17:50:38 5264 6

原创【Java】使用Json-lib序列化关联对象的异常解决

使用Json-lib序列化关联对象的异常解决

2016-01-10 20:52:38 1370

原创【SpringMVC】文件上传Expected MultipartHttpServletRequest: is a MultipartResolver错误解决

Expected MultipartHttpServletRequest: is a MultipartResolver错误解决

2016-01-05 22:23:27 12974 3

原创【Linux】ubuntu下安装MySQL、Redis

ubuntu下安装MySQL、Redis

2015-12-24 12:25:25 1578

原创【Linux】ubuntu下安装JDK、Tomcat

ubuntu下安装JDK、Tomcat

2015-12-23 22:23:33 1399

原创【Ajax】ajax上传文件及进度条的实现

html5上传是同步上传的方式，所以能够实现进度条的显示。 1.上传文件：首先我们用ajax来取得的file对象： var file = null; var input = $("#file_upload"); //文件域选择文件时, 执行readFile函数 input.addEventListener('change',readF

2015-12-21 16:06:18 10645

原创【Ajax】ajax的dataType

ajax的dataType是设置预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，后台设置MIME 类型是用response.setContentType(MIME)方法设置。 ajax的dataType的值有以下常见类型： "xml": 返回 XML 文档。 "html": 返回纯

2015-12-21 12:00:41 7818

原创【JSON】json与List的相互转换

在前端： 1.如果json是List对象转换的，可以直接遍历json，读取数据。 2.如果是需要把前端的List对象转换为json传到后台，param是ajax的参数，那么转换如下所示： var jsonStr = JSON.stringify(list); var param= {}; param.jsonStr=jsonStr; 在后台：

2015-12-21 11:58:36 6566

原创【Python】Python读取文件夹下的所有文件

os.listdir(path)是得到在path路径下所以文件的名称列表。 open(path)是打开某个文件。 iter是python的迭代器。所以读取某文件夹下的所有文件如下：import ospath = "D:/Python34/news" #文件夹目录files= os.listdir(path) #得到文件夹下的所有文件名

2015-12-21 11:54:54 337457 15

原创【Json】使用json的一些技巧

json这种数据格式很简便，在开发中经常用到，这次我们来谈谈关于json的一些使用技巧。若返回的是json数据，直接返回到前台访问的话只会提示object，但不会显示json里面的具体内容，如：var aaa = {xxx:yyy,mmm:nnn};console.log(aaa); //[object object]如果想要知道aaa的具体内容是什么，需

2015-12-19 13:15:45 1056

原创【HTML+CSS】教你切图篇2-文本输入框编写

在之前的一篇文章我们提到按钮的实现，今天我们来说一下同样很常用的文本框的用途，在网页中我们经常会看到文本输入框，结合上一篇的按钮实现，那么文本框和按钮的结合我们可以用来做什么呢？1.首先我们可以想到登录框的实现，一个登录框通常包括文本输入框、登录/注册按钮、选择是否下次登录，选项框我们会在下一篇文章详细介绍，首先我们来实现一个简单的登录窗口，效果图如下：废话不多说，代码如下：

2015-12-15 16:55:52 3120

原创【css】制作网页图标

分享一个简单添加网站icon的技巧。需要生成网页图标只要在head里面增加即可，一般使用PS生成ico格式的16*16或32*32的图片。图片的路径一般直接放在根目录即可。最好使用png格式的图片，否则JPG格式图片可能会出现白底影响美观。附：20个最好的在线网站 favicon 生成工具http://blog.wpjam.com/article/20-

2015-12-15 13:19:35 1190

原创【HTML+CSS】教你切图篇1-实现按钮

最近实习一直在做前端切图，也是一种需要绣花般耐心的活儿，在这里总结一下一些基础页面元素的实现方式，后续陆续更新。首先我们遇到最多的可能是按钮的切图，按钮可能有很多种外观，但是一般可分为纯文字的和带图标的按钮，下面就来说说这两种按钮的实现方法。效果图如下：代码如下：按钮写法 a:hover{text-decoration: none;} .b

2015-12-14 01:31:12 5594

原创【JS】关于trim函数的小tips

trim();函数的作用是去掉字符串的前后空格。js不像其他高级语言那样自带trim函数，而是需要自己改接口写：另外，如果遇到的是非字符串类型（如数组、数字等），需要先toString()转成字符串，然后再trim()去空格。注意：若是空值、undefined等值，是无法转换成字符串的，因为本来就没值，转字符串会报错，

2015-12-14 01:30:30 1157

原创【NodeJs】NodeJs中base16转码

在使用NodeJs做项目的过程中，遇到一个问题，需要把从数据库中拿回来的数据进行base16转码。若是简单的转码少量的数据，想知道已经被转码的数据还原出来的结果是什么，可在此网站在线转换：http://pbaseconverter.com/但如果是大量的数据，且需要把转码后的数据从后台转发给前端的情况下，就不能每次都是在线转码，需要写入程序实现自动解码。一开始搜索网上一些Nod

2015-12-14 01:18:04 2332 2

原创【jQuery】遮罩效果的实现

暑假的实习，本来不怎么懂JavaScript的我，写了挺多JavaScript或者是jQuery的一些小效果，现在记录下来，方便以后查看。遮罩效果一般用在数据处理需要一定时间，这段等待的时间不希望用户去点击按钮或者是修改数据，那么就会用到遮罩层，等到数据处理完毕之后，再关闭遮罩层，这样子就可以避免数据出错了。遮罩效果其实非常简单，就是用一个div挡住屏幕即可，我们只需事先写好一个顶层的di

2015-11-03 17:04:17 3474

原创【Android】安卓SDK出错的解决办法

学习安卓以来，遇到过两次SDK报错的情况，每次报错的时候，工程都会无法打开或者全部出现红叉。第一次出现错误，我忘了截图了，隐约记得是提示无法加载SDK，打开模拟器的时候会报错，然后在Window-->Preference-->Android里SDK Targets列表是空。然后我想起在此之前，我更新了一下SDK，还有是我使用手机去测试的时候出错，之后打开eclipse的时候就出现这个问题了，然

2015-10-24 10:20:40 3891

原创【NodeJs】NodeJs中使用highstock

NodeJs的jade模板引擎使用highstock时无法显示图表的解决方案之一。

2015-10-04 21:03:39 2339

原创【兼容】浏览器兼容那些事

关于浏览器兼容的一些感悟。

2015-10-04 14:27:26 782

原创【设计前沿】设计心理学

最近看了一本《设计心理学》，内容不多，作者挺风趣幽默的。我相信大家在生活中或多或少都会遇到用得不太顺心的物品，当我们浏览网页或者APP时，也难免会找不到想要的东西或者直接就迷了路。举个栗子，我就是经常把宿舍门锁方向扭错，想锁门结果变成了开门，开门时变成关门。为此舍友调侃了我将近四年，现在看来我可以理直气壮地对舍友说：不是我笨，绝对是门锁的设计有问题，有问题啊！在设计一件物

2015-10-03 09:34:26 968 1

原创【Java数据结构】二分查找

最近都是在复习数据结构，所以这段时间就写一下查找，排序的算法吧。先介绍一些二分查找，二分查找非常简单，是很基础的算法，在考试、面试中也都会经常出现。二分查找的前提条件是数组已经是顺序排序的，然后找出某个数所在的位置。二分查找也称为折半查找，所以这个算法就是不断的折半。首先是取数组中间那个数进行比较，如果比它大，就在这个数组的后半部分继续二分查找，如果比它小，就在数组的前面一部分继续二分查找，直

2015-09-30 10:45:55 955 2

原创【2015实习总结】UI设计技巧

Author:事始Sign:只要你还在尝试，就不算失败。

2015-09-16 22:28:06 2604

原创【jQuery】普通正则表达式校验和validationEngine校验

在实际的开发中，我们经常遇到的校验莫非于非空校验、数字校验、电话校验、邮箱校验，在这里我就以以上校验作例子，其他的校验网上一搜一大把。其实使用正则表达式校验是比较灵活的一种方式，首先介绍正则表达式校验。下面我直接贴代码了，有一点要注意的，就是非空校验，很多时候我们需要校验非空，是连带空格都要校验的，所以例子中的非空校验是会校验空格的。非空：不能为空电话号码：请输入正确的电

2015-09-12 09:43:00 1899

原创【jQuery】保持this所指向的元素(以Ajax为例说明)

以Ajax为例说明如何保持this所指向的元素

2015-09-08 23:19:29 2244

原创【jquery】优化仿淘宝五星评价打分(附注释)

仿淘宝五星评价代码优化

2015-09-08 21:55:21 5209 1

原创【Java】JAVA枚举类型

JDK 5新增了enum关键字可用于定义一个枚举类。可以把相关常量写在一个类里。如下代码： class TestClass { private TestClass(){}//定义私有构造函数，不能从外部实例化对象 //提供两个实例A、B public static final TestClass A=new TestCla

2015-08-31 21:54:12 802

原创【Java】JAVA反射机制

在Java中，每个类都有一个相应的Class对象。当我们编写一个类，编译完成后，在生成的.class文件中，就会产生一个Class对象，用于表示这个类的类型信息。获取Class实例的三种方式：(1)利用对象调用getClass()方法获取该对象的Class实例；(2)使用Class类的静态方法forName()，用类的完全名称获取一个Class实例；(3)运用.class的方式来获

2015-08-31 21:49:52 786

原创【JS】测试：HTML页面引入另一个HTML页面，同名ID会冲突吗

今天被问到一个问题，就是当页面HTML页面引入了另外一个HTML页面，恰好2个页面具有相同的ID，那么需要用ID来处理一些行为的时候会发生冲突或者报错吗？我用了iframe来引入另外一个HTML页面。先准备好材料：1个HTML页面（含iframe标签，我命名为test.html），再加一个HTML页面（作为iframe页面的src源，这个页面我命名为iframe.html）。两个页

2015-08-31 21:43:04 4935 4

原创【JQuery】jQuery自制简易手风琴效果(附实现原理)

简易手风琴效果，附实现原理

2015-08-30 09:48:59 10219

原创【JS】JavaScript引擎的内部运行机制

JavaScript引擎的内部运行机制，前端必学

2015-08-25 09:23:23 1234

Jcrop图片预览裁剪-图片预览裁剪

Servlet源码

The_C_programming_Language(中文版)

The_art_and_science_of_C

C++函数手册+(LibraryFunctions)

XmlSchema标准参考手册

dom4jAPI帮助文档

空空如也