阅读 28160
"button"&/
在按钮外面扩一个a标签就好了
本文转载自：
人打赏支持
码字总数 16565
引用来自“Neoman”的评论这么纠结，为什么不用事件啊 你是说用location.href=&&;是吧？
这么纠结，为什么不用事件啊
评论删除后，数据将无法恢复
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮 （）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交 当点击登陆时，向数据库发生的数据是...
alokka的博客
return false会阻止表单提交，基本上关于onsubmit=return false有以下几点要注意的地方，学习后台编程的朋友一定要知道。 1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面...
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1.阻止浏览器的默认行为 [java] function stopDefault(e) { //如果提供了事件对象，...
前提：之前遇到过一次textview显示url的方式，但是并未深入探究。但是，上个礼拜一个朋友问我如何在textview上面加载url，并且点击跳转到指定页面。当时对这个比较感兴趣也就深入探究了一番。...
Silence潇湘夜雨
$(".rankDetail").scroll(function(){ //rankDetail是大容器的class var scrollHeight = $(this).scrollTop(); var rankListCount = $(".rankList"). //rankList是容器中的一个项目，......
业务场景：工作由于需要进行数据的展示，因此需要使用Echarts的饼状图来展示各个部分所占的比重，当然这个都是最基本的功能，然而今天遇到了一个新的需求，饼状图的各个部分需要能点击，而且...
彩虹的夜晚
segue是storyboard中进行场景转换的核心。 实际操作的时候，和以前的代码思维方式有不同之处。比如说，login的实现。 （一）代码思维代码： - (void)configureLoginButton { UIButton *login...
React Native(以下简称RN)开发app过程中大部分都可以在JS端完成，但是也有一些功能是需要原生端来完成的。这时RN与原生端就不可避免的需要进行交互，比如页面跳转和数据传递。本篇文章主要以...
合抱之木，生於毫末；九層之台，起於累土；千里之行，始於足下。《老子》 今天在社区看到有朋友问“如何在半年内成为顶级架构师”，有网友道“关灯睡觉，不用半年的...”,的确，做梦还来的快...
合抱之木，生於毫末；九層之台，起於累土；千里之行，始於足下。《老子》 今天在社区看到有朋友问“如何在半年内成为顶级架构师”，有网友道“关灯睡觉，不用半年的...”,的确，做梦还来的快...
veblen_pong
没有更多内容
加载失败，请刷新页面
序言：针对公司开发配置文件的一些基础常识 1、核心配置文件 springboot框架也被我认为一个工具，它的主要核心文件为application.properties,又可以命名为application.yml亦或者application...
sring data:spring底层默认进行数据访问采用的一个技术，是spring官方提供的用来简化数据访问的一个项目，在这个项目里有非常多的模块，能简化各种数据层的操作，比如spring date jpa简化关系...
简介 awk是一个强大的文本分析工具，相对于grep的查找，sed的编辑，awk在其对数据分析并生成报告时，显得尤为强大。简单来说awk就是把文件逐行的读入，以空格为默认分隔符将每行切片，切开的...
Solution 148. Sort List Question 题目大意:对链表进行排序 思路:链表转为数组,数组用二分法排序 Java实现: public ListNode sortList(ListNode head) {
// list to array
List&Int......
java8新特性 新特性介绍： 简而言之，java8的新特性就是：Lamdba函数（匿名函数），流，默认方法。 Java8 的灵活使用，会使得代码可读性更好（前提是你的同事也使用，别人不会，你强行使用，...
下面是 发布的大数据工程师技能图谱(仅供参考） 大数据通用处理平台 在这里相信有许多想要学习大数据的同学，大家可以+下大数据学习裙：716加上【五8一】最后014，即可免费领取一整套系统的大...
相关文章 Log.isLoggable之一正确的使用姿势 Log.isLoggable之二源码解析 简介 我们在做Android APP开发时，多多少少需要打印Log，伴随着Log的打印就有一个打印开关是否允许打印Log，本文要讲...
hejunbinlan
虚拟化介绍 o VMware Workstation就是虚拟化 o 虚拟化简单讲，就是把一台物理计算机虚拟成多台逻辑计算机，每个逻辑计算机里面可以运行不同的操作系统，相互不受影响，这样就可以充分利用硬...
CTRL+ALT+V
CNN on TensorFlow 本文大部分内容均参考于： An Intuitive Explanation of Convolutional Neural Networks 知乎：「为什么 ReLU 要好过于 tanh 和 sigmoid function?」 Deep MNIST for Exp......
没有更多内容
加载失败，请刷新页面
文章删除后无法恢复，确定取消删除此文章吗？
亲，自荐的博客将通过私信方式通知管理员，优秀的博客文章审核通过后将在博客推荐列表中显示
确定推荐此文章吗？
确定推荐此博主吗？
聚合全网技术文章，根据你的阅读喜好进行个性推荐
指定官方社区
深圳市奥思网络科技有限公司版权所有H5移动端常见问题及解决方案 - 简书
H5移动端常见问题及解决方案
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
//一、HTML页面结构
&meta name="viewport" content="width=device-width,iitial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /&
设置viewport宽度，为一个正整数，或字符串‘device-width’
设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置
// initial-scale
默认缩放比例，为一个数字，可以带小数
// minimum-scale
允许用户最小缩放比例，为一个数字，可以带小数
// maximum-scale
允许用户最大缩放比例，为一个数字，可以带小数
// user-scalable
是否允许手动缩放
//二、JS动态判断
var phoneWidth =
parseInt(window.screen.width);
var phoneScale = phoneWidth/640;
var ua = navigator.userA
if (/Android (\d+.\d+)/.test(ua)){
var version = parseFloat(RegExp.$1);
if(version&2.3){
document.write('&meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi"&');
document.write('&meta name="viewport" content="width=640, target-densitydpi=device-dpi"&');
document.write('&meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi"&');
三、Css动态判断
根据c3 中的新属性 calc()
在body中设置 font-size：calc(100vw/640px*100px);
//640的设计稿
空白页基本meta标签
&meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /&
&meta name="apple-mobile-web-app-capable" content="yes" /&
&meta name="apple-mobile-web-app-status-bar-style" content="black" /&
&meta name="format-detection"content="telephone=no, email=no" /&
其他meta标签
&meta name="renderer" content="webkit"&
&meta http-equiv="X-UA-Compatible" content="IE=edge"&
&meta name="HandheldFriendly" content="true"&
&meta name="MobileOptimized" content="320"&
&meta name="screen-orientation" content="portrait"&
&meta name="x5-orientation" content="portrait"&
&meta name="full-screen" content="yes"&
&meta name="x5-fullscreen" content="true"&
&meta name="browsermode" content="application"&
&meta name="x5-page-mode" content="app"&
&meta name="msapplication-tap-highlight" content="no"&
移动端如何定义字体font-family
@ --------------------------------------中文字体的英文名称
@ 微信雅黑
Microsoft Yahei
@ 微软正黑体 Microsoft JhengHei
@ 新细明体
@ 仿宋_GB2312
FangSong_GB2312
@ 楷体_GB2312
KaiTi_GB2312
@ 说明：中文字体多数使用宋体、雅黑，英文用Helvetica
body { font-family: Microsoft Yahei,SimSun,H }
打电话发短信写邮件怎么实现
一、打电话
&a href="tel:"&打电话给:&/a&
二、发短信，winphone系统无效
&a href="sms:10086"&发短信给: 10086&/a&
// 三、写邮件
//注：在添加这些功能时，第一个功能以"?"开头，后面的以"&"开头
//1.普通邮件
&a href="mailto:"&点击我发邮件&/a&
//2.收件地址后添加?cc=开头，可添加抄送地址（Android存在兼容问题）
&a href="mailto:?cc="&点击我发邮件&/a&
//3.跟着抄送地址后，写上&bcc=,可添加密件抄送地址（Android存在兼容问题）
&a href="mailto:?cc=&bcc="&点击我发邮件&/a&
//4.包含多个收件人、抄送、密件抄送人，用分号(;)隔开多个邮件人的地址
&a href="mailto:@qq."&点击我发邮件&/a&
//5.包含主题，用?subject=
&a href="mailto:?subject=邮件主题"&点击我发邮件&/a&
//6.包含内容，用?body=;如内容包含文本，使用%0A给文本换行
&a href="mailto:?body=邮件主题内容%0A腾讯诚信%0A期待您的到来"&点击我发邮件&/a&
//7.内容包含链接，含http(s)://等的文本自动转化为链接
&a href="mailto:?body=http://www.baidu.com"&点击我发邮件&/a&
//8.内容包含图片（PC不支持）
&a href="?body=
"&点击我发邮件&/a&
//9.完整示例
&a href="?&subject=[邮件主题]&body=腾讯诚邀您参与%0A%0
"&点击我发邮件&/a&
移动端touch事件（区分webkit和winphone）
/* 当用户手指放在移动设备在屏幕上滑动会触发的touch事件 */
// 以下支持webkit
touchstart——当手指触碰屏幕时候发生。不管当前有多少只手指
touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生：阻止页面滚动
touchend——当手指离开屏幕时触发
touchcancel——系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面alert()一个提示框，此时会触发该事件，这个事件比较少用
//TouchEvent说明：
touches：屏幕上所有手指的信息
targetTouches：手指在目标区域的手指信息
changedTouches：最近一次触发该事件的手指信息
touchend时，touches与targetTouches信息会被删除，changedTouches保存的最后一次的信息，最好用于计算手指信息
//参数信息(changedTouches[0])
clientX、clientY在显示区的坐标
target：当前元素
//事件响应顺序
ontouchstart
& ontouchmove
& ontouchend & onclick
// 以下支持winphone 8
MSPointerDown——当手指触碰屏幕时候发生。不管当前有多少只手指
MSPointerMove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会调用css的html{-ms-touch-action:}可以阻止默认情况的发生：阻止页面滚动
MSPointerUp——当手指离开屏幕时触发
移动端click屏幕产生200-300ms的延时响应
说明：移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。
以下是历史原因，来源一个公司内一个同事的分享：
2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上，使用了双击缩放(double tap to zoom)的方案，比如你在手机上用浏览器打开一个PC上的网页，你可能在看到页面内容虽然可以撑满整个屏幕，但是字体、图片都很小看不清，此时可以快速双击屏幕上的某一部分，你就能看清该部分放大后的内容，再次双击后能回到原始状态。
双击缩放是指用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。
原因就出在浏览器需要如何判断快速点击上，当用户在屏幕上单击某一个元素时候，例如跳转链接&a href="#"&&/a&，此处浏览器会先捕获该次单击，但浏览器不能决定用户是单纯要点击链接还是要双击该部分区域进行缩放操作，所以，捕获第一次单击后，浏览器会先Hold一段时间t，如果在t时间区间里用户未进行下一次点击，则浏览器会做单击跳转链接的处理，如果t时间里用户进行了第二次单击操作，则浏览器会禁止跳转，转而进行对该部分区域页面的缩放操作。那么这个时间区间t有多少呢？在IOS safari下，大概为300毫秒。这就是延迟的由来。造成的后果用户纯粹单击页面，页面需要过一段时间才响应，给用户慢体验感觉，对于web开发者来说是，页面js捕获click事件的回调函数处理，需要300ms后才生效，也就间接导致影响其他业务逻辑的处理。
//解决方案：
fastclick可以解决在手机上点击事件的300ms延迟
zepto的touch模块，tap事件也是为了解决在click的延迟问题
Rentina显示屏原理及设计方案 说明：retina屏是一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4个。
在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统PC的2倍。 那么，前端的应对方案是：设计稿切出来的图片长宽保证为偶数，并使用backgroud-size把图片缩小为原来的1/2
//例如图片宽高为：200px*200px，那么写法如下
.css{width:100height:100background-size:100px 100}
//其它元素的取值为原来的1/2，例如视觉稿40px的字体，使用样式的写法为20px
.css{font-size:20px}
//image-set设计Rentina背景图
image-set,webkit私有属性，也是CSS4的属性，为解决Rentina屏幕下的图像而生。
background: url(images/bg.jpg) no-
background: -webkit-image-set(
url(images/bg.jpg) 1x,
//支持image-set普通屏
url(images/bg-2x.jpg) 2x); //支持image-set的Rentinan
点击元素产生背景或边框怎么去掉
ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0去除灰色半透明遮罩；
//android用户点击一个链接，会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样，可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果；
//winphone系统,点击标签产生的灰色半透明背景，能通过设置&meta name="msapplication-tap-highlight" content="no"&去掉；
//特殊说明：有些机型去除不了，如小米2。对于按钮类还有个办法，不使用a或者input标签，直接用div标签
a,button,input,textarea {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext- //-webkit-user-modify有个副作用，就是输入法不再能够输入多个字符
{ -webkit-tap-highlight-color: rgba(0,0,0,0); }
//winphone下
&meta name="msapplication-tap-highlight" content="no"&
美化表单元素
一、使用appearance改变webkit浏览器的默认外观
input,select { -webkit-appearance: appearance: }
二、winphone下，使用伪元素改变表单元素默认外观
1.禁用select默认箭头，::-ms-expand修改表单控件下拉箭头，设置隐藏并使用背景图片来修饰
select::-ms-expand { display: }
2.禁用radio和checkbox默认样式，::-ms-check修改表单复选框或单选框默认图标，设置隐藏并使用背景图片来修饰
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check { display: }
3.禁用pc端表单输入框默认清除按钮，::-ms-clear修改清除按钮，设置隐藏并使用背景图片来修饰
input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear { display: }
移动端字体单位font-size选择px还是rem
// 如需适配多种移动设备，建议使用rem。以下为参考值：
html { font-size: 62.5%; }
//1016 = 62.5%
//设置12px字体
这里注意在rem前要加上对应的px值，解决不支持rem的浏览器的兼容问题，做到优雅降级
body { font-size:12 font-size:1.2 }
12.实用的CSS样式
//去掉webkit的滚动条——display:
//其他参数
::-webkit-scrollba //滚动条整体部分
::-webkit-scrollbar-thumb
//滚动条内的小方块
::-webkit-scrollbar-track
//滚动条轨道
::-webkit-scrollbar-button
//滚动条轨道两端按钮
::-webkit-scrollbar-track-piece
//滚动条中间部分，内置轨道
::-webkit-scrollbar-corner
//边角，两个滚动条交汇处
::-webkit-resizer
//两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
// 禁止长按链接与图片弹出菜单
a,img { -webkit-touch-callout: none }
// 禁止ios和android用户选中文字
html,body {-webkit-user-select: user-select: }
// 改变输入框placeholder的颜色值
::-webkit-input-placeholder { / WebKit browsers /
color: #999; }
:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #999; }
::-moz-placeholder { / Mozilla Firefox 19+ /
color: #999; }
:-ms-input-placeholder { / Internet Explorer 10+ */
color: #999; }
input:focus::-webkit-input-placeholder{ color:#999; }
// android上去掉语音输入按钮
input::-webkit-input-speech-button {display: none}
// 阻止windows Phone的默认触摸事件
/说明：winphone下默认触摸事件事件使用e.preventDefault是无效的，可通过样式来禁用，如：/
html { -ms-touch-action: } //禁止winphone默认触摸事件
取消input在ios下，输入的时候英文首字母的默认大写
&input autocapitalize="off" autocorrect="off" /&
手机拍照和上传图片
//IOS有拍照、录像、选取本地图片功能，部分Android只有选择本地图片功能。Winphone不支持
&input type="file" accept="images/" /&
&input type="file" accept="video/" /&
屏幕旋转的事件和样式
function orientInit(){
var orientChk = document.documentElement.clientWidth & document.documentElement.clientHeight?'landscape':'portrait';
if(orientChk =='lapdscape'){
//这里是横屏下需要执行的事件
//这里是竖屏下需要执行的事件
orientInit();
window.addEventListener('onorientationchange' in window?'orientationchange':'resize', function(){
setTimeout(orientInit, 100);
//竖屏时样式
@media all and (orientation:portrait){
//横屏时样式
@media all and (orientation:landscape){
audio元素和video元素在ios和andriod中无法自动播放
//音频，写法一
&audio src="music/bg.mp3" autoplay loop controls&你的浏览器还不支持哦&/audio&
//音频，写法二
&audio controls="controls"&
&source src="music/bg.ogg" type="audio/ogg"&&/source&
&source src="music/bg.mp3" type="audio/mpeg"&&/source&
优先播放音乐bg.ogg，不支持在播放bg.mp3
//JS绑定自动播放（操作window时，播放音乐）
$(window).one('touchstart', function(){
music.play();
//微信下兼容处理
document.addEventListener("WeixinJSBridgeReady", function () {
music.play();
}, false);
//1.audio元素的autoplay属性在IOS及Android上无法使用，在PC端正常
//2.audio元素没有设置controls时，在IOS及Android会占据空间大小，而在PC端Chrome是不会占据任何空间
重力感应事件
// 运用HTML5的deviceMotion，调用重力感应事件
if(window.DeviceMotionEvent){
document.addEventListener('devicemotion', deviceMotionHandler, false)
var speed = 30;
var x = y = z = lastX = lastY = lastZ = 0;
function deviceMotionHandler(eventData){
var acceleration = event.accelerationIncludingG
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
if(Math.abs(x-lastX)&speed || Math.abs(y-lastY)&speed || Math.abs(z-lastZ)&speed ){
//这里是摇动后要执行的方法
yaoAfter();
function yaoAfter(){
//do something
18.微信浏览器用户调整字体大小后页面矬了，阻止用户调整
//以下代码可使Android机页面不再受用户字体缩放强制改变大小，但是会有1S左右延时，期间可以考虑loading来处理
if (typeof(WeixinJSBridge) == "undefined") {
document.addEventListener("WeixinJSBridgeReady", function (e) {
setTimeout(function(){
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){
alert(JSON.stringify(res));
setTimeout(function(){
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){
alert(JSON.stringify(res));
//IOS下可使用 -webkit-text-size-adjust禁止用户调整字体大小
body { -webkit-text-size-adjust:100%! }
//最好的解决方案：最好使用rem或百分比布局
//fixed定位
//1.ios下fixed元素容易定位出错，软键盘弹出时，影响fixed元素定位
//2.android下fixed表现要比iOS更好，软键盘弹出时，不会影响fixed元素定位
//3.ios4下不支持position:fixed
//解决方案：使用，如：
&div id="wrapper"&
&script src="iscroll.js"&&/script&
function loaded(){
myscroll=new iScroll("wrapper");
window.addEventListener("DOMContentLoaded",loaded,false);
//position定位
//Android下弹出软键盘弹出时，影响absolute元素定位
//解决方案:
var ua = navigator.userAgent.indexOf('Android');
if(ua&-1){
$('.ipt').on('focus', function(){
$('.css').css({'visibility':'hidden'})
}).on('blur', function(){
$('.css').css({'visibility':'visible'})
播放视频不全屏
&video x-webkit-airplay="true" webkit-playsinline="true" preload="auto" autoplay src="http://"&&/video&
JS判断设备
function deviceType(){
var ua = navigator.userA
var agent = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
for(var i=0; i&len,len = agent. i++){
if(ua.indexOf(agent[i])&0){
deviceType();
window.addEventListener('resize', function(){
deviceType();
JS判断微信浏览器
function isWeixin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=='micromessenger'){
消除transition闪屏
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility:
-webkit-perspective: 1000;
开启硬件加速
//目前，像Chrome/Filefox/Safari/IE9+以及最新版本Opera都支持硬件加速，当检测到某个DOM元素应用了某些CSS规则时就会自动开启，从而解决页面闪白，保证动画流畅。
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
android 2.3 bug
//1.@-webkit-keyframes 需要以0%开始100%结束，0%的百分号不能去掉
//2.after和before伪类无法使用动画animation
//3.border-radius不支持%单位，如要兼容，可以给radius设置一下较大的值
//4.translate百分比的写法和scale在一起会导致失效，例如：
-webkit-transform: translate(-50%,-50%) scale(-0.5, 1)
自律给人自由
Meta 基础知识： H5 页面窗口自动调整到设备宽度，并禁止用户缩放页面。 空白页基本 meta 标签 其他 meta 标签 常见问题： 移动端如何定义字体 font-family 打电话发短信写邮件怎么实现 移动端 touch 事件（区分 webkit 和 winpho...
mobileTech A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 移动端统计 (from BiosSun) 可基于下方所列出的统计数据来决...
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safa...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
一、流式布局 1.1 什么是流式布局 流式布局就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充，同时会设定最小宽度和最大宽度，适用于图片比较多的首页、门户、电商等。 在这里我们以京东的M站为例进行说明： 可以看到，在京...
红消绿瘦西风妒， 满目尽、荒凉路。 谢去群芳人少顾， 无言枯落，无题诗赋， 一任阶前露。 秋心笑道何愁苦？ 年恰秋时月秋处。 秋叶哪须依苾馥， 南山枫里，东坡杏户， 霜起犹春舞。
冬月廿十四
大雪 师兄，你是不是不想就这样离开，你是不是还想再多看他几眼，所以才下这么大的雪。大雪湮没了街道，河道，分不清到底那是路那是河。 早行的人深一脚，浅一脚慢慢的挪动着自己，连喝出的气都是冰的。 平常最勤快的望江楼的小二，今个儿也到现在还没开门。 师兄，...
读小学的时候，就已经流行起外号这件事情。长得胖一点的，起得最容易。大家都会直接选择把胖字放入名字上，胖丫、胖墩、大胖、小胖等，完全没有技术含量，但是概括性高，令人讨厌的指数也高。长得高的，瘦的。长颈鹿、竹竿、牙签、筷子等各种纤细的物体就出来了。还有长得黑的，黑人、非洲、黑鬼...
这本书买了好久了，一直没有阅读。不得不承认，它和我想象中还是有点不同。最初毫不犹豫的买下就是冲着大家一直在谈论的“柳比歇夫时间记录法”而去，用了一下午读完，发现作者更多的是在讲述一位科学工作者的生平，对他无时不刻的品头论足。 豆瓣上这本书的评分很高，大多数表示看了这本书对事...
那一年 你，英俊潇洒 那一年 我，意气风发 因为机缘的巧合 你我相遇在 同一个地方 在同一个时间里 众人中 那转瞬间的回眸一笑 那顾盼间的眼波流传 让人似饮琼露 如食甘饴 就此我们相互牵挂着 就这样牵挂着 不忍忘却 分分合合 合合又分分 多年后 我再问你 还记得我吗 你立即...