flyqingfei-CSDN博客

原创 JavaScript计算器

JavaScript实现简单计算器的功能

2017-04-03 11:44:16 902

原创 background-size

background-size的用法

2017-04-01 15:30:56 747

原创 @media的用法

今天总结了一些@media的用法

2017-03-27 11:05:13 18316

转载 flex布局教程：实例篇

Flex 布局教程：实例篇不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到

2017-03-20 14:40:44 603

转载 flex布局教程：语法篇

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就

2017-03-20 14:31:46 315

原创上传图片预览功能

直接上代码： function showPreview(source) { var file = source.files[0]; if (

2017-03-14 18:20:03 231

原创点击input，value值消失

这是默认的状态：这是点击后的状态：

2017-03-13 17:24:52 9303 1

原创 SEO优化建议

1、URL规则网站所有的URL地址应为静态形式且层次不超过三层，使网站整体URL结构成树形扁平化结构利于搜索引擎爬行抓取，利于用户体验。2、TKD的优化　　Title、Keywords、Description是页面中部署关键词的重要位置。　　Title的书写建议：关键词1_关键词2_关键词3-品牌名，如要突出品牌则，品牌名-关键词1_关键词2_关键词3。　　Keywords

2017-03-13 16:25:17 339

原创 input点击状态下边框消失

input:focus{outline:none;}input{outline:none;}两种方式都可以

2017-03-13 11:46:42 1551

原创 iconnfont在线字体图标的使用

图片图标放大会失真，而且占据服务器内存，每加载一张图片都要进行一次http请求，拖慢了整个网页的加载速度，使用字体图标易于缩放，易于改变图标的颜色、透明及阴影效果，浏览器和css都能很好的支持，最重要的是跟图片显示相同的内容体积会更小。例：@font-face { font-family: 'iconfont'; /* project id 190481 */ src: ur

2017-03-12 21:09:42 711

转载 input高度

最近发现input标签是总不能获得跨浏览器的统一样式。主要的问题有这么两个：一是input标签的高度不能统一，各浏览器不兼容，Firefox和IE中的高度始终不能一致；二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示，而是靠输入框的左上角显示。为了彻底解决搜索框的这些问题，我以GreenGaint主题搜索框的样式为准，重写了一遍代码并且以像素为

2017-03-03 13:06:35 4849

原创 text-shadow用法

text-shadow:2px 2px 2px #fffX轴，Y轴，模糊程度(不可是负值)，阴影颜色效果一：text-shadow: 0 0 20px red;效果二：text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;

2016-08-31 17:07:07 2052

原创响应式布局

一、meta标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js

2016-08-24 17:56:46 165

原创 JavaScript控制显示隐藏

js显示隐藏层function look(targetid,objN){ var target=document.getElementById(targetid); var clicktext=document.getElementById(objN) if (target.style.display=="block"){

2016-08-24 14:38:30 594

转载驼峰式命名法

骆峰式命名法（Camel-Case）是电脑程式编写时的一套命名规则（惯例）。骆峰式命名法就是当变量名或函式名是由一个或多个单字连结在一起，而构成的唯一识别字时，第一个单词以小写字母开始；第二个单词的首字母大写或每一个单词的首字母都采用大写字母，例如：myFirstName、myLastName，这样的变量名看上去就像骆驼峰一样此起彼伏，故得名。小驼峰法变量一般用小驼峰法标识。驼峰

2016-08-14 16:01:41 570

JavaScript是有Netscape公司推出的运行在浏览器端的解释性脚本语言。JavaScript是一种弱类型的非嵌入式脚本语言，无需嵌入其他程序中，主要实现一般的任务控制。JavaScript主要运用在浏览器端，处理用户的输入实现交互功能。例如，在会员注册页面将数据发送到服务器前，使用JavaScript检查用户输入的数据是否符合要求。可以使用JavaScript通过DOM对象操作HTML页面中各个节点元素，动态修改HTML文档内容。

2016-08-14 13:48:46 248

flyqingfei的博客