css

带你玩转css3的3D!

话不多说,先上demo酷炫css3走马灯/正方体动画: https://segmentfault.com/a/https://bupt-hjm.github.io/cs...github源码地址:https://segmentfault.com/a/https://github.com/BUPT-HJM/c...酷炫css3翻页动画: https://segmentfaul

零React基础入门Amae UI Touch!

全文的目的是达成使用amazeui-touch进行项目开发,并且以我这个前端菜鸟所见所学来归纳整理。文章不对详细内容做讲解。环境安装与前期准备我的基础环境:Win10ATOM : GitHub出的开源的编辑器CMDER : https://nodejs.org/en/ 官网直接下载最新版安装即可基本的配置需求:webpack: https://webpack.github

前端面试大全

HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同:XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.前端页面有哪三层构成,分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览

页面性能优化实践总结

页面性能优化学而不思则惘,思而不学则殆前几天接到一个页面效果优化的任务,边做边查阅了一些关于页面性能的资料。做完任务之后,抽空写了一篇总结,梳理一下思路,加深自己的理解。1. chrome的timeline先思考这样的一个问题:什么叫页面性能好?如何进行评判?直观上讲,我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中,总不能这么随意吧。1-1 fpsFP

Sass

Sass 是一个CSS 的扩展,在语法CSS语法的基础上,增加变量,嵌套规则, 混合,导入,函数等功能 对CSS进行预处理的“中间语言” 文件格式 .sass ,.scss scss是对css的一种拓展,跟css很像,是开发中最常用的模式。 Sass从第三代开始,放弃了缩进风格,并且完全向下兼容普通的CSS代码。被称为scss 编译Sass Node环境 sass app.

Web标准制定过程

W3C的标准规范是怎么制定出来的?浏览器厂商是收到来自w3c的规范标准才结合自己的浏览器进行开发更新以支持新特性吗?一直很好奇,搜集了一些资料,主要参考了W3C CSS工作组特邀专家Lea Verou写的《CSS揭秘》和W3C的官方介绍。一. W3CW3C,一直被大众认为是Web标准的制定者,我们遇到的很多问题,大部分都能通过研究W3C官网上发布的文档解决(官方文档也是最好

js对象属性

js对象属性有两种访问方式,代码如下:var test={name:'wzh',sex:'man'}var n='name';console.log(test[n]);//第一种:可以动态访问对象属性console.log(test.name);//第二种:不能动态访问对象属性关键字:JavaScript, html5, css, 属性

CSS魔法堂:Bo-Shadow没那么简单啦:)

前言 说起box-shadow那第一个想法当然就是用来实现阴影,其实它还能用于实现其他好玩的效果的,本篇就打算说说box-shadow的那些事。二话不说看效果3D小球.ball{ background: rgba(100,100,100,0.2); width: 100px; height: 100px; padding: 10px; border-radius:

css居中最佳实践

css居中是非常常见的问题,也是面试热门,现在对居中问题做个总结水平居中万能的text-align居中给父元素添加text-align: center,子元素都会居中,无论是inline还是block缺点:text-align属性会继承会影响后代元素display: table配合margin: 0 auto.center {display: table;margin: 0

切图崽的自我修养-使用自动化工具

前言F5已烂想来大家对自动化构建工具已经不陌生了,自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作,合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等,这些构建工具核心都是依赖第三方插件,通过颗粒化任务,再将这些任务按照合适的方式进行组合,构建项目所需的自动化工作流常用插件这里来简单来说明一下Grunt的最常用的几个插件:gr