最新消息:flex弹性布局更新完毕,阅读地址:http://www.01happy.com/css-flex/

最新发布

webpack配置typescript详解

webpack配置typescript详解

typescript 15小时前 5浏览 0评论

随着现在typescript使用越来越多,作为打包工具界的webpack怎么编译typescript呢? 下面我把自己的实践记录一下,成功编译了typescript文件,并且引入typescript模块后,也可以成功编译。 我们从新建webpack项...

svg中path贝塞尔曲线和圆弧图文详解

svg中path贝塞尔曲线和圆弧图文详解

html5 5天前 37浏览 0评论

最近研究了一下svg的path标签,功能非常强大,理论上来讲path标签可以画出任意图形。自己记性不太好,记录一下path的使用语法和自己的理解。 path介绍 path用d属性来描述路径,语法格式大概如下: <svg> <...

网页引入svg图片的4种方式

网页引入svg图片的4种方式

html5 1周前 (10-11) 27浏览 0评论

web应用开发使用svg图片,总结了下,可以有如下4种方式: 1. 直接插入页面。 2. img标签引入。 3. css引入。 4. object标签引入。 1. 直接插入页面 在html页面,可以直接使用svg标签。 <!DOCTYPE ...

svg中viewbox图解分析

svg中viewbox图解分析

html5 1周前 (10-09) 34浏览 1评论

svg中有一个viewbox属性,中文翻译为视区,就是在svg上截取一小块,放大到整个svg显示。 这个属性初学的话有点难以理解,这边做一个简单的示例,一看就明白了。 1)先来一个svg,宽高各位300,设置一下边框: <svg width...

svg用animate实现简单动画效果

svg用animate实现简单动画效果

html5 2周前 (10-08) 22浏览 0评论

svg中可以使用animate标签实现动画效果。 就是在相应的形状标签内加入animate标签,其中若干属性如下: attributeName 目标属性名称 from 起始值 to 结束值 dur 持续时间 repeatCount 次数|indefi...

svg实现环形进度条动画

svg实现环形进度条动画

css 2周前 (10-07) 31浏览 0评论

尝试用svg写了一个环形进度条的效果,svg的功能确实是越来越强大了。 先看个效果: svg环形进度条动画 其中关键的步骤如下: 1) svg 画两个圆形 一个用作背景,一个用来做动画效果。 <!-- 背景环形 --> <cir...

svg中六种基本形状

svg中六种基本形状

html5 2周前 (10-07) 26浏览 0评论

svg简介 svg 意为可缩放矢量图形(Scalable Vector Graphics),最大的特点就是伸缩不会失真。 svg是用xml进行描述的,在前端方面现在应用越来越广泛,各大浏览器支持越来越好了。 这边尝试记录一下用svg画各种形状。 sv...

box-sizing解放盒子实际宽高计算

box-sizing解放盒子实际宽高计算

css 2周前 (10-06) 35浏览 0评论

我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子, 造成盒子的宽度不好计算,在实务中特别不方便。 盒子宽高计算 假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。 但...

两小时学会flex弹性布局

两小时学会flex弹性布局

css 2个月前 (08-18) 178浏览 1评论

最近重新对flex的知识点进行了梳理,因为内容比较多,会逐步推送相关文章。 为了保证读者在碎片化时间阅读也能大体理解flex,本文尽力使用更多的图片来进行说明。 本文虽然尽力考证每个知识点的准确性,但是因为时间和精力有限,难免有错误的地方,欢迎大家指...

php基于yaf的又一个内容管理系统

php基于yaf的又一个内容管理系统

PHP 9个月前 (01-24) 727浏览 0评论

基于yaf的又一个内容管理系统 介绍 每次做项目的时候,不管是啥类型的项目,经常要整一些通用的功能,如:管理员、登录、注册、权限管理、分类管理、内容管理等。 这些功能都非常通用,就想着是否能提取出来,这样以后就在这个项目基础上继续开发了,于是就...

windows下php安装yaf扩展

windows下php安装yaf扩展

PHP 9个月前 (01-14) 436浏览 0评论

本篇目标 完成windows下安装yaf扩展。 本编重点 分析phpinfo信息下载合适的dll文件。 yaf扩展yaf.dll下载 前往php官方官网下载yaf扩展:yaf扩展下载官网 进入官网,可以看到眼花缭乱一大堆,到底下载那个呢? 这...

git从暂存区stage移除文件

git从暂存区stage移除文件

编程开发 1年前 (2020-06-03) 760浏览 0评论

使用ide的时候,有时会自动把一些ide本身的配置文件加入到git暂存区,这样的话即使 .gitignore 文件增加忽略,也没有效果,这个时候需要把文件从暂存区中移除。 移除单个文件 git reset HEAD -- path/to/file 移...