2017年02月_福州司马懿

12月 11月 10月 03月 02月 01月

转载假设你的收入只有2000元如何分配有意义

转自 http://blog.csdn.net/q107770540/article/details/5981705　　假设你的月收入只有2000元，你也可以过得很好。我帮你把钱分成五份。第一份600元，第二份400元，第三份300元，第四份200元，第五份500元。　　第一份，用来做生活费。这么少的生活费，每天只能够分到十几元。早餐一份煮米丝，一个鸡蛋，一杯豆浆。中餐一份快餐，一个水果。晚餐

2017-02-27 10:48:57 1395

转自 http://blog.csdn.net/q107770540/article/details/5454376　　有人工作，有人上学，大家千万不要错过这篇文章，能看到这篇文章也是一种幸运，真的受益匪浅，对我有很大启迪，这篇文章将会改变我的一生，真的太好了，希望与有缘人分享，也希望对有缘人有所帮助！看完之后有种“相见恨晚”的感觉，特别激动，希望大家好好的珍藏这篇文章，相信多年以后，再来看这篇文章

2017-02-27 10:31:29 1379 1

原创 Java NIO —— 用 Path 取代 File

Java7中文件IO发生了很大的变化，专门引入了很多新的类：import java.nio.file.DirectoryStream;import java.nio.file.FileSystem;import java.nio.file.FileSystems;import java.nio.file.Files;import java.nio.file.Path;import java

2017-02-24 16:48:46 2087

原创 JavaScript 帧动画

JavaScript 实现帧动画的方式有三种图片元素的 element.style.backgroundPosition = “x y”;父容器的 overflow:hidden; 和图片src元素的 element.style.transform = “translate(x, y)”;使用canvas动态绘制JavaScript 实现帧动画较CSS实现的优点方便切割动画帧。由于每帧大小

2017-02-23 14:33:56 1528 1

原创 CSS3 帧动画（Sprite，直译叫雪碧图）

CSS雪碧CSS雪碧即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。原理CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position属性渲染，这也就意味着你

2017-02-22 17:20:48 12477

原创 CSS3 二级菜单

