2017年07月_孑思

原创 css 技巧总结

1，如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以img{vertical-align:top;}方法3：test为img的父元素.test{font-size:0;line-height:0;}2.如何让某个元素充满整个页

2017-07-30 15:04:02 209

一句话解释面向对象：把一组数据结构和处理它们的方法组成对象（object），把相同行为的对象归纳为类（class），通过类的封装（encapsulation）隐藏内部的细节，通过继承（inheritance）实现类的特化（specialization）/泛化（generalization），通过多态（polymorphism）实现基于对象类型的动态分派（dynamic dispatch）.一.什么

2017-07-29 22:37:36 397

原创 javascript设计模式

最近开发的一个项目的第一阶段上线了，所以有了一些空余时间。打算复习一遍设计模式。这就开始吧！设计模式并非是软件开发的专业术语。实际上，“模式”最早诞生于建筑学。20世纪70年代，哈佛大学建筑学博士Christopher Alexander和他的研究团队花了约20年的时间，研究了为解决同一个问题而设计出的不同建筑结构，从中发现了那些高质量设计中的相似性，并且用“模式”来指代这种相似性

2017-07-29 22:22:03 403

原创工薪阶层如何经营自己？

参考做生意的人来吧。其实，你也是在做生意，不过，你是在经营自己而已。经营你的时间，你的能力，甚至你的身体。经营自己和经营企业一样，也需要赚到其他东西才能赚到更多钱。这个‘其他东西‘是什么呢？是人脉关系、个人素质、品牌、信用和能力。如果现在单位效益不好，你判断一下有没有未来，没有未来果断离开。找有未来的。有未来就脚踏实地的干。涨不了收入，那就去涨人脉关系、个人素质、品牌、信用和能力。越是在单

2017-07-27 13:31:08 358 1

原创 nodejs更新版本命令

1.清除NPM的缓存：sudo npm cache clean -f2.安装一个叫“n”的小帮手sudo npm install -g n3.安装最新稳定的Node.js版本sudo n stable或者选择一个特定的版本并安装如下：sudo n 0.8.20对于生产环境，您可能需要注意版本号，并挑选奇数/偶数。

2017-07-24 11:16:35 2328

转载 23个MySQL常用查询语句

一查询数值型数据: SELECT * FROM tb_name WHERE sum > 100; 查询谓词:>,=,<,<>,!=,!>,!<,>=,<=二查询字符串 SELECT * FROM tb_stu WHERE sname = ‘小刘’ SELECT * FROM tb_stu WHERE sname like ‘刘%’ SELECT * FROM tb_stu WHERE sn

2017-07-17 14:51:58 392

原创居中

相对浏览器窗口，绝对上下左右居中 .loading { width: 100%; height: 100%; position: fixed; z-index: 100; background: #fff; } .pic { wi

2017-07-09 11:40:13 227

转载表单设计

设计出更好的表单

2017-07-07 13:35:04 270

原创 CSS让同一行的图片和文字垂直居中对齐

有些朋友会发现，如果一行内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:middle;这样，它们在同一行就会垂直居中对齐了。

2017-07-06 15:22:00 15273 1

原创代码重构

这是一个持续跟新的文章。这篇文章会记录下我对代码重构的思考和读书的总结。在JavaScript开发中，我们大部分时间都在与函数打交道，所以我们希望这些函数有良好的命名，函数体内包含的逻辑清晰明了。如果一个函数过长，不得不加上若干注释才能让这个函数显得易读一些，那这些函数就很有必要进行重构。如果在函数中有一段代码可以被独立出来，那我们最好把这些代码放进另外一个独立的函数中，好处有如下几点。避

2017-07-05 13:23:43 246

原创 js时间戳和日期格式相互转换

// 时间戳转换时间代码长，冗余 function getTime(nS) { let date = new Date(nS); let Y = date.getFullYear() + '-'; let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1)

2017-07-05 11:02:24 297

原创移动端自适应方案

研究样本手淘 ml.js 天猫首页手机携程研究结论1.手淘获取手机dpr(window.devicePixelRatio)，动态生成viewport。换取手机宽度，分成10份，每一份的宽度即是rem的尺寸。根据设计稿尺寸(px)通过计算，转换成rem去布局。ps:海外淘宝并没有这样做，而是scale1.0并且图片大概都是2倍图。2.天猫采用scale=1.0 写死viewpo

2017-07-04 13:54:36 456

原创移动端图片自适应

解决方案 1、宽度百分比和max-width结合 width: 60%; height: auto; max-width: 100%;

2017-07-04 13:32:02 1995 1

ktutu的博客