Life

Talk is easy,Let me see your code.

无需第三方软件实现科学上网

基于hosts文件

前言 现在如果需要写个论文什么的,就需要查阅大量的论文,但是国内的论文更新速度往往更不上国际上最新的研究趋势,不得已,特研究了一下如何实现校园网访问谷歌学术网,仅供学习使用,请勿使用其他用途。 前提条件:校园网支持ipv6 判断是否支持,请点击这里 如果支持,则继续。 第一步,找到本机的hosts文件,对齐进行备份。 针对windows用户: 该文件目录在C:\Window...

最通俗的this讲解

给你不一样的this

前言 this关键字可以说是贯穿JavaScript这门语言的一个精髓,若是不能好好理解this关键字,那在实际的开发中也是会遇到各种各样莫名其妙的问题,让人百思不得其解,所以若能好好的理解其工作原理,那对于提升自身的编程能力是百利而无一害的。 初识this function foo(){ console.log(this) return this.name.toUpp...

CSS使用技巧

过度与动画

前言 CSS过渡动画是CSS3的一大新亮点,这种本该由CSS实现的效果过去一直是使用脚本来实现,多多少少会影响性能,现在我们拥有了强大的CSS过渡动画功能后,将会有一个崭新的世界。 前置知识 CSS动画 CSS过渡 CSS转换 1.缓动效果 现在我们实现一个自由落体的运动效果,我们的CSS样式可能这样写,核心代码: @keyframes bounce { 60%, 80%...

CSS使用技巧

结构与布局

前言 1.自适应内部元素 假如实现以下布局,要求图片下面的文字的自适应图片的最大宽度,并且图片是可变的,可能你会想要设置一个固定的max-width宽度值应用于包含图片的父容器,但是这就不是自适应了,在CSS3中我们有了一个新的单位min-content,它特指容器内最小的元素的宽度值,在这里是图片宽度。 css代码如下: figure { max-width: 300px;...

CSS使用技巧

用户体验

前言 1.扩大可点击区域 在移动端的时候,我们往往需要增加可点击区域,比如下面这个,本身比较小,那我们如何让其可点击区域变大呢? 常用做法是增加透明边框,但如果我们吧边框用了,我们还想增加边框样式怎么办,我们就可以借用box-shadow来模边框效果,代码如下: button { padding: .3em .5em; border: 100px solid tra...

CSS使用技巧

字体排印

前言 1.连字符断行 我们经常会想实现两端对齐的效果,但结局往往不如人意,比如: p { text-align: justify; } 系统往往为了对齐两端,而在中间等分空间的时候留下许多空白,这在效果上面是不美观的,但好在CSS3中引入了一个新的属性hyphens,它接受三个值:none,manual以及auto,其中设置auto会自动设置连接符,具体效果如图: p ...

CSS使用技巧

视觉效果

#前言 1.单侧投影 我们都知道box-shadow可以设置元素的投影,但有时候我们只想设置一侧为投影效果,类似与这样: 具体代码实现: div { width: 1.6in; height: 1in; background: #fb3; box-shadow: 0 5px 4px -4px black; } 主要技术是通过指定box-shado...

CSS使用技巧

形状

前言 1.自适应的椭圆 如果我们想要实现一个圆形效果或者椭圆效果,我们都知道使用border-radius可以解决,比如: div{ width: 100px; height: 100px; border-radius: 50px; background: red; } 当然,这段代码不够DRY,因为当款宽高改变的时候,我们又要去改变border-r...

CSS使用技巧

让你更加得心应手的CSS

前言 CSS是一门简单的语言,但是在如今CSS3的出现以及普及,似乎更多人开始觉得吃力,于是很多人都不愿意学习新的语法,但其实这些新的特性的出现都是有原因,其目的只会是解放生产力,让我们更加轻松解决某一类问题,在这里只做记录,记录一些实用的技巧,暂不讨论其背后的原理。 1.半透明边框 在浏览器早期的时候,如果我们要使用透明效果,可能需要加载shim脚本,甚至在IE中需要用到滤镜效果,如...

前端书籍推荐

pdf高清定制版

前言 大家都知道,平时学习知识一个比较好的途径就是看书,毕竟看完一本书多多少少会吸收点东西,这个倒是因人而异,在这里呢,我暂且推荐自己所知道的几本书,仅供参考,另外贴上PDF高清版本,毕竟都知道计算机的图书一般都很贵。 CSS相关 推荐的第一本书就是《CSS权威指南》,这本书出版于2006年,这本书建议初学者必看,它会告诉你CSS是什么,CSS有什么,CSS可以做什么,让你对CSS的认...