linux安装git服务器

安装git

yum install git

添加用户 设置密码

adduser git

passwd git

到用户目录下创建.ssh目录和文件

cd

mkdir .ssh && chmod 700 .ssh

touch .ssh/authorized_keys && chmod 600 .ssh/authorized_keys

......

前端性能优化(一) Performance.timing

linux禁止root登录

新建一个用户

useradd user_name

设置密码

passwd user_name

修改SSHD配置,禁止root直接登录

vi /etc/ssh/sshd_config

查找#PermitRootLogin yes去掉注释后改为No,重启sshd服务

service sshd restart

先使用user_name登录,然后通过su r......

requestAnimationFrame动画

页面动画效果通常是使用CSS3的animation,transition,或者在JavaScript中使用setTimeout | setInterval来持续改变某个CSS属性的值来实现。window还有一个API,用来实现高性能的帧动画,那就是requestAnimationFrame。

requestAnimationFrame语法

window.requestAnimationFram......

设备物理像素和设备独立像素

几个概念

设备像素,也称为物理像素,是设备能控制显示的最小单位;

CSS像素,写页面样式时候的像素单位,不是实际存在而是抽象的;

设备独立像素,计算机坐标系中的一个点,是可由程序控制使用的虚拟像素。(也有称设备逻辑像素)

screen对象的width和height属性可以返回显示屏的宽高,这个值其实是设备独立像素而不是屏幕分辨率,设备的屏幕分辨率是无法直接用代码获取的。在pc端看到的......

Media Query断点单位

之前做一个项目,用的pure css里的grids来做的栅格和响应式布局,css里处理断点的是使用的em单位,因为刚好和设计师那边给的断点位置不一样就直接改了并顺手写的px单位。最近又有类似的项目突然想到这个单位的问题,就稍微测试一下下,看看不一样的单位有什么区别。

IE看的ie9,因为虚拟机里只有这个..看之后能不能补一下

默认情况

三个div,在断点处更改背景色。

小于800像......

SVG描边动画

See the Pen jxPVEj by NINE (@sollrei) on CodePen.

图标是在阿里的iconfont里面随便翻的,下载的svg格式,描边动画需要有stroke

SVG的stroke属性

stroke 颜色

stroke-width 宽度

stroke-linecap 端点的表现

stroke-dasharray 虚线

描边......