我爱小明

摘要： 1.每一次沟通、互动、推送的对象是谁，读者对这个人越了解，信任度就越高，包括他的公司职位、姓名、联系方式。2.简单就是力量，不要把自己的微信公众账号变成万能的功能应用，可以免费听音乐、机器人陪聊，这些功能只会淡化企业核心价值，请删掉这些功能，简单就是力量。3.微信营运的目的是维护顾客关系，用99%的... 阅读全文

摘要： Google 刚刚发布了由 Google 与 AnswerLab 联合打造，名为《Principles of Mobile Site Design: Delight Users and Drive Conversions》的移动网站设计原则白皮书。白皮书提到，为了愉悦用户和推动转化率，移动网站设计应... 阅读全文

摘要： 仅用于个人学习记录页面外围控制整体布局宽度：wrapper 头：header 尾：footer 页面主体：main　左侧main-left右侧main-right内容：content　导航：nav 侧栏：sidebar栏目：column 左右中：leftrightcenter 登录：login　注册：regsiter　标志：logo 广告：banner 热点：hot 新闻：news下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright　... 阅读全文

摘要： 仅用于个人学习记录1.宽度使用百分比+容器浮动（偷懒的做法是采用等比缩放，但是会在小分辨下，文字如蚂蚁般看不清）浮动好处，超出宽度，自动下调2.流体布局：采用百分比不适用绝对高度，字体大小采用百分比（相对自己大小）3.Metaviewport参数width=device-widthuser-scalable=1initial-scale=1maximum-scale=1minimum-scale=1最佳组合（）：4.MediaQueryCSS/*PC宽屏样式*//*iPad及以下，所有小于（不等于）960宽度的平板电脑*/@mediaonlyscreenand(max-width:959px) 阅读全文

摘要： 仅用于个人学习记录javascript 数组随机排序1.最简洁的方法：function randomsort(a, b) { return Math.random()>.5 ? -1 : 1; //用Math.random()函数生成0~1之间的随机数与0.5比较，返回-1或1}var arr = [1, 2, 3, 4, 5];arr.sort(randomsort);2.数组中的sort方法排序 无参数是按照字符编码的顺序进行排序。 arrayObject.sort(sortby) function sortby(a,b) { return a b ? -1 : 1;;//如果a&g 阅读全文

摘要： jQuery 的 animate 虽然能直接使用 CSS 的方式来进行动画，但有些属性其实是不支持的，例如：background-position。谷歌支持 background-position-x; background-position-y ；firefox不支持。使用 background-position 插件使用另外一个background-position 插件：_this.animate({'background-position':'477px 0px'},750);/* http://keith-wood.name/backgroundPos 阅读全文

摘要： 针对Chrome和Safari等Webkit核心浏览器的CSS hack代码： @media screen and (-webkit-min-device-pixel-ratio:0) { …… }针对Webkit核心浏览器和Opera的写法： @media all and (min-width:0px){…… }针对Opera浏览器的写法： @media all and (-webkit-min-device-pixel-ratio:10000),not and all (-webkit-min-device-pixel-ratio:0) {……}针对Firefox浏览器的写法： @-moz 阅读全文

摘要： 顶部固定导航，，向上滚动的时候显示，，向下滚动的时候隐藏。类似新浪详细页效果... 1111 阅读全文

摘要： 阅读全文

摘要： @charset "utf-8";/* * filename: global.css* description: 全局样式（包含样式重置，公共常用样式，链接样式等）* author:我爱小明* version: 1.0* updated: 2013-04-20* */*{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; } input, textarea{margin:0; padding:0; font-size:100%; vertica 阅读全文