2017年03月_陆康永

12月 11月 10月 09月 05月 03月 02月 01月

原创 sin cos tan在前端的应用

/*正N边形外角和 = 360正N边形外角 = 360/n正N边形内角 = 180 - 360/n正弦 Math.sin() 直角三角形中对边和斜边的比值余弦 Math.cos() 直角三角形中临边和斜边的比值正切 Math.tan() 直角三角形中对边和临边的比值已知角度，和临边求对边Math.tan(弧度)*临边 = 对边

2017-03-24 11:13:54 1968

原创 tween.js和css3变形的使用

Tween中的方法接受4个参数t,b,c,d 。返回值为计算后的当前位置.t => time(初始记步次数) b => begin(初始位置) c => change(变化量) d => duration(持续次数)Tween详解:http://www.zhangxinxu.com/wordpress/2016/12/how-use-tween-js-animation

2017-03-22 23:22:03 1834

原创设置or获取 css3旋转变形缩放操作

一开始我们会这样使用，但发现然并卵，获取到的值是一个矩阵方程函数 matrix3d(0.866025403784439, 0, -0.5, 0, 0, 1, 0, 0, 0.5, 0, 0.866025403784439, 0, 0, 0, 0, 1)虽然我们css可以操作scale translate 这些封装好的函数，但实际底层操作的还是矩阵方程，当前js并没有提供相应的函数

2017-03-22 23:00:23 777

原创 css3笔记

rotate 旋转 degrotateX/rotateY/rotateZskew 斜切 degskewX/skewY 正值拉左上角和右下角负值拉右上角和左下角scale 缩放 (原始大小的多少倍)scaleX/scaleYrotate、skew、scale默认都是围绕着元素的中心点进行变化的trans

2017-03-21 11:48:25 325

原创 line-height 多行文字相对父级居中

目前我知道有四种可以实现多行文字居中的方法：1.flex布局2.box布局3.绝对定位布局4.line-heightflex是2012年之后出的css语法，PC端支持力度还是不行，移动的上IOS支持也有问题box是2009年初的css语法，移动的上支持还可以，以后的趋势会被flex替代绝对定位布局，所有浏览器都支持，但是需要知道子级的高度line-h

2017-03-18 11:29:21 2355

原创 CSS 1px

习惯开发PC网页的我在2016年初踏入移动开发领域遇到各种“奇奇怪怪”的坑，例如1PX问题。一下列举一些常用的不常用的“解决”方法1.通过修改meta现代手机大多数都是1/2的像素比，可以直接修改meta为:例如淘宝首页:https://m.taobao.com/?sprefer=sypc00#index但是如果你的页面文字很多的话你会发现一个问题，文字会比平常的字体细很多，甚至

2017-03-03 23:40:42 2615