<!DOCTYPE html><html><head><meta charset="UTF8"><style> body { margin: 0; } nav { font-size: 14px; /* 由于其下的菜单元素都是float的,如果不设置其width和position:relative,当宽度不够时,会变到下

2017-02-18 20:21:45 1574

原创 JavaScript 滑动验证

<!DOCTYPE html><html><head> <meta charset="utf8">  <meta name="viewport" conte

2017-02-16 23:42:08 10090 11

翻译 Node.js npm uuid

译自 https://www.npmjs.com/package/uuiduuid RFC4122 (v1 and v4) generatorRFC4122 (v1 和 v4) 生成器 Simple, fast generation of RFC4122 UUIDS.简单，快速地生成 RFC4122 UUIDS。 Features: Generate RFC4122

2017-02-15 20:41:22 11187

翻译 Node.js npm colors

译自 https://www.npmjs.com/package/colorscolors get colors in your node.js console在你的 node.js 控制台中获取颜色get color and style in your node.js console（在你的 node.js 控制台中获取颜色和风格）安装 npm install colorscolors

2017-02-15 18:14:42 3756

翻译 Node.js npm log4js

译自 https://www.npmjs.com/package/log4jslog4js Port of Log4js to work with node.工作在 node 下的 Log4js 的接口。 This is a conversion of the log4js framework to work with node. I’ve mainly stripped out the

2017-02-15 12:43:22 4684

翻译 Node.js npm cheerio

译自 https://www.npmjs.com/package/cheeriocheerio Tiny, fast, and elegant implementation of core jQuery designed specifically for the server极小的，快速的并且使用 jQuery 设计的简洁的内核，专为服务器定制。let cheerio = require('c

2017-02-14 15:27:04 2423

翻译 Node.js npm iconv-lite

译自 https://www.npmjs.com/package/iconv-lite Convert character encodings in pure javascript.使用纯 javascript 转化字符编码。Pure JS character encoding conversion（纯 JS 字符编码转换） Doesn’t need native code comp

2017-02-14 11:01:23 10401

翻译 JavaScript media queries

译自 MDN https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries Note: This is an experimental technology Because this technology’s specification has not stabilized, che

2017-02-14 09:54:57 1195

翻译 CSS3 media queries

MDN https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries A media query consists of an optional media type and zero or more expressions that limit the style sheets’ scope

2017-02-14 09:24:54 1173

原创 HTML 图片热区（img usemap）

<img> element ‘s attribute: usemapMDN https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img The partial URL (starting with ‘#’) of an image map associated with the element. Usage note:

2017-02-13 14:27:58 11293 3

原创 CSS3 cursor

<html><head> <meta charset="utf8"> <style> b { vertical-align: middle; } table { width: 600px; text-align: center; borde

2017-02-10 23:26:34 1286

原创 CSS3 border-image

border-image 简介border-image 属性是一个简写属性，用于设置以下属性：border-image-source 边框图片的路径border-image-slice 边框图片向内偏移border-image-width 边框图片的宽度border-image-outset 边框图片区域超出边框的距离border-image-repeat 边框图片是否应平铺(r

2017-02-10 17:28:17 2049

原创 CSS3 filter grayscale 将整个界面变为黑白灰色调

通过外部样式<link rel="stylesheet" type="text/css" href="myGrayscale.css">myGrayscale.csshtml { /* IE 浏览器 */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(1

2017-02-10 16:25:48 10911

原创 HTML5 label 显式、隐式联系

label 标签有两个属性，分别是 for 与 accesskey。forhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/labelThe ID of a labelable form-related element in the same document as the label element. The first such

2017-02-10 12:48:21 2815

原创 Sublime 设置快捷键让html在浏览器中打开

sublime 的版本可以通过 Help -> Changelog… 来查看。我这里的版本是sublime3。首先要安装 “View In Browser” 插件。Preferences -> Package Control，输入 “Package Control: Install Package” 并回车。安装成功后，还是在 Package Control，输入 “View In Browser”

2017-02-10 09:32:35 17087

原创 CSS3 自定义Table

<!DOCTYPE HTML><html> <head> <meta charset="utf8"> <style> body { font-family: 'trebuchet MS', 'Lucida sans', Arial; font-size: 18px;

2017-02-09 15:05:06 1962

原创 JavaScript 本地图片预览

<!DOCTYPE html><html>

2017-02-08 16:43:33 1205

原创 JavaScript 后台处理（Web Worker）

webWorker.html<html> <head> <style> body { width: 100%; } table { border-spacing: 0px; } table th

2017-02-08 15:27:47 1493

原创 HTML5 drag drop

<!DOCTYPE HTML><html> <meta charset="utf8"> <head> <style> body { font-size: 14px; } h2 { margin: 0; }

2017-02-06 00:20:57 1693

原创 HTML5 五种密码框

<html> <head> <meta charset="utf8"> <title>五种密码类型</title> <style> body { font-size: 16px; } .container {

2017-02-05 18:23:13 18342

原创 HTML5 表单元素 —— input元素

<!DOCTYPE HTML><html lang="en"> <head> <meta charset="utf8"> <style> body { font-size: 14px; } ol { margin: 0;

2017-02-04 17:31:36 1577

原创 HTML5 Web Storage

HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储window.localStorage 前面的window前缀可以省略 sessionStorage 前面的window前缀可以省略与Cookie的区别之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数

2017-02-04 10:33:34 1242

原创 JavaScript 旋转的星空

<!DOCTYPE HTML><html lang="en"> <head> <meta charset="utf8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="starry sk

2017-02-02 20:31:14 2299

原创 JavaScript 声波

<html> <head> <meta charset="utf8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0 initial-scale=1.0, user-scalable=yes"> <meta name

2017-02-01 23:33:54 2604

React Developer Tools 4.2.0_0.crx

React Developer Tools，是chrome下的react插件，更新于2019年11月29日。由于国内被墙，且网上的插件很多都太旧了，不好用。故而分享出最新版的

2019-11-29

tar for windows 64位绿色版，可以打包大量文件

由于网上都是32位的，没有64位的，我就分享一个给大家用吧。用法：tar -cvf \bak\www.tar D:\wwwroot\www 此命令可以打包d盘的www文件夹到d盘bak目录，注意bak前面无需输入盘符。注意：此命令仅存储，无压缩，这样速度才快，如果需要压缩，请自己更改指令。

2018-12-10

Xffect Editor Pro v5.3.0 修正版

由于 Xffect Editor Pro v5.3.0 有一些废弃的API导致的错误，在Unity2018.1.0b13上报错且不能正常运行，因此特地修复这些错误并上传一个在2018版本中能正常运行的版本

2018-06-25

XffectEditorPro V5.3.0

xffect editor pro是适用于unity的高级特效编辑插件，软件内置了70多个高质量的特效示例，并拥有丰富的模板，可以帮助用户制作出令人满意的视频特效。