时光啊时光 ~ 记小站建立一年有感

时光啊时光 ~ 记小站建立一年有感转眼之间一年又过去了,我也从当初的小菜比成长的现在的老菜比.小站从当初阿里云一块钱活动注册的 qiatia.top 转到现在腾讯云注册的 qiatia.cn .从当初 bythost 的免费理论无限主机到现在的腾讯云学生1C 2G 50G 的VPS服务器. 现在也不知道该说些啥,我就说说这些域名和空间吧。域名单纯的域名注册管理的话,阿里云是个不错的选择,无论从价格还是服务这些方面,而且会时不时搞一下活动,会有一些活动特价域名提供(当然 我说的是五位以上的,不包括五位以下的溢价域名).后缀选择的话,这是一个很重要的问题:如

纯css画各种图形,基本矩形、多边形,爱心、钻石、阴阳八卦等

今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是 firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的。原文:http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html1、正方形最终效果:CSS代码如下:#square { width: 100

js实现返回顶部效果的方法总结

当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。实现功能:当页面加载的时候,把返回顶部按钮定位到页面的右下角,当页面从顶部向下滑动不超过一定距离时,返回顶部按钮隐藏,当页面从顶部向下滑动超过该距离时,返回顶部按钮显示,当用户点击返回顶部按钮的时候,页面返回顶部。主要的几种实现方案1、纯js,无动画版本window.scrollTo(x-coord, y-coord); window.scrollTo(0,0);2、纯js,带动画版本生硬版:var scroll

菜鸟从业记:没准备好的面试,那叫尬聊

最近我的朋友王小闰参加了一场面试,在他填写简历表的时候,排在他前面的应聘者正在旁边邻桌接受来自面试官的检验。王小闰边写边想,这不就是一会儿要面试自己的前端leader么,现在面试官提问的一些面试题会不会就是待会儿要问自己的问题? 想到这,我朋友王小闰不自觉地竖起了耳朵听,借鉴下别人回答问题的经验,保不齐自己一会儿要套用一下。不听不知道,一听吓一跳。没准备好的面试,那叫一个尬聊。首先,面试开场白总缺少不了自我介绍,一方面是面试官想听听你对自己的介绍,顺便有时间看看简历上的描述,是否与口述一致。另一方面就是看看你简历上做过什么项目,用到了哪些技术栈,一会儿好提问你。其实,最重要的是为了缓解两人的紧

网页预加载_骨架屏Skeleton Screen的实现

用户体验一直是前端开发需要考虑的重要部分,在数据请求时常见到锁屏的loading动画,而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代,以优化用户体验Skeleton ScreenSkeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页。请求处理无论是PC端还是移动端,只要有数据请求都会出现一定的延迟时间,之前对于这段等待时间的处理也是各不相同。同步请求中页面会卡住,直到请求完成,用户期间无法进行任何操作,有一种死机的感觉,体验较差。

CSS中的focus-within伪类选择器

css中:focus-within是什么在CSS中 :focus-within 是一个伪类,现在已经被列入到CSS选择器中(CSS Level 4 selector)。CSS中伪类:focus-within能非常方便处理获取焦点状态, 当元素本身或其后代获得焦点时,:focus-within伪类的元素就会有效。没看懂,可以看下面的例子:<div class="container" tabindex="0"> <label for="text">Enter text</label> <input id="text" type="text" /

js中for循环优化总结_如何提高程序的执行效率

在程序开发中,经常会使用到for循环的,但是很多人写的for循环效率都是比较低的,下面就举例说明,并总结优化for循环的方法,来提高我们程序的执行效率。1、取消循环终止判断,否则每循环一次都会执行一次判断for (var i = 0; i < arr.length; i++) { // do something... }这样每次循环都要去读取一次数组的长度。优化写法:var len= arr.length; for (var i=0; i < len; i++) { // do something... }这里声明了2个变量,len和i。其实可以使用一个就能解决,如

毕业一年左右的前端妹子面试总结

原文出处: Qin菇凉     前言嗯ennnnnn,,,,懒癌症拖延的毛病,趁着最后一个上班日赶紧把最近一周的面试做个总结(虽然我下周一才入职),作为一位去年才毕业的前端妹子来说,其实还是个技术小白啦,近几年还是想在技术上能有一个很大的提升,而且不是说金三银四嘛(嘤嘤嘤,好像是真的),所以在试水了两家公司之后,开启了我一周左右的面经之路,大大小小的公司都有面,我就是奔着涨知识和积累经验去的!!!加起来差不多10家公司左右吧,成绩自己也还挺满意的,拿到了6家公司的offer,大小公司也都有,像大华、华三,但是最终综合考虑的结果,去了一

程序员养生攻略_程序员防猝死指南

程序员在其职业生涯中,健康问题尤为突出。但是大部分程序员只顾码字,却往往忽略了自身的健康问题。这或许是因为写代码太入神,也或许是因为来自老板的压力太大。但这些并不是你折磨自己最好的理由,我们程序员也需要养生,只有懂得养生,才能更好地编程。程序员都有哪些健康问题  这里罗列了 9 大程序员职业病,你也可以对号入座,如果你找不到座位,那么恭喜你,你是一个合格的程序员。腕部疼痛(重复性劳损)盯着看移动的打印进度以及其后的句点造成的眼部问题姿势不当造成的背部不适,尤其是背下侧,肩上侧肠道和尿道的问题(不能正常大小便)摄入太多咖啡因,而且喝水少造成的脱水坐姿保持太久,造成男性的痔疮或前列腺问题(我一会再

Html5本地存储和本地数据库

一个网站如何能在客户的浏览器存储更多的数据呢?在Html4的时代在浏览器端存储点网站个性化的数据,尤其是用户浏览器的痕迹,用户的相关数据等一般只能存储在Cookie中,但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简,想存储复杂的、关系型的用户数据就根本不可能了。但是进入Html5时代,这一切都不叫事...一、本地存储由来的背景      众所周知Html4时代Cookie的大小、格式、存储数据格式等限制,网站应用如果想在浏览器端存储用户的部分信息,那么只能借助于Cookie。但是Cookie的这些限制,也就导致了C

代码神注释大全

写在前面的话:一时兴起就收集了以下神注释,希望能为广大ITer带来快乐,缓解你们工作中的压力,下面开车,先自爆头像,下文会给出制作链接。/***                                      *         瓦瓦            十              *        十齱龠己         亅瓦車己             *        乙龍龠毋日丶      丶乙己毋毋丶            *        十龠馬鬼車瓦      己十瓦毋毋             *         鬼馬龠馬龠十    己己毋車毋瓦   

中关村风云40年:大批新兴科技企业群星闪耀

一座中关村,半部改革史。140年过去,回顾中关村传奇,依然要从陈春先说起。1978年,中国物理代表团访问美国,走下飞机悬梯的人当中,就包括中科院物理所核聚变专家陈春先。这一年,他刚在全国科学大会上斩获一等奖,并和陈景润等人一道被破格提拔为中国最年轻的正研究员。人生和国运如果有四季,这都称得上是“春天”。当年,美国在国人眼里还是“腐朽没落、行将崩溃”的帝国主义。但沿着波士顿128公路、旧金山硅谷转下来,陈春先却看到数千家由教授、大学生、工程师创立的公司,以及由它们构筑的高科技产业集群。一位美国教授,仅靠一家20人的永磁体小公司,就能为NASA和全球核实验室供货。科技与商业的高度协同,竟能爆发出如