Skip to content

Instantly share code, notes, and snippets.

@hzhopen
hzhopen / 读《用户体验的要素:以用户为中心的web设计》的笔记
Last active March 19, 2016 08:07
读《用户体验的要素:以用户为中心的web设计》的笔记
读《用户体验的要素:以用户为中心的web设计》的笔记
这本书很适合一个刚接触产品设计的人,当然对有一定产品设计基础的人也可以通过这本书来巩固知识,里面提供很多的基础知识来说明一个好的web设计应该怎么去做。
里面get到两个很重要的要点,一就是做产品要多沟通;二,做产品,文档一定不能少,里面说明了做一个产品要经历5个层面的考虑,每个层面都有相关的文档。
第1-2章
任何在用户体验上所做的努力,目的都是为了提高效率
两种形式表现:帮做人们工作得更快、减少他们犯错的几率
表现层surface(图片、文字),框架层skeleton(按钮,表格,文本区域),结构层structure,范围层scope,战略层strategy
上面5层,具体到抽象,最好从抽象开始每一个层面的工作在下一个层面可以结束前完成
@hzhopen
hzhopen / 30个开发人员有用的CSS代码片段
Created March 18, 2016 08:02
30个开发人员有用的CSS代码片段
30个开发人员有用的CSS代码片段
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
@hzhopen
hzhopen / node.js异步实现大文件copy
Created January 26, 2016 08:06
node.js异步实现大文件copy
node.js异步实现大文件copy
/*
大文件复制实例
*/
var fs = require('fs');
var path = require('path');
var out = process.stdout;
function maxCopy(srcPath, destPath) {
@hzhopen
hzhopen / 12个CSS高级技巧汇总
Created December 29, 2015 04:25
12个CSS高级技巧汇总
12个CSS高级技巧汇总
使用 :not() 在菜单上应用/取消应用边框,先给每一个菜单项添加边框
  /* add border */
.nav li {border-right: 1px solid #666;}
……然后再除去最后一个元素……   
  // remove border /
  .nav li:last-child {border-right: none;}
@hzhopen
hzhopen / 我的sublime插件说明
Last active September 11, 2015 06:22
我的sublime插件说明
我的sublime插件说明
删除插件
command + shift + p
输入remove package
选择要删掉的插件即可
------------------------------
Emmet
@hzhopen
hzhopen / 支持ie6,7的dom元素旋转缩放
Last active August 29, 2015 14:22
支持ie6,7的dom元素旋转缩放
支持ie6,7的dom元素旋转缩放
//方法名是fnRotateScale,有三个参数。第一个就是dom元素啦;第二个参数就是旋转的角度,例如旋转45度就是45,;第三个参数scale就是你希望缩放的比例了,例如希望放大两倍显示就是2就可以了。使用也是相当简单的。
var fnRotateScale = function(dom, angle, scale) {
if (dom && dom.nodeType === 1) {
angle = parseFloat(angle) || 0;
scale = parseFloat(scale) || 1;
if (typeof(angle) === "number") {
//IE
var rad = angle * (Math.PI / 180);
@hzhopen
hzhopen / 不用翻墙也能用google
Created November 18, 2014 11:36
不用翻墙也能用google
不用翻墙也能用google
当然了,首先推荐的还是
https://wen.lu/
然后才是下面的:
WOW.com
@hzhopen
hzhopen / javascript自动补全 支持键盘上下键 可以自定义数据,处理函数
Created July 31, 2014 02:51
javascript自动补全 支持键盘上下键 可以自定义数据,处理函数
javascript自动补全 支持键盘上下键 可以自定义数据,处理函数
/**
* @author wsf(自动补全动补全 支持键盘上下键)
*/
;
(function (win,$){
// 客户自动补全对象
function _autoComplete(){
this.dataUrl = "/xxxx/customerwidget/queryAllCustName.do";// action
this.data = null;// 数据
@hzhopen
hzhopen / php错误时显示报错信息
Created July 23, 2014 10:07
php错误时显示报错信息
php错误时显示报错信息
ini_set("display_errors","On");
error_reporting(E_ALL ^E_NOTICE ^E_WARNING); //
@hzhopen
hzhopen / javascript操作Excel
Created July 23, 2014 01:39
javascript操作Excel
javascript操作Excel
/*
* 默认转换实现函数,如果需要其他功能,需自行扩展
* 参数:
* tableID : HTML中Table对象id属性值
* 详细用法参见以下 TableToExcel 对象定义
*/
function saveAsExcel(tableID) {
var tb = new TableToExcel(tableID);
tb.setFontStyle("Courier New");