#2205
展开↯#2206
作者:广西南宁市
jQuery修改img的src的方法:
$("#img_id").attr("src","new_src");
此语句的功能是:修改id为img_id的src属性为新的src属性。
$("#img_id").attr("src","new_src");
此语句的功能是:修改id为img_id的src属性为新的src属性。
文章:常用html、demo代码 发表时间:2016-09-07, 14:28:45
#2207
作者:广西南宁市
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。
正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:
下面是技匠整理的,在前端开发中经常使用到的20个正则表达式。
1 . 校验密码强度
密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。
2. 校验中文
字符串仅能是中文。
3. 由数字、26个英文字母或下划线组成的字符串
4. 校验E-Mail 地址
同密码一样,下面是E-mail地址合规性的正则检查语句。
5. 校验身份证号码
下面是身份证号码的正则校验。15 或 18位。
15位:
18位:
6. 校验日期
“yyyy-mm-dd“ 格式的日期校验,已考虑平闰年。
7. 校验金额
金额校验,精确到2位小数。
8. 校验手机号
下面是国内 13、15、18开头的手机号正则表达式。(可根据目前国内收集号扩展前两位开头号码)
9. 判断IE的版本
IE目前还没被完全取代,很多页面还是需要做版本兼容,下面是IE版本检查的表达式。
10. 校验IP-v4地址
IP4 正则语句。
11. 校验IP-v6地址
IP6 正则语句。
12. 检查URL的前缀
应用开发中很多时候需要区分请求是HTTPS还是HTTP,通过下面的表达式可以取出一个url的前缀然后再逻辑判断。
13. 提取URL链接
下面的这个表达式可以筛选出一段文本中的URL。
14. 文件路径及扩展名校验
验证windows下文件路径和扩展名(下面的例子中为.txt文件)
15. 提取Color Hex Codes
有时需要抽取网页中的颜色代码,可以使用下面的表达式。
16. 提取网页图片
假若你想提取网页中所有图片信息,可以利用下面的表达式。
17. 提取页面超链接
提取html中的超链接。
原文链接地址
正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:
var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;
var r = fieldValue.match(reg);
if(r==null)alert('Date format error!');
Run code
Cut to clipboard
下面是技匠整理的,在前端开发中经常使用到的20个正则表达式。
1 . 校验密码强度
密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。
^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
Run code
Cut to clipboard
2. 校验中文
字符串仅能是中文。
^[\\u4e00-\\u9fa5]{0,}$
Run code
Cut to clipboard
3. 由数字、26个英文字母或下划线组成的字符串
^\\w+$
Run code
Cut to clipboard
4. 校验E-Mail 地址
同密码一样,下面是E-mail地址合规性的正则检查语句。
[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?
Run code
Cut to clipboard
5. 校验身份证号码
下面是身份证号码的正则校验。15 或 18位。
15位:
^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$
Run code
Cut to clipboard
18位:
^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$
Run code
Cut to clipboard
6. 校验日期
“yyyy-mm-dd“ 格式的日期校验,已考虑平闰年。
^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$
Run code
Cut to clipboard
7. 校验金额
金额校验,精确到2位小数。
^[0-9]+(.[0-9]{2})?$
Run code
Cut to clipboard
8. 校验手机号
下面是国内 13、15、18开头的手机号正则表达式。(可根据目前国内收集号扩展前两位开头号码)
^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$
Run code
Cut to clipboard
9. 判断IE的版本
IE目前还没被完全取代,很多页面还是需要做版本兼容,下面是IE版本检查的表达式。
^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*Trident\\/[5-9]\\.0).*$
Run code
Cut to clipboard
10. 校验IP-v4地址
IP4 正则语句。
\\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b
Run code
Cut to clipboard
11. 校验IP-v6地址
IP6 正则语句。
(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))
Run code
Cut to clipboard
12. 检查URL的前缀
应用开发中很多时候需要区分请求是HTTPS还是HTTP,通过下面的表达式可以取出一个url的前缀然后再逻辑判断。
if (!s.match(/^[a-zA-Z]+:\\/\\//))
{
s = 'http://' + s;
}
Run code
Cut to clipboard
13. 提取URL链接
下面的这个表达式可以筛选出一段文本中的URL。
^(f|ht){1}(tp|tps):\\/\\/([\\w-]+\\.)+[\\w-]+(\\/[\\w- ./?%&=]*)?
Run code
Cut to clipboard
14. 文件路径及扩展名校验
验证windows下文件路径和扩展名(下面的例子中为.txt文件)
^([a-zA-Z]\\:|\\\\)\\\\([^\\\\]+\\\\)*[^\\/:*?"<>|]+\\.txt(l)?$
Run code
Cut to clipboard
15. 提取Color Hex Codes
有时需要抽取网页中的颜色代码,可以使用下面的表达式。
^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
Run code
Cut to clipboard
16. 提取网页图片
假若你想提取网页中所有图片信息,可以利用下面的表达式。
\\< *[img][^\\\\>]*[src] *= *[\\"\\']{0,1}([^\\"\\'\\ >]*)
Run code
Cut to clipboard
17. 提取页面超链接
提取html中的超链接。
(<a\\s*(?!.*\\brel=)[^>]*)(href="https?:\\/\\/)((?!(?:(?:www\\.)?'.implode('|(?:www\\.)?', $follow_list).'))[^"]+)"((?!.*\\brel=)[^>]*)(?:[^>]*)>
Run code
Cut to clipboard
原文链接地址
文章:WEB开发中常用的正则表达式 发表时间:2016-09-07, 10:44:42
#2209
作者:广西南宁市
我理解职业道德,是我不用我职业信息优势欺骗你,用专业态度和高超技能服务你。而不是你骂我我不还口,打我我不还手就是有职业道德了。地铁那例子,是人本性,挨骂还嘴,可以罚,但不能有失公平的罚,乘客骂了员工啥责任没有走了,有的还能闹一下得点实惠,员工就活该挨骂被开除?如果一个岗位的要求,是员工连尊严都没有的工作,那他会用心做好工作?不过会能糊弄就糊弄,反正乘客不把我当人看,我为什么要把你们当人服务。
文章:至于老郭和曹云金,没什么想法,谁说的好听谁的 发表时间:2016-09-07, 10:02:26
#2210
作者:广西南宁市
我们现在怎样做父亲(鲁迅)
我作这一篇文的本意,其实是想研究怎样改革家庭;又因为中国亲权重,父权更重,所以尤想对于从来认为神圣不可侵犯的父子问题,发表一点意见。总而言之:只是革命要革到老子身上罢了。但何以大模大样,用了这九个字的题目呢?这有两个理由:
第一,中国的“圣人之徒”,最恨人动摇他的两样东西。一样不必说,也与我辈绝不相干;一样便是他的伦常,我辈却不免偶然发几句议论,所以株连牵扯,很得了许多“铲伦常”“禽兽行”之类的恶名。他们以为父对于子,有绝对的权力和威严;若是老子说话,当然无所不可,儿子有话,却在未说之前早已错了。但祖父子孙,本来各各都只是生命的桥梁的一级,决不是固定不易的。现在的子,便是将来的父,也便是将来的祖。我知道我辈和读者,若不是现任之父,也一定是候补之父,而且也都有做祖宗的希望,所差只在一个时间。为想省却许多麻烦起见,我们便该无须客气,尽可先行占住了上风,摆出父亲的尊严,谈谈我们和我们子女的事;不但将来着手实行,可以减少困难,在中国也顺理成章,免得“圣人之徒”听了害怕,总算是一举两得之至的事了。所以说,“我们怎样做父亲。”
第二,对于家庭问题,我在“新青年”的“随感录”(二五、四十、四九)中,曾经略略说及,总括大意,便只是从我们起,解放了后来的人。论到解放子女,本是极平常的事,当然不必有什么讨论。但中国的老年,中了旧习惯旧思想的毒太深了,决定悟不过来。譬如早晨听到乌鸦叫,少年毫不介意,迷信的老人,却总须颓唐半天。虽然很可怜,然而也无法可救。没有法,便只能先从觉醒的人开手,各自解放了自己的孩子。自己背着因袭的重担,肩住了黑暗的闸门,放他们到宽阔光明的地方去;此后幸福的度日,合理的做人。
还有,我曾经说,自己并非创作者,便在上海报纸的“新教训”里,挨了一顿骂。但我辈评论事情,总须先评论了自己,不要冒充,才能象一篇说话,对得起自己和别人。我自己知道,不特并非创作者,并且也不是真理的发见者。凡有所说所写,只是就平日见闻的事理里面,取了一点心以为然的道理;至于终极究竟的事,却不能知。便是对于数年以后的学说的进步和变迁,也说不出会到如何地步,单相信比现在总该还有进步还有变迁罢了。所以说,“我们现在怎样做父亲”。
我现在心以为然的道理,极其简单。便是依据生物界的现象,一,要保存生命;二,要延续这生命;三,要发展这生命(就是进化)。生物都这样做,父亲也就是这样做。
生命的价值和生命价值的高下,现在可以不论。单照常识判断,便知道既是生物,第一要紧的自然是生命。因为生物之所以为生物,全在有这生命,否则失了生物的意义。生物为保存生命起见,具有种种本能,最显著的是食欲。因有食欲才摄取食品,因有食品才发生温热,保存了生命。但生物的个体,总免不了老衰和死亡,为继续生命起见,又有一种本能,便是性欲。因性欲才有性交,因有性交才发生苗裔,继续了生命。所以食欲是保存自己,保存现在生命的事;性欲是保存后裔,保存永久生命的事。饮食并非罪恶,并非不净;性交也就并非罪恶,并非不净。饮食的结果,养活了自己,对于自己没有恩;性交的结果,生出子女,对于子女当然也算不了恩。——前前后后,都向生命的长途走去,仅有先后的不同,分不出谁受谁的恩典。
可惜的是中国的旧见解,竟与这道理完全相反。夫妇是“人伦之中”,却说是“人伦之始”;性交是常事,却以为不净;生育也是常事,却以为天大的大功。人人对于婚姻,大抵先夹带着不净的思想。亲戚朋友有许多戏谑,自己也有许多羞涩,直到生了孩子,还是躲躲闪闪,怕敢声明;独有对于孩子,却威严十足。这种行径,简直可以说是和偷了钱发迹的财主,不相上下了。我并不是说,——如他们攻击者所意想的,——人类的性交也应如别种动物,随便举行;或如无耻流氓,专做些下流举动,自鸣得意。是说,此后觉醒的人,应该先洗净了东方固有的不净思想,再纯洁明白一些,了解夫妇是伴侣,是共同劳动者,又是新生命创造者的意义。所生的子女,固然是受领新生命的人,但他也不永久占领,将来还要交付子女,象他们的父母一般。只是前前后后,都做一个过付的经手人罢了。
生命何以必需继续呢?就是因为要发展,要进化。个体既然免不了死亡,进化又毫无止境,所以只能延续着,在这进化的路上走。走这路须有一种内的努力,有如单细胞动物有内的努力,积久才会繁复,无脊椎动物有内的努力,积久才会发生脊椎。所以后起的生命,总比以前的更有意义,更近完全,因此也更有价值,更可宝贵;前者的生命,应该牺牲于他。
但可惜的是中国的旧见解,又恰恰与这道理完全相反。本位应在幼者,却反在长者;置重应在将来,却反在过去。前者做了更前者的牺牲,自己无力生存,却苛责后者又来专做他的牺牲,毁灭了一切发展本身的能力。我也不是说,——如他们攻击者所意想的,——孙子理应终日痛打他的祖父,女儿必须时时咒骂他的亲娘。是说,此后觉醒的人,应该先洗净了东方古传的谬误思想,对于子女,义务思想须加多,而权利思想却大可切实核减,以准备改作幼者本位的道德。况且幼者受了权利,也并非永久占有,将来还要对于他们的幼者,仍尽义务。只是前前后后,都做一切过付的经手人罢了。
“父子间没有什么恩”这一个断语,实是招致“圣人之徒”面红耳赤的一大原因。他们的误点,便在长者本位与利己思想,权利思想很重,义务思想和责任心却很轻。以为父子关系,只须“父兮生我”一件事,幼者的全部,便应为长者所有。尤其堕落的,是因此责望报偿,以为幼者的全部,理该做长者的牺牲,殊不知自然界的安排,却件件与这要求反对,我从古以来,逆天行事,于是人的能力,十分萎缩,社会的进步,也就跟着停顿。我们虽不能说停顿便要灭亡,但较之进步,总是停顿与灭亡的路相近。
自然界的安排,虽不免也有缺点,但结合长幼的方法,却并无错误。他并不用“恩”,却给与生物以一种天性,我们称他为“爱”。动物界中除了生子数目太多一一爱不周到的如鱼类之外,总是挚爱他的幼子,不但绝无利益心情,甚或至于牺牲了自己,让他的将来的生命,去上那发展的长途。
人类也不外此,欧美家庭,大抵以幼者弱者为本位,便是最合于这生物学的真理的办法。便在中国,只要心思纯白,未曾经过“圣人之徒”作践的人,也都自然而然的能发现这一种天性。例如一个村妇哺乳婴儿的时候,决不想到自己正在施恩;一个农夫娶妻的时候,也决不以为将要放债。只是有了子女,即天然相爱,愿他生存;更进一步的,便还要愿他比自己更好,就是进化。这离绝了交换关系利害关系的爱,便是人伦的索子,便是所谓“纲”。倘如旧说,抹煞了“爱”,一味说“恩”,又因此责望报偿,那便不但败坏了父子间的道德,而且也大反于做父母的实际的真情,播下乖剌的种子。有人做了乐府,说是“劝孝”,大意是什么“儿子上学堂,母亲在家磨杏仁,预备回来给他喝,你还不孝么”之类,自以为“拚命卫道”。殊不知富翁的杏酪和穷人的豆浆,在爱情上价值同等,而其价值却正在父母当时并无求报的心思;否则变成买卖行为,虽然喝了杏酪,也不异“人乳喂猪”,无非要猪肉肥美,在人伦道德上,丝毫没有价值了。
所以我现在心以为然的,便只是“爱”。
无论何国何人,大都承认“爱己”是一件应当的事。这便是保存生命的要义,也就是继续生命的根基。因为将来的运命,早在现在决定,故父母的缺点,便是子孙灭亡的伏线,生命的危机。易卜生做的“群鬼”(有潘家洵君译本,载在“新潮”一卷五号)虽然重在男女问题,但我们也可以看出遗传的可怕。欧士华本是要生活,能创作的人,因为父亲的不检,先天得了病毒,中途不能做人了。他又很爱母亲,不忍劳他服侍,便藏着吗啡,想待发作时候,由使女瑞琴帮他吃下,毒杀了自己;可是瑞琴走了。他于是只好托他母亲了。
欧“母亲,现在应该你帮我的忙了。”
阿夫人“我吗?”
欧“谁能及得上你。”
阿夫人“我!你的母亲!”
欧“正为那个。”
阿夫人“我,生你的人!”
欧“我不曾教你生我。并且给我的是一种什么日子?
我不要他!你拿回去罢!“
这一段描写,实在是我们做父亲的人应该震惊戒惧佩服的;决不能昧了良心,说儿子理应受罪。这种事情,中国也很多,只要在医院做事,便能时时看见先天梅毒性病儿的惨状;而且傲然的送来的,又大抵是他的父母。但可怕的遗传,并不只是梅毒;另外许多精神上体质上的缺点,也可以传之子孙,而且久而久之,连社会都蒙着影响。我们且不高谈人群,单为子女说,便可以说凡是不爱己的人,实在欠缺做父亲的资格。就令硬做了父亲,也不过如古代的草寇称王一般,万万算不了正统。将来学问发达,社会改造时,他们侥幸留下的苗裔,恐怕总不免要受善种学(Eugenics)者的处置。
倘若现在父母并没有将什么精神上体质上的缺点交给子女,又不遇意外的事,子女便当然健康,总算已经达到了继续生命的目的。但父母的责任还没有完,因为生命虽然继续了,却是停顿不得,所以还须教这新生命去发展。凡动物较高等的,对于幼雏,除了养育保护以外,往往还教他们生存上必需的本领。例如飞禽便教飞翔,鸷兽便教搏击。人类更高几等,便也有愿意子孙更进一层的天性。这也是爱,上文所说的是对于现在,这是对于将来。只要思想未遭锢蔽的人,谁也喜欢子女比自己更强,更健康,更聪明高尚,——更幸福;就是超越了自己,超越了过去。超越便须改变,所以子孙对于祖先的事,应该改变,“三年无改于父之道可谓孝矣”,当然是曲说,是退婴的病根。假使古代的单细胞动物,也遵着这教训,那便永远不敢分裂繁复,世界上再也不会有人类了。
幸而这一类教训,虽然害过许多人,却还未能完全扫尽了一切人的天性。没有读过“圣贤书”的人,还能将这天性在名教的斧钺底下,时时流露,时时萌蘖;这便是中国人虽然雕落萎缩,却未灭绝的原因。
所以觉醒的人,此后应将这天性的爱,更加扩张,更加醇化;用无我的爱,自己牺牲于后起新人。开宗第一,便是理解。往昔的欧人对于孩子的误解,是以为成人的预备;中国人的误解,是以为缩小的成人。直到近来,经过许多学者的研究,才知道孩子的世界,与成人截然不同;倘不先行理解,一味蛮做,便大碍于孩子的发达。所以一切设施,都应该以孩子为本位,日本近来,觉悟的也很不少;对于儿童的设施,研究儿童的事业,都非常兴盛了。第二,便是指导。时势既有改变,生活也必须进化;所以后起的人物,一定尤异于前,决不能用同一模型,无理嵌定。长者须是指导者协商者,却不该是命令者。不但不该责幼者供奉自己;而且还须用全副精神,专为他们自己,养成他们有耐劳作的体力,纯洁高尚的道德,广博自由能容纳新潮流的精神,也就是能在世界新潮流中游泳,不被淹没的力量。第三,便是解放。子女是即我非我的人,但既已分立,也便是人类中的人。因为即我,所以更应该尽教育的义务,交给他们自立的能力;因为非我,所以也应同时解放,全部为他们自己所有,成一个独立的人。
这样,便是父母对于子女,应该健全的产生,尽力的教育,完全的解放。
但有人会怕,仿佛父母从此以后,一无所有,无聊之极了。这种空虚的恐怖和无聊的感想,也即从谬误的旧思想发生;倘明白了生物学的真理,自然便会消灭。但要做解放子女的父母,也应预备一种能力。便是自己虽然已经带着过去的色采,却不失独立的本领和精神,有广博的趣味,高尚的娱乐。要幸福么?连你的将来的生命都幸福了。要“返老还童”,要“老复丁”么?子女便是“复丁”,都已独立而且更好了。这才是完了长者的任务,得了人生的慰安。倘若思想本领,样样照旧,专以“勃(奚谷)”为业,行辈自豪,那便自然免不了空虚无聊的苦痛。
或者又怕,解放之后,父子间要疏隔了。欧美的家庭,专制不及中国,早已大家知道;往者虽有人比之禽兽,现在却连“卫道”的圣徒,也曾替他们辩护,说并无“逆子叛弟”了。因此可知:惟其解放,所以相亲;惟其没有“拘挛”子弟的父兄,所以也没有反抗“拘挛”的“逆子叛弟”。若威逼利诱,便无论如何,决不能有“万年有道之长”。例便如我中国,汉有举孝,唐有孝悌力田科,清末也还有孝廉方正,都能换到官做。父恩谕之于先,皇恩施之于后,然而割股的人物,究属寥寥。足可证明中国的旧学说旧手段,实在从古以来,并无良效,无非使坏人增长些虚伪,好人无端的多受些人我都无利益的苦痛罢了。
独有“爱”是真的。路粹引孔融说,“父之于子,当有何亲?论其本意,实为情欲发耳。子之于母,亦复奚为,譬如寄物瓶中,出则离矣。”(汉末的孔府上,很出过几个有特色的奇人,不象现在这般冷落,这话也许确是北海先生所说;只是攻击他的偏是路粹和曹操,教人发笑罢了。)虽然也是一种对于旧说的打击,但实于事理不合。因为父母生了子女,同时又有天性的爱,这爱又很深广很长久,不会即离。现在世界没有大同,相爱还有差等,子女对于父母,也便最爱,最关切,不会即离。所以疏隔一层,不劳多虑。至于一种例外的人,或者非爱所能钩连。但若爱力尚且不能钩连,那便任凭什么“恩威,名分,天经,地义”之类,更是钩连不住。
或者又怕,解放之后,长者要吃苦了。这事可分两层:第一,中国的社会,虽说“道德好”,实际却太缺乏相爱相助的心思。便是“孝”“烈”这类道德,也都是旁人毫不负责,一味收拾幼者弱者的方法。在这样社会中,不独老者难于生活,即解放的幼者,也难于生活。第二,中国的男女,大抵未老先衰,甚至不到二十岁,早已老态可掬,待到真实衰老,便更须别人扶持。所以我说,解放子女的父母,应该先有一番预备;而对于如此社会,尤应该改造,使他能适于合理的生活。许多人预备着,改造着,久而久之,自然可望实现了。单就别国的往时而言,斯宾塞未曾结婚,不闻他(亻宅)傺无聊;瓦特早没有了子女,也居然“寿终正寝”,何况在将来,更何况有儿女的人呢?
或者又怕,解放之后,子女要吃苦了。这事也有两层,全如上文所说,不过一是因为老而无能,一是因为少不更事罢了。因此觉醒的人,愈觉有改造社会的任务。中国相传的成法,谬误很多:一种是锢闭,以为可以与社会隔离,不受影响。一种是教给他恶本领,以为如此才能在社会中生活。用这类方法的长者,虽然也含有继续生命的好意,但比照事理,却决定谬误。此外还有一种,是传授些周旋方法,教他们顺应社会。这与数年前讲“实用主义”的人,因为市上有假洋钱,便要在学校里遍教学生看洋钱的法子之类,同一错误。社会虽然不能不偶然顺应,但决不是正当办法。因为社会不良,恶现象便很多,势不能一一顺应;倘都顺应了,又违反了合理的生活,倒走了进化的路。所以根本方法,只有改良社会。
就实际上说,中国旧理想的家族关系父子关系之类,其实早已崩溃。这也非“于今为烈”,正是“在昔已然”。历来都竭力表彰“五世同堂”,便足见实际上同居的为难;拚命的劝孝,也足见事实上孝子的缺少。而其原因,便全在一意提倡虚伪道德,蔑视了真的人情。我们试一翻大族的家谱,便知道始迁祖宗,大抵是单身迁居,成家立为;一到聚族而居,家谱出版,却已在零落的中涂了。况在将来,迷信破了,便没有哭竹,卧冰;医学发达了,也不必尝秽,割股。又因为经济关系,结婚不得不迟,生育因此也迟,或者子女才能自存,父母已经衰老,不及依赖他们供养,事实上也就是父母反尽了义务。世界潮流逼拶着,这样做的可以生存,不然的便都衰落;无非觉醒者多,加些人力,便危机可望较少就是了。
但既如上言,中国家庭,实际久已崩溃,并不如“圣人之徒”纸上的空谈,则何以至今依然如故,一无进步呢?这事很容易解答。第一,崩溃者自崩溃,纠缠者自纠缠,设立者又自设立;毫无戒心,也不想到改革,所以如故。第二,以前的家庭中间,本来常有勃(奚谷),到了新名词流行之后,便都改称“革命”,然而其实也仍是讨嫖钱至于相骂,要赌本至于相打之类,与觉醒者的改革,截然两途。这一类自称“革命”的勃(奚谷)子弟,纯属旧式,待到自己有了子女,也决不解放;或者毫不管理,或者反要寻出“孝经”,勒令诵读,想他们“学于古训”,都做牺牲。这只能全归旧道德旧习惯旧方法负责,生物学的真理决不能妄任其咎。
既如上言,生物为要进化,应该继续生命,那便“不孝有三无后为大”,三妻四妾,也极合理了。这事也很容易解答。人类因为无后,绝了将来的生命,虽然不幸,但若用不正当的方法手段,苟延生命而害及人群,便该比一人无后,尤其“不孝”。因为现在的社会,一夫一妻制最为合理,而多妻主义,实能使人群堕落。堕落近于退化,与继续生命的目的,恰恰完全相反。无后只是灭绝了自己,退化状态的有后,便会毁到他人。人类总有些为他人牺牲自己的精神,而况生物自发生以来,交互关联,一人的血统,大抵总与他人有多少关系,不会完全灭绝。所以生物学的真理,决非多妻主义的护符。
总而言之,觉醒的父母,完全应该是义务的,利他的,牺牲的,很不易做;而在中国尤不易做。中国觉醒的人,为想随顺长者解放幼者,便须一面清结旧帐,一面开辟新路。就是开首所说的“自己背着因袭的重担,肩住了黑暗的闸门,放他们到宽阔光明的地方去;此后幸福的度日,合理的做人。”这是一件极伟大的要紧的事,也是一件极困苦艰难的事。
但世间又有一类长者,不但不肯解放子女,并且不准子女解放他们自己的子女;就是并要孙子曾孙都做无谓的牺牲。这也是一个问题;而我是愿意平和的人,所以对于这问题,现在不能解答。
一九一九年十月
(原载1919年11月1日“新青年”6卷6号)
我作这一篇文的本意,其实是想研究怎样改革家庭;又因为中国亲权重,父权更重,所以尤想对于从来认为神圣不可侵犯的父子问题,发表一点意见。总而言之:只是革命要革到老子身上罢了。但何以大模大样,用了这九个字的题目呢?这有两个理由:
第一,中国的“圣人之徒”,最恨人动摇他的两样东西。一样不必说,也与我辈绝不相干;一样便是他的伦常,我辈却不免偶然发几句议论,所以株连牵扯,很得了许多“铲伦常”“禽兽行”之类的恶名。他们以为父对于子,有绝对的权力和威严;若是老子说话,当然无所不可,儿子有话,却在未说之前早已错了。但祖父子孙,本来各各都只是生命的桥梁的一级,决不是固定不易的。现在的子,便是将来的父,也便是将来的祖。我知道我辈和读者,若不是现任之父,也一定是候补之父,而且也都有做祖宗的希望,所差只在一个时间。为想省却许多麻烦起见,我们便该无须客气,尽可先行占住了上风,摆出父亲的尊严,谈谈我们和我们子女的事;不但将来着手实行,可以减少困难,在中国也顺理成章,免得“圣人之徒”听了害怕,总算是一举两得之至的事了。所以说,“我们怎样做父亲。”
第二,对于家庭问题,我在“新青年”的“随感录”(二五、四十、四九)中,曾经略略说及,总括大意,便只是从我们起,解放了后来的人。论到解放子女,本是极平常的事,当然不必有什么讨论。但中国的老年,中了旧习惯旧思想的毒太深了,决定悟不过来。譬如早晨听到乌鸦叫,少年毫不介意,迷信的老人,却总须颓唐半天。虽然很可怜,然而也无法可救。没有法,便只能先从觉醒的人开手,各自解放了自己的孩子。自己背着因袭的重担,肩住了黑暗的闸门,放他们到宽阔光明的地方去;此后幸福的度日,合理的做人。
还有,我曾经说,自己并非创作者,便在上海报纸的“新教训”里,挨了一顿骂。但我辈评论事情,总须先评论了自己,不要冒充,才能象一篇说话,对得起自己和别人。我自己知道,不特并非创作者,并且也不是真理的发见者。凡有所说所写,只是就平日见闻的事理里面,取了一点心以为然的道理;至于终极究竟的事,却不能知。便是对于数年以后的学说的进步和变迁,也说不出会到如何地步,单相信比现在总该还有进步还有变迁罢了。所以说,“我们现在怎样做父亲”。
我现在心以为然的道理,极其简单。便是依据生物界的现象,一,要保存生命;二,要延续这生命;三,要发展这生命(就是进化)。生物都这样做,父亲也就是这样做。
生命的价值和生命价值的高下,现在可以不论。单照常识判断,便知道既是生物,第一要紧的自然是生命。因为生物之所以为生物,全在有这生命,否则失了生物的意义。生物为保存生命起见,具有种种本能,最显著的是食欲。因有食欲才摄取食品,因有食品才发生温热,保存了生命。但生物的个体,总免不了老衰和死亡,为继续生命起见,又有一种本能,便是性欲。因性欲才有性交,因有性交才发生苗裔,继续了生命。所以食欲是保存自己,保存现在生命的事;性欲是保存后裔,保存永久生命的事。饮食并非罪恶,并非不净;性交也就并非罪恶,并非不净。饮食的结果,养活了自己,对于自己没有恩;性交的结果,生出子女,对于子女当然也算不了恩。——前前后后,都向生命的长途走去,仅有先后的不同,分不出谁受谁的恩典。
可惜的是中国的旧见解,竟与这道理完全相反。夫妇是“人伦之中”,却说是“人伦之始”;性交是常事,却以为不净;生育也是常事,却以为天大的大功。人人对于婚姻,大抵先夹带着不净的思想。亲戚朋友有许多戏谑,自己也有许多羞涩,直到生了孩子,还是躲躲闪闪,怕敢声明;独有对于孩子,却威严十足。这种行径,简直可以说是和偷了钱发迹的财主,不相上下了。我并不是说,——如他们攻击者所意想的,——人类的性交也应如别种动物,随便举行;或如无耻流氓,专做些下流举动,自鸣得意。是说,此后觉醒的人,应该先洗净了东方固有的不净思想,再纯洁明白一些,了解夫妇是伴侣,是共同劳动者,又是新生命创造者的意义。所生的子女,固然是受领新生命的人,但他也不永久占领,将来还要交付子女,象他们的父母一般。只是前前后后,都做一个过付的经手人罢了。
生命何以必需继续呢?就是因为要发展,要进化。个体既然免不了死亡,进化又毫无止境,所以只能延续着,在这进化的路上走。走这路须有一种内的努力,有如单细胞动物有内的努力,积久才会繁复,无脊椎动物有内的努力,积久才会发生脊椎。所以后起的生命,总比以前的更有意义,更近完全,因此也更有价值,更可宝贵;前者的生命,应该牺牲于他。
但可惜的是中国的旧见解,又恰恰与这道理完全相反。本位应在幼者,却反在长者;置重应在将来,却反在过去。前者做了更前者的牺牲,自己无力生存,却苛责后者又来专做他的牺牲,毁灭了一切发展本身的能力。我也不是说,——如他们攻击者所意想的,——孙子理应终日痛打他的祖父,女儿必须时时咒骂他的亲娘。是说,此后觉醒的人,应该先洗净了东方古传的谬误思想,对于子女,义务思想须加多,而权利思想却大可切实核减,以准备改作幼者本位的道德。况且幼者受了权利,也并非永久占有,将来还要对于他们的幼者,仍尽义务。只是前前后后,都做一切过付的经手人罢了。
“父子间没有什么恩”这一个断语,实是招致“圣人之徒”面红耳赤的一大原因。他们的误点,便在长者本位与利己思想,权利思想很重,义务思想和责任心却很轻。以为父子关系,只须“父兮生我”一件事,幼者的全部,便应为长者所有。尤其堕落的,是因此责望报偿,以为幼者的全部,理该做长者的牺牲,殊不知自然界的安排,却件件与这要求反对,我从古以来,逆天行事,于是人的能力,十分萎缩,社会的进步,也就跟着停顿。我们虽不能说停顿便要灭亡,但较之进步,总是停顿与灭亡的路相近。
自然界的安排,虽不免也有缺点,但结合长幼的方法,却并无错误。他并不用“恩”,却给与生物以一种天性,我们称他为“爱”。动物界中除了生子数目太多一一爱不周到的如鱼类之外,总是挚爱他的幼子,不但绝无利益心情,甚或至于牺牲了自己,让他的将来的生命,去上那发展的长途。
人类也不外此,欧美家庭,大抵以幼者弱者为本位,便是最合于这生物学的真理的办法。便在中国,只要心思纯白,未曾经过“圣人之徒”作践的人,也都自然而然的能发现这一种天性。例如一个村妇哺乳婴儿的时候,决不想到自己正在施恩;一个农夫娶妻的时候,也决不以为将要放债。只是有了子女,即天然相爱,愿他生存;更进一步的,便还要愿他比自己更好,就是进化。这离绝了交换关系利害关系的爱,便是人伦的索子,便是所谓“纲”。倘如旧说,抹煞了“爱”,一味说“恩”,又因此责望报偿,那便不但败坏了父子间的道德,而且也大反于做父母的实际的真情,播下乖剌的种子。有人做了乐府,说是“劝孝”,大意是什么“儿子上学堂,母亲在家磨杏仁,预备回来给他喝,你还不孝么”之类,自以为“拚命卫道”。殊不知富翁的杏酪和穷人的豆浆,在爱情上价值同等,而其价值却正在父母当时并无求报的心思;否则变成买卖行为,虽然喝了杏酪,也不异“人乳喂猪”,无非要猪肉肥美,在人伦道德上,丝毫没有价值了。
所以我现在心以为然的,便只是“爱”。
无论何国何人,大都承认“爱己”是一件应当的事。这便是保存生命的要义,也就是继续生命的根基。因为将来的运命,早在现在决定,故父母的缺点,便是子孙灭亡的伏线,生命的危机。易卜生做的“群鬼”(有潘家洵君译本,载在“新潮”一卷五号)虽然重在男女问题,但我们也可以看出遗传的可怕。欧士华本是要生活,能创作的人,因为父亲的不检,先天得了病毒,中途不能做人了。他又很爱母亲,不忍劳他服侍,便藏着吗啡,想待发作时候,由使女瑞琴帮他吃下,毒杀了自己;可是瑞琴走了。他于是只好托他母亲了。
欧“母亲,现在应该你帮我的忙了。”
阿夫人“我吗?”
欧“谁能及得上你。”
阿夫人“我!你的母亲!”
欧“正为那个。”
阿夫人“我,生你的人!”
欧“我不曾教你生我。并且给我的是一种什么日子?
我不要他!你拿回去罢!“
这一段描写,实在是我们做父亲的人应该震惊戒惧佩服的;决不能昧了良心,说儿子理应受罪。这种事情,中国也很多,只要在医院做事,便能时时看见先天梅毒性病儿的惨状;而且傲然的送来的,又大抵是他的父母。但可怕的遗传,并不只是梅毒;另外许多精神上体质上的缺点,也可以传之子孙,而且久而久之,连社会都蒙着影响。我们且不高谈人群,单为子女说,便可以说凡是不爱己的人,实在欠缺做父亲的资格。就令硬做了父亲,也不过如古代的草寇称王一般,万万算不了正统。将来学问发达,社会改造时,他们侥幸留下的苗裔,恐怕总不免要受善种学(Eugenics)者的处置。
倘若现在父母并没有将什么精神上体质上的缺点交给子女,又不遇意外的事,子女便当然健康,总算已经达到了继续生命的目的。但父母的责任还没有完,因为生命虽然继续了,却是停顿不得,所以还须教这新生命去发展。凡动物较高等的,对于幼雏,除了养育保护以外,往往还教他们生存上必需的本领。例如飞禽便教飞翔,鸷兽便教搏击。人类更高几等,便也有愿意子孙更进一层的天性。这也是爱,上文所说的是对于现在,这是对于将来。只要思想未遭锢蔽的人,谁也喜欢子女比自己更强,更健康,更聪明高尚,——更幸福;就是超越了自己,超越了过去。超越便须改变,所以子孙对于祖先的事,应该改变,“三年无改于父之道可谓孝矣”,当然是曲说,是退婴的病根。假使古代的单细胞动物,也遵着这教训,那便永远不敢分裂繁复,世界上再也不会有人类了。
幸而这一类教训,虽然害过许多人,却还未能完全扫尽了一切人的天性。没有读过“圣贤书”的人,还能将这天性在名教的斧钺底下,时时流露,时时萌蘖;这便是中国人虽然雕落萎缩,却未灭绝的原因。
所以觉醒的人,此后应将这天性的爱,更加扩张,更加醇化;用无我的爱,自己牺牲于后起新人。开宗第一,便是理解。往昔的欧人对于孩子的误解,是以为成人的预备;中国人的误解,是以为缩小的成人。直到近来,经过许多学者的研究,才知道孩子的世界,与成人截然不同;倘不先行理解,一味蛮做,便大碍于孩子的发达。所以一切设施,都应该以孩子为本位,日本近来,觉悟的也很不少;对于儿童的设施,研究儿童的事业,都非常兴盛了。第二,便是指导。时势既有改变,生活也必须进化;所以后起的人物,一定尤异于前,决不能用同一模型,无理嵌定。长者须是指导者协商者,却不该是命令者。不但不该责幼者供奉自己;而且还须用全副精神,专为他们自己,养成他们有耐劳作的体力,纯洁高尚的道德,广博自由能容纳新潮流的精神,也就是能在世界新潮流中游泳,不被淹没的力量。第三,便是解放。子女是即我非我的人,但既已分立,也便是人类中的人。因为即我,所以更应该尽教育的义务,交给他们自立的能力;因为非我,所以也应同时解放,全部为他们自己所有,成一个独立的人。
这样,便是父母对于子女,应该健全的产生,尽力的教育,完全的解放。
但有人会怕,仿佛父母从此以后,一无所有,无聊之极了。这种空虚的恐怖和无聊的感想,也即从谬误的旧思想发生;倘明白了生物学的真理,自然便会消灭。但要做解放子女的父母,也应预备一种能力。便是自己虽然已经带着过去的色采,却不失独立的本领和精神,有广博的趣味,高尚的娱乐。要幸福么?连你的将来的生命都幸福了。要“返老还童”,要“老复丁”么?子女便是“复丁”,都已独立而且更好了。这才是完了长者的任务,得了人生的慰安。倘若思想本领,样样照旧,专以“勃(奚谷)”为业,行辈自豪,那便自然免不了空虚无聊的苦痛。
或者又怕,解放之后,父子间要疏隔了。欧美的家庭,专制不及中国,早已大家知道;往者虽有人比之禽兽,现在却连“卫道”的圣徒,也曾替他们辩护,说并无“逆子叛弟”了。因此可知:惟其解放,所以相亲;惟其没有“拘挛”子弟的父兄,所以也没有反抗“拘挛”的“逆子叛弟”。若威逼利诱,便无论如何,决不能有“万年有道之长”。例便如我中国,汉有举孝,唐有孝悌力田科,清末也还有孝廉方正,都能换到官做。父恩谕之于先,皇恩施之于后,然而割股的人物,究属寥寥。足可证明中国的旧学说旧手段,实在从古以来,并无良效,无非使坏人增长些虚伪,好人无端的多受些人我都无利益的苦痛罢了。
独有“爱”是真的。路粹引孔融说,“父之于子,当有何亲?论其本意,实为情欲发耳。子之于母,亦复奚为,譬如寄物瓶中,出则离矣。”(汉末的孔府上,很出过几个有特色的奇人,不象现在这般冷落,这话也许确是北海先生所说;只是攻击他的偏是路粹和曹操,教人发笑罢了。)虽然也是一种对于旧说的打击,但实于事理不合。因为父母生了子女,同时又有天性的爱,这爱又很深广很长久,不会即离。现在世界没有大同,相爱还有差等,子女对于父母,也便最爱,最关切,不会即离。所以疏隔一层,不劳多虑。至于一种例外的人,或者非爱所能钩连。但若爱力尚且不能钩连,那便任凭什么“恩威,名分,天经,地义”之类,更是钩连不住。
或者又怕,解放之后,长者要吃苦了。这事可分两层:第一,中国的社会,虽说“道德好”,实际却太缺乏相爱相助的心思。便是“孝”“烈”这类道德,也都是旁人毫不负责,一味收拾幼者弱者的方法。在这样社会中,不独老者难于生活,即解放的幼者,也难于生活。第二,中国的男女,大抵未老先衰,甚至不到二十岁,早已老态可掬,待到真实衰老,便更须别人扶持。所以我说,解放子女的父母,应该先有一番预备;而对于如此社会,尤应该改造,使他能适于合理的生活。许多人预备着,改造着,久而久之,自然可望实现了。单就别国的往时而言,斯宾塞未曾结婚,不闻他(亻宅)傺无聊;瓦特早没有了子女,也居然“寿终正寝”,何况在将来,更何况有儿女的人呢?
或者又怕,解放之后,子女要吃苦了。这事也有两层,全如上文所说,不过一是因为老而无能,一是因为少不更事罢了。因此觉醒的人,愈觉有改造社会的任务。中国相传的成法,谬误很多:一种是锢闭,以为可以与社会隔离,不受影响。一种是教给他恶本领,以为如此才能在社会中生活。用这类方法的长者,虽然也含有继续生命的好意,但比照事理,却决定谬误。此外还有一种,是传授些周旋方法,教他们顺应社会。这与数年前讲“实用主义”的人,因为市上有假洋钱,便要在学校里遍教学生看洋钱的法子之类,同一错误。社会虽然不能不偶然顺应,但决不是正当办法。因为社会不良,恶现象便很多,势不能一一顺应;倘都顺应了,又违反了合理的生活,倒走了进化的路。所以根本方法,只有改良社会。
就实际上说,中国旧理想的家族关系父子关系之类,其实早已崩溃。这也非“于今为烈”,正是“在昔已然”。历来都竭力表彰“五世同堂”,便足见实际上同居的为难;拚命的劝孝,也足见事实上孝子的缺少。而其原因,便全在一意提倡虚伪道德,蔑视了真的人情。我们试一翻大族的家谱,便知道始迁祖宗,大抵是单身迁居,成家立为;一到聚族而居,家谱出版,却已在零落的中涂了。况在将来,迷信破了,便没有哭竹,卧冰;医学发达了,也不必尝秽,割股。又因为经济关系,结婚不得不迟,生育因此也迟,或者子女才能自存,父母已经衰老,不及依赖他们供养,事实上也就是父母反尽了义务。世界潮流逼拶着,这样做的可以生存,不然的便都衰落;无非觉醒者多,加些人力,便危机可望较少就是了。
但既如上言,中国家庭,实际久已崩溃,并不如“圣人之徒”纸上的空谈,则何以至今依然如故,一无进步呢?这事很容易解答。第一,崩溃者自崩溃,纠缠者自纠缠,设立者又自设立;毫无戒心,也不想到改革,所以如故。第二,以前的家庭中间,本来常有勃(奚谷),到了新名词流行之后,便都改称“革命”,然而其实也仍是讨嫖钱至于相骂,要赌本至于相打之类,与觉醒者的改革,截然两途。这一类自称“革命”的勃(奚谷)子弟,纯属旧式,待到自己有了子女,也决不解放;或者毫不管理,或者反要寻出“孝经”,勒令诵读,想他们“学于古训”,都做牺牲。这只能全归旧道德旧习惯旧方法负责,生物学的真理决不能妄任其咎。
既如上言,生物为要进化,应该继续生命,那便“不孝有三无后为大”,三妻四妾,也极合理了。这事也很容易解答。人类因为无后,绝了将来的生命,虽然不幸,但若用不正当的方法手段,苟延生命而害及人群,便该比一人无后,尤其“不孝”。因为现在的社会,一夫一妻制最为合理,而多妻主义,实能使人群堕落。堕落近于退化,与继续生命的目的,恰恰完全相反。无后只是灭绝了自己,退化状态的有后,便会毁到他人。人类总有些为他人牺牲自己的精神,而况生物自发生以来,交互关联,一人的血统,大抵总与他人有多少关系,不会完全灭绝。所以生物学的真理,决非多妻主义的护符。
总而言之,觉醒的父母,完全应该是义务的,利他的,牺牲的,很不易做;而在中国尤不易做。中国觉醒的人,为想随顺长者解放幼者,便须一面清结旧帐,一面开辟新路。就是开首所说的“自己背着因袭的重担,肩住了黑暗的闸门,放他们到宽阔光明的地方去;此后幸福的度日,合理的做人。”这是一件极伟大的要紧的事,也是一件极困苦艰难的事。
但世间又有一类长者,不但不肯解放子女,并且不准子女解放他们自己的子女;就是并要孙子曾孙都做无谓的牺牲。这也是一个问题;而我是愿意平和的人,所以对于这问题,现在不能解答。
一九一九年十月
(原载1919年11月1日“新青年”6卷6号)
文章:至于老郭和曹云金,没什么想法,谁说的好听谁的 发表时间:2016-09-07, 09:58:02
#2211
作者:北京市
下班回到家,儿子乐呵呵跑过来:“老爸,卖一条消息给你,只要五块钱﹉” 我怒道:“又想骗我钱呢!” 儿子:“我随便你,你别后悔!” 我想了想递给他五块钱:“说吧,什么消息?” 儿子接过钱后递给我一张纸条:“这是我语文老师的微信,是个大美女,你懂的!﹉” 我笑道:“你小子就不怕你妈抽你呢!﹉” 儿子:“我把数学老师的微信卖给她了,收了她十块呢!”
文章:我身边有个这样的人 发表时间:2016-09-06, 22:57:15
#2212
作者:北京市
我先教你讲价1,一进4S店,不要用眼神去找销售,径直向自己关心的展车走去 2,走到展车前,销售说什么不要发表评论,你就东敲敲车皮,西按按车头,让车子上下摆动起来。 3,等销售站你身边一言不发气氛略显尴尬的时候,你让销售给你打开机盖看看。 4,表情凝重的站在发动机前,用手慢慢从发动机罩上拂过,从口袋里掏出一个小手电,对着机舱暗处各种探照,对于裸露的线束和管道要用力扯扯拉拉,看看牢固不牢固。 5,等看的差不多的时候让销售点着发动机,你就站在车头边,半倚着车头,45度仰望,点着一支香烟,缓慢的吐纳着,眼睛忧郁的盯着发动机,手抚在发动机罩上,沉默半分钟。 6,看销售脸上露出不自在的眼神时,你缓缓的抬起头,像《无间道》里梁朝伟那样懒懒的对着销售说,“给个最低价吧,我赶时间”
文章:我身边有个这样的人 发表时间:2016-09-06, 22:55:22
#2213
作者:广西南宁市
<p style="
text-align: center;
">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- blog -->
<ins class="adsbygoogle"
style="display:inline-block;width:320px;height:100px"
data-ad-client="ca-pub-7446801070784593"
data-ad-slot="7895142255"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
Run code
Cut to clipboard
文章:移动设备(触屏设备)禁止放大缩小网页 发表时间:2016-09-06, 17:37:29
#2214
作者:广西南宁市
移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用!
winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉
1、关闭iOS键盘首字母自动大写
2、禁止文本缩放
3、移动端如何清除输入框内阴影
在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:
4、忽略页面的数字为电话,忽略email识别
5、快速回弹滚动
PS:iScroll用过之后感觉不是很好,有一些诡异的bug,这里推荐另外一个 iDangero Swiper,这个插件集成了滑屏滚动的强大功能(支持3D),而且还有回弹滚动的内置滚动条,
6、移动端禁止选中内容
7、移动端取消touch高亮效果
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来禁止:
8、如何禁止保存或拷贝图像
通常当你在手机或者pad上长按图像 img ,会弹出选项 存储图像 或者 拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:
PS:需要注意的是,该方法只在 iOS 上有效。
9、解决字体在移动端比例缩小后出现锯齿的问题:
10、栅格布局:
可以改变盒子模型的计算方式方便你设置宽进行自适应流式布局
11、移除ios的样式,但这个属性存在bug,会导致iso无法获取checkbox值,给这个元素重新赋上就不会报错了。
12、按钮被按下效果的实现需要给a标签加a:active属性和添加一段空函数
13、解决去掉下边框:
14、英文文本换行(不拆分单词):
15、字体大小尽量使用pt或者em,rem,代替px。
16、设置input里面placeholder字体的大小
17、wap页面有img标签,记得加上属性来解决img的边缘空白间隙的1px像素。如果图片要适应不同的手机要设置而且不能添加高度。
18.移动端如何清除输入框内阴影
在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:
19. 移动端禁止选中内容
如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉:
兼容IE6-9的写法:
20.audio元素和video元素在ios和andriod中无法自动播放
应对方案:触屏即播
})
21.手机拍照和上传图片
22. 消除transition闪屏
23.
开启硬件加速
解决页面闪白
保证动画流畅
设计高性能CSS3动画的几个要素
尽可能地使用合成属性transform和opacity来设计CSS3动画,
不使用position的left和top来定位
利用translate3D开启GPU加速
**************************************************************************
框架
1. 移动端基础框架
zepto.js 语法与jquery几乎一样,会jquery基本会zepto~
iscroll.js 解决页面不支持弹性滚动,不支持fixed引起的问题~ 实现下拉刷新,滑屏,缩放等功能~
underscore.js 该库提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。
fastclick 加快移动端点击响应时间
animate.css CSS3动画效果库
Normalize.css Normalize.css是一种现代的、CSS reset为HTML5准备的优质替代方案
2. 滑屏框架
适合上下滑屏、左右滑屏等滑屏切换页面的效果
slip.js
iSlider.js
fullpage.js
swiper
3.瀑布流框架
masonry
工具推荐
caniuse 各浏览器支持html5属性查询
paletton 调色搭配
对于网站字体设置
移动端项目:
移动和pc端项目:
有关Flexbox弹性盒子布局一些属性
不定宽高的水平垂直居中
[flexbox版]不定宽高的水平垂直居中
使用流体图片
一像素边框(例子:移动端列表的下边框)
针对适配等比缩放的方法:
解决Chrome动画”卡顿”的办法
winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉
<meta name="msapplication-tap-highlight" content="no">
Run code
Cut to clipboard
1、关闭iOS键盘首字母自动大写
<input type="text" autocapitalize="off" />
Run code
Cut to clipboard
2、禁止文本缩放
html {
-webkit-text-size-adjust: 100%;
}
Run code
Cut to clipboard
3、移动端如何清除输入框内阴影
在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:
input,
textarea {
border: 0;
-webkit-appearance: none;
}
Run code
Cut to clipboard
4、忽略页面的数字为电话,忽略email识别
<meta name="format-detection" content="telephone=no, email=no"/>
Run code
Cut to clipboard
5、快速回弹滚动
.xxx {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
Run code
Cut to clipboard
PS:iScroll用过之后感觉不是很好,有一些诡异的bug,这里推荐另外一个 iDangero Swiper,这个插件集成了滑屏滚动的强大功能(支持3D),而且还有回弹滚动的内置滚动条,
6、移动端禁止选中内容
div {
-webkit-user-select: none;
}
Run code
Cut to clipboard
7、移动端取消touch高亮效果
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来禁止:
.xxx {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
Run code
Cut to clipboard
8、如何禁止保存或拷贝图像
通常当你在手机或者pad上长按图像 img ,会弹出选项 存储图像 或者 拷贝图像,如果你不想让用户这么操作,那么你可以通过以下方法来禁止:
img {
-webkit-touch-callout: none;
}
Run code
Cut to clipboard
PS:需要注意的是,该方法只在 iOS 上有效。
9、解决字体在移动端比例缩小后出现锯齿的问题:
-webkit-font-smoothing: antialiased;
Run code
Cut to clipboard
10、栅格布局:
box-sizing:border-box;
Run code
Cut to clipboard
11、
input[type=input]{-webkit-appearance:none;}
Run code
Cut to clipboard
input[type=checkbox]{-webkit-appearance:checkbox;}
Run code
Cut to clipboard
12、按钮被按下效果的实现需要给a标签加a:active属性和添加一段空函数
document.body.addEventListener('touchend', function () { });
Run code
Cut to clipboard
13、解决去掉下边框:
-webkit-border-bottom:none;
Run code
Cut to clipboard
14、英文文本换行(不拆分单词):
word-wrap:break-word
Run code
Cut to clipboard
15、字体大小尽量使用pt或者em,rem,代替px。
16、设置input里面placeholder字体的大小
::-webkit-input-placeholder{ font-size:10pt;}
Run code
Cut to clipboard
17、wap页面有img标签,记得加上
display:block;
Run code
Cut to clipboard
width:100%;
Run code
Cut to clipboard
18.
在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:
input,
textarea {
border: 0;
-webkit-appearance: none;
}
Run code
Cut to clipboard
19. 移动端禁止选中内容
如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉:
.user-select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
Run code
Cut to clipboard
兼容IE6-9的写法:
onselectstart="return false;" unselectable="on"
Run code
Cut to clipboard
20.audio元素和video元素在ios和andriod中无法自动播放
应对方案:触屏即播
$('html').one('touchstart',function(){
audio.play()
Run code
Cut to clipboard
})
21.手机拍照和上传图片
<input type="file">的accept 属性
<!-- 选择照片 -->
<input type=file accept="image/*">
<!-- 选择视频 -->
<input type=file accept="video/*">
ios 有拍照、录像、选取本地图片功能
部分android只有选取本地图片功能
winphone不支持
input控件默认外观丑陋
Run code
Cut to clipboard
22. 消除transition闪屏
.css{
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
Run code
Cut to clipboard
23.
开启硬件加速
解决页面闪白
保证动画流畅
.css {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
Run code
Cut to clipboard
设计高性能CSS3动画的几个要素
尽可能地使用合成属性transform和opacity来设计CSS3动画,
不使用position的left和top来定位
利用translate3D开启GPU加速
**************************************************************************
框架
1. 移动端基础框架
zepto.js 语法与jquery几乎一样,会jquery基本会zepto~
iscroll.js 解决页面不支持弹性滚动,不支持fixed引起的问题~ 实现下拉刷新,滑屏,缩放等功能~
underscore.js 该库提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。
fastclick 加快移动端点击响应时间
animate.css CSS3动画效果库
Normalize.css Normalize.css是一种现代的、CSS reset为HTML5准备的优质替代方案
2. 滑屏框架
适合上下滑屏、左右滑屏等滑屏切换页面的效果
slip.js
iSlider.js
fullpage.js
swiper
3.瀑布流框架
masonry
工具推荐
caniuse 各浏览器支持html5属性查询
paletton 调色搭配
对于网站字体设置
移动端项目:
font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
Run code
Cut to clipboard
移动和pc端项目:
font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;
Run code
Cut to clipboard
有关Flexbox弹性盒子布局一些属性
不定宽高的水平垂直居中
.xxx{
position:absolute;
top:50%;
left:50%;
z-index:3;
-webkit-transform:translate(-50%,-50%);
border-radius:6px;
background:#fff;
}
Run code
Cut to clipboard
[flexbox版]不定宽高的水平垂直居中
.xx{
justify-content:center;//子元素水平居中,
align-items:center;//子元素垂直居中;
display:-webkit-flex;
}
//单行文本溢出
.xx{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
多行文本溢出
.xx{
display:-webkit-box !importmort;
overflow:hidden;
text-overflow:ellipsis;
word-break:break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;(数字2表示隐藏两行)
}
Run code
Cut to clipboard
使用流体图片
img{
width:100%;
height:auto;
width:auto\9;
}
Run code
Cut to clipboard
一像素边框(例子:移动端列表的下边框)
.list-iteam:after{
position: absolute;
left: 0px;
right: 0px;
content: '';
height: 1px;
transform: scaleY(0.5);
-moz-transform: scaleY(0.5);
-webkit-transform:scaleY(0.5);
background-color: #e3e3e3;
}
Run code
Cut to clipboard
针对适配等比缩放的方法:
@media only screen and (min-width: 1024px){
body{zoom:3.2;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
body{zoom:2.4;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
body{zoom:2;}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
body{zoom:1.68;}
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
body{zoom:1.5;}
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
body{zoom:1.29;}
}
@media only screen and (min-width: 400px) and (max-width: 413px) {
body{zoom:1.25;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
body{zoom:1.17;}
}
@media only screen and (min-width: 360px) and (max-width:374px) {
body{zoom:1.125;}
}
Run code
Cut to clipboard
解决Chrome动画”卡顿”的办法
可以这样开启所有浏览器的GPU硬件加速:
webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
或
webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
Run code
Cut to clipboard
文章:移动设备(触屏设备)禁止放大缩小网页 发表时间:2016-09-06, 14:50:03
#2216
作者:广西南宁市
视觉冲击强烈的,还是《索多玛120天》,十大禁片之一,黑白画面,里面蜡烛烧jj的画面和吃屎的画面令人印象深刻,据说为了体现影片的真实性,演员吃的确实是屎。
《下水道的美人鱼》,十大禁片之一,美人鱼身体被污染慢慢爬出虫子的画面表示一般的小心脏还是不要去看了。
《死寂》,木偶人血红色的嘴唇和诡异的微笑,还有意想不到的结局,场景中大量黑色阴暗的构图和声音效果相当不错,不愧为全球知名的恐怖片。
《闪灵》中出现的高原雪景大酒店令人对那里的美景着迷,突然出现的恶灵也会令你吓个半死,大量红色血液营造的恐怖效果并不像美国片一样血腥和残暴,而是令人感觉场景的震撼。有机会可以宽频影院加5.1声道音响鉴赏一下。
《驱魔人》,作为曾经吓死十多人的恐怖禁片,现在我们看到的已经不是原版了,不过整个影片所营造的氛围一直都非常紧张和恐怖,音乐有种把人拉入地狱的感觉,剧中小女孩手脚着地,整个脸超向天花板爬楼梯的场景非常有趣,佩服小演员身体的柔韧性。
中国的我推荐《黑太阳731》,是记录片,描写日本731部队在中国东北进行的活人细菌实验,每一个画面都非常写实,建议不要在吃饭的时候看。
《下水道的美人鱼》,十大禁片之一,美人鱼身体被污染慢慢爬出虫子的画面表示一般的小心脏还是不要去看了。
《死寂》,木偶人血红色的嘴唇和诡异的微笑,还有意想不到的结局,场景中大量黑色阴暗的构图和声音效果相当不错,不愧为全球知名的恐怖片。
《闪灵》中出现的高原雪景大酒店令人对那里的美景着迷,突然出现的恶灵也会令你吓个半死,大量红色血液营造的恐怖效果并不像美国片一样血腥和残暴,而是令人感觉场景的震撼。有机会可以宽频影院加5.1声道音响鉴赏一下。
《驱魔人》,作为曾经吓死十多人的恐怖禁片,现在我们看到的已经不是原版了,不过整个影片所营造的氛围一直都非常紧张和恐怖,音乐有种把人拉入地狱的感觉,剧中小女孩手脚着地,整个脸超向天花板爬楼梯的场景非常有趣,佩服小演员身体的柔韧性。
中国的我推荐《黑太阳731》,是记录片,描写日本731部队在中国东北进行的活人细菌实验,每一个画面都非常写实,建议不要在吃饭的时候看。
文章:等你有空的时候,选出你心仪的一个慢慢来看 发表时间:2016-09-05, 10:49:46
#2218
作者:广西南宁市
什么?视觉冲击?十五部?
1. NHDTA-141
2. GAR-189
3. SDDE-233
4. DPHN-142
5. JUFD-471
6. HXAK-016
7. MXGS-754
8. AVOP-130
9. MXGS-722
10. SHKD-357
11. SNIS-151
12. AVOP-060
13. HBAD-271
14. CWP-64
15. CHN-003
Run code
Cut to clipboard
文章:等你有空的时候,选出你心仪的一个慢慢来看 发表时间:2016-09-05, 10:33:32
#2219
作者:北京市
罗宾解开世界真相但因为太黑暗直到死都没肯说出来。山治葬身海底,闭上眼的那一刻他看到了蓝海。娜美被路飞救出,并让娜美去画路飞家乡的海图,娜美挥泪告别。乌索普终于成为了海上勇士,代价是自己的性命,最后一刻他让乔巴把这个故事告诉可雅。索隆如愿以偿成为世界最强剑豪,只是,比对手迟倒下几秒。路飞使用了禁术,击败了拥有三个果实的黑胡子成为了海贼王,站在夹板上回忆一路走来的艰辛和已经逝去的伙伴,最后微笑着倒下,生命枯竭。布鲁克告诉乔巴,世上有一种药可以救活路飞,然后乔巴开始全世界漫无目的寻找。布鲁克坐在路飞倒下的旁边,拉起了小提琴,场景很安静,一曲结束,布鲁克用出黄泉果实的终极能力复活了路飞,而自己却代替路飞永远死去。路飞醒来后发现周边一个人都没有,一脸疑惑,跳上万里阳光号破烂的船头,深呼吸…… “兄弟们,出发!!”
文章:成功的故事只能倒叙着讲 发表时间:2016-09-03, 23:28:59
#2220
作者:广西南宁市
var week = ['天', '一', '二', '三', '四', '五', '六'];
把天修改成日,是不是好些。不然周六后,就成周天了。
Run code
Cut to clipboard
嘿嘿,这个我也考虑到了,但是呢,因为还有星期,所以“星期日”和“周天”必须取舍一个了
文章:JS日期格式化和解析工具类 发表时间:2016-09-02, 17:10:16
#2221
作者:广西南宁市
PHP二维数组取某个字段的和
array_sum(array_column($attr, '字段'));
Run code
Cut to clipboard
文章:PHP几种加密技术算法分析学习笔记 发表时间:2016-09-02, 16:40:25
#2222
作者:广西南宁市
PHP按首字母重组数组排序
//压入首字母
foreach ($res as $k => $v)
{
$res[$k]['first'] = strtoupper(substr(trim($v['name']), 0, 1));
$arr = array('A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
//如果不是字母 把他规划到0-9队列
if (!in_array($res[$k]['first'], $arr))
{
$res[$k]['first'] = '0-9';
}
}
foreach ($res as $k => $v)
{
$result[$v['first']][] = $v;
}
ksort($result);
Run code
Cut to clipboard
文章:PHP几种加密技术算法分析学习笔记 发表时间:2016-09-02, 16:39:40
#2223
作者:广西南宁市
移动平台对 META 标签的定义
下面介绍一些有关标记的例子及解释。
一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。
1、http-equiv 属性的 Content-Type 值(显示字符集的设定)
说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。
用法:
注意:该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ,就是万国码。它可以在同一页面显示中文简体、繁体及其它语言(如日文,韩文)等。
2、name 属性的 viewport 值(移动屏幕的缩放)
也就是可视区域。对于桌面浏览器,我们都很清楚 viewport 是什么,就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统 web,因此我们需要改变 viewport 值。
实际上我们可以操作的属性有 4 个:
说明:
强制让文档与设备的宽度保持 1:1 ;
文档最大的宽度比列是1.0( initial-scale 初始刻度值和 maximum-scale 最大刻度值);
user-scalable 定义用户是否可以手动缩放( no 为不缩放),使页面固定设备上面的大小;
注意:实际测试中发现,有些安卓系统自带的浏览器并不支持这一条规则,能够对页面进行放大,一旦放大响应的 box 也随之放大,导致页面出现错乱问题,解决方法:定义页面的最小宽度
3、name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)
说明:
使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话),忽略将页面中的数字识别为电话号码。
若需要启用电话功能将 telephone=yes 即可,若在页面上面有 Google Maps, iTunes 和 YouTube 的链接会在ios设备上打开相应的程序组件。
4、name 属性的 apple-mobile-web-app-capable 值(网站开启对 web app 程序的支持)
说明:
网站开启对 web app 程序的支持。
该 meta 可以看出内容为“苹果设备 web 应用程序 xx”,就是说该 meta 是专门定义 web 应用的。
5、name 属性的 apple-mobile-web-app-status-bar-style 值(改变顶部状态条的颜色)
说明:
在 web app 应用下状态条(屏幕顶部条)的颜色;
默认值为 default(白色),可以定为 black(黑色)和 black-translucent(灰色半透明);
注意:若值为“black-translucent”将会占据页面位置,浮在页面上方(会覆盖页面 20px 高度 iphone4 和 itouch4 的 Retina 屏幕为 40px )。
6、name 属性设置作者姓名及联系方式
二、苹果 Web App 其他设置:
当然,配合 Web App 的 icon 和启动界面需要额外的两端代码进行设定,如下所示:
说明:这个 link 就是设置 Web App 的放置主屏幕上 icon 文件路径(图片四)。
使用:
该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。
图片尺寸可以设定为 57*57(px)或者 Retina 可以定为 114*114(px),iPad 尺寸为 72*72(px)
说明:这个 link 就是设置启动时候的界面。
使用:
放置的路径和上面一样。
官方规定启动界面的尺寸必须为 320*640(px),原本以为 Retina 屏幕可以支持双倍,但是不支持,图片显示不出来。
如果对 Web App 的这两个 meta 还有不能详细理解的可以查看官方解释:Meta Tags
关于 link 方面还有更多的参数设置(例如:iPod、iPad、iPhone 不同尺寸不同图标),可以查看官方标准文档:Configuring Web Applications
下面介绍一些有关标记的例子及解释。
一、meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。
1、http-equiv 属性的 Content-Type 值(显示字符集的设定)
说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容。
用法:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Run code
Cut to clipboard
注意:该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ,就是万国码。它可以在同一页面显示中文简体、繁体及其它语言(如日文,韩文)等。
2、name 属性的 viewport 值(移动屏幕的缩放)
也就是可视区域。对于桌面浏览器,我们都很清楚 viewport 是什么,就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统 web,因此我们需要改变 viewport 值。
实际上我们可以操作的属性有 4 个:
width – // viewport 的宽度 (范围从 200 到 10,000,默认为 980 像素)
height – // viewport 的高度 (范围从 223 到 10,000 )
initial-scale – // 初始的缩放比例 (范围从 > 0 到 10)
minimum-scale – // 允许用户缩放到的最小比例
maximum-scale – // 允许用户缩放到的最大比例
user-scalable – // 用户是否可以手动缩放 (no,yes)
Run code
Cut to clipboard
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Run code
Cut to clipboard
说明:
强制让文档与设备的宽度保持 1:1 ;
文档最大的宽度比列是1.0( initial-scale 初始刻度值和 maximum-scale 最大刻度值);
user-scalable 定义用户是否可以手动缩放( no 为不缩放),使页面固定设备上面的大小;
注意:实际测试中发现,有些安卓系统自带的浏览器并不支持这一条规则,能够对页面进行放大,一旦放大响应的 box 也随之放大,导致页面出现错乱问题,解决方法:定义页面的最小宽度
body {
min-width: 320px;
}
Run code
Cut to clipboard
3、name 属性的 format-detection 值(忽略页面中的数字识别为电话号码)
<meta name="format-detection" content="telephone=no" />
Run code
Cut to clipboard
说明:
使设备浏览网页时对数字不启用电话功能(不同设备解释不同,iTouch 点击数字为存入联系人,iPhone 为拨打电话),忽略将页面中的数字识别为电话号码。
若需要启用电话功能将 telephone=yes 即可,若在页面上面有 Google Maps, iTunes 和 YouTube 的链接会在ios设备上打开相应的程序组件。
4、name 属性的 apple-mobile-web-app-capable 值(网站开启对 web app 程序的支持)
<meta name="apple-mobile-web-app-capable" content="yes" />
Run code
Cut to clipboard
说明:
网站开启对 web app 程序的支持。
该 meta 可以看出内容为“苹果设备 web 应用程序 xx”,就是说该 meta 是专门定义 web 应用的。
5、name 属性的 apple-mobile-web-app-status-bar-style 值(改变顶部状态条的颜色)
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
Run code
Cut to clipboard
说明:
在 web app 应用下状态条(屏幕顶部条)的颜色;
默认值为 default(白色),可以定为 black(黑色)和 black-translucent(灰色半透明);
注意:若值为“black-translucent”将会占据页面位置,浮在页面上方(会覆盖页面 20px 高度 iphone4 和 itouch4 的 Retina 屏幕为 40px )。
6、name 属性设置作者姓名及联系方式
<meta name="author" contect="liudanyun, liudy102@163.com" />
Run code
Cut to clipboard
二、苹果 Web App 其他设置:
当然,配合 Web App 的 icon 和启动界面需要额外的两端代码进行设定,如下所示:
<link rel="apple-touch-icon-precomposed" href="iphone_logo.png" />
Run code
Cut to clipboard
说明:这个 link 就是设置 Web App 的放置主屏幕上 icon 文件路径(图片四)。
使用:
该路径需要注意的就是放到将网站的文档根目录下但不是服务器的文档的根目录。
图片尺寸可以设定为 57*57(px)或者 Retina 可以定为 114*114(px),iPad 尺寸为 72*72(px)
<link rel="apple-touch-startup-image" href="logo_startup.png" />
Run code
Cut to clipboard
说明:这个 link 就是设置启动时候的界面。
使用:
放置的路径和上面一样。
官方规定启动界面的尺寸必须为 320*640(px),原本以为 Retina 屏幕可以支持双倍,但是不支持,图片显示不出来。
如果对 Web App 的这两个 meta 还有不能详细理解的可以查看官方解释:Meta Tags
关于 link 方面还有更多的参数设置(例如:iPod、iPad、iPhone 不同尺寸不同图标),可以查看官方标准文档:Configuring Web Applications
文章:移动设备(触屏设备)禁止放大缩小网页 发表时间:2016-09-02, 11:31:27
朋友圈里没朋友,都是王宝强郭德纲。以及北京折叠、北京已经折叠、全世界折叠、超大字霸屏、我的性格标签、洪荒之力、小床翻了又翻。
刷屏的是热点和10万+。信息严重同质、泛滥、过载、大混乱,让人恐慌:如果这个热点不跟,感觉就被互联网淘汰;又让人困惑:这些一定是值得关注的吗?订阅号的红点越来越多,大部分右上角变成省略号,甚至懒得动手点一下。