- 博客(27)
- 收藏
- 关注
RSS订阅转载 localStorange在vue中的应用
一、localStorage普通应用1、先存在localStorage里面localStorage.setItem('indexUrl','#/IndexA')2、在用到的时候，获取数据this.indexUrl = localStorage.getItem('indexUrl') //获取本地 二、localStorage的存储数组对象的方式localStorag...
2019-01-02 14:15:03
2161
转载 web前端有用的十个JQuery代码片段
1.返回顶部Back to top$(‘a.top’).click(function(){$(document.body).animate({scrollTop : 0},800);return false;});如上所示，使用jQuery 的animate和scrollTop 可以十分方便的制作一个返回顶部的特效。通过改变scrollTop 的值我们可以控制滚动条。在
2015-10-10 11:09:52
618
转载 display:table-cell的几种应用
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性 的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用。我们都知道，单元格有一些比较特别的属性，例如元素的垂直居中对齐，关联伸缩等，所以d
2015-10-10 11:01:03
464
转载 CSS制作图片水平垂直居中
做为一个前端设计人员，对于产品展示页面的设计一定不会陌生，其中产品图片摆放是必定经历的一步，并且水平居中和垂直居中又是最多的。有时需要产品图片水平垂直居中显示，这种展示用CSS来实现又是比较棘手的一件事，我想很多前端攻程师都有研究过或者说是搜索过这些方法吧。很多网站都是使用table来实现产品图片垂直居中，实现也是相当的方便，唯一不足之处就是结构繁锁，那么今天和大家一起看几种不是使用talbe方法
2015-09-02 10:52:31
645
转载 如何使用 CSS3 添加投影
如何使用 CSS3 添加投影本主题将向你介绍如何使用 Windows Internet Explorer 9 和 Cascading Style Sheets, Level 3 (CSS3) 向布局元素的外部或内部添加投影。你甚至可以为使用 Internet Explorer 9 中新提供的圆角支持所创建的圆角曲线添加阴影。本主题包含下列部分：方框阴影选项和语法创建基本投影使用
2015-04-13 15:13:26
1067
转载 CSS3 box-shadow实现纸张的曲线投影效果
本文地址：http://www.zhangxinxu.com/wordpress/?p=1322一、简单的前言一般的投影效果，尤其通过CSS实现的投影效果（无论是CSS3，还是IE滤镜），都是直来直往的。纸张是有卷角的，其投影就是曲面的，如何使用CSS模拟出纸张的卷边曲线投影效果就是本篇的内容了。二、实现原理简介首先，曲线投影的终效果其实是多投影重叠的效果：一点点倾斜的投影
2015-04-13 15:07:35
515
转载 跨浏览器CSS3渐变色
跨浏览器CSS3渐变色CSS的渐变特征介绍了WebKit的约两年前，但由于很少使用与大多数布尔斯互不兼容。但现在的Firefox 3.6 +，支持渐变，我们可以创造风格，而不必创建一个图像渐变。这个职位将告诉你如何为CSS代码渐变要由主要浏览器：IE浏览器，火狐3.6 +，Safari和Chrome的支持。此外，还有我的下拉菜单（demo）使用CSS渐变。对于WebKit的浏览器下面的
2015-04-01 09:30:02
413
转载 CSS3渐变色按钮
上一篇文章介绍了css3的渐变色属性，今天带来CSS3渐变特性的应用。可以去看一组按钮，我只用了 CSS创建完成的渐变按钮(不需要图片和Javascript)。 这些按钮可以根据字体的大小伸缩。当填充和字体大小发生变化时，这些按钮的大小可以容易地适应。 这种方法最好的部分就是能被应用于任何HTML元素，比如 div, span, p, a, button, input, 等等。为什么这些按
2015-04-01 09:12:12
739
转载 通过Intel XDK编写跨平台app(二)
通过Intel XDK编写跨平台app(一)通过Intel XDK编写跨平台app(二)在这个系列的上一篇文章中，我们大致了解了Interl XDK的概况。在这一部分中，我们会详细地介绍如何通过这个框架来构建app，这里我们会以一个简单的照片分享应用为例。你可以在Github上找到这个例子的最终代码。对比一下几个框架Intel XDK支持几种不同的HTM
2015-03-12 15:52:53
860
转载 通过Intel XDK编写跨平台app(一)
Intel XDK 是一个新的跨平台手机应用开发工具。它努力把整个开发流程变的简单，尽可能把所有的平台都封装到一个包中，通过收集各种开发工具来使你的开发变的简单。在这篇文章中，我将会向你介绍什么是Inter XDK，和它是如何通过HTML5来让你构建一个跨平台的app。它的接口非常简单，但是有别于其它的IDE，不过你不用担心，我将会一步一步的告诉你所有你需要知道的事情。安装
2015-03-12 15:49:06
590
转载 跨浏览器开发经验总结（一） HTML标记
跨浏览器开发经验总结（二） CSS ，书写代码的同时多考虑一些多浏览器的兼容性问题。怎样才能符合标准。为页面添加DOCTYPE由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD，如： 标准
2015-03-11 17:09:16
450
转载 Jquery Table 的基本操作
Jquery 操作 Html Table 是很方便的，这里对表格的基本操作进行一下简单的总结。首先建立一个通用的表格css 和一个 表格Table：table{ border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left: auto; width
2015-03-04 17:39:02
444
转载 让 Dreamweaver 支持 Emmet（原ZenCoding）
鉴于某些原因，每个 Coder 所钟爱的 IDE 各不相同。而作为一个软件爱好者，我几乎所有 IDE 都使用过一段时间，目前是 Dreamweaver + Sublime Text 2 共用。不过不管你是普通的 Notepad++，文艺的 Sublime Text，还是二逼的Dreamweaver，甚至装逼的 Vim，有些插件总是必不可少的，例如大名鼎鼎的 zencoding（目前已改名 Emme
2015-03-03 13:18:58
447
转载 Emmet：HTML/CSS代码快速编写神器
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示： Zen coding下的编码演示去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来了一些新特性。本文就来直观地演示给你。 一、快速编写HTML代码
2015-03-03 13:16:03
324
转载 前端不为人知的一面–前端冷知识集锦
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码
2015-02-28 17:49:32
437
转载 10条影响CSS渲染速度的写法与建议
10条影响CSS渲染速度的写法与建议热度 8已有 399 次阅读2014-9-10 13:53 |系统分类:HTML/CSS1、*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有标签的默认属性全部去除，以达到所有签标属性值都统一的效果。所
2015-02-28 17:47:20
304
转载 手机/移动前端开发需要注意的20个要点
贤心按：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让ie见鬼去吧。 好了，俺的废话不多说，直接看从网上整理过来的资料吧（ps，本人也在修炼移动开发i
2015-02-28 17:46:06
397
转载 IE6常见bug
1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display:inline3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面与下面，怎
2015-02-28 17:44:58
375
转载 解决IE不支持position:fixed问题
页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用。IE确不支持，有没有好的办法解决评论 (1) • 分享 • 链接 • 2012-02-030这个兼容性问题通常是采用JS+绝对定位方式处理 – xiaomi 2012-02-0
2015-02-28 17:44:16
4051
转载 自适应网页设计是怎么做到的的相关知识点总结
"自适应网页设计"到底是怎么做到的？其实并不难。 一. 允许网页宽度自动调整： 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100
2015-02-28 17:43:34
381
原创 jquery 实现checkbox全选、取消全选功能
$(document).ready(function(){ $("#cAll").click(function(){ var flag = $(this).attr("checked"); //读取对象的状态（是否选中）// alert(flag); if(!flag) $("[name = c]:checkbox").attr("checked",false); else
2015-02-28 17:42:55
332
转载 小知识点：复选框和单选按钮水平排列
运行效果如下或查看右侧结果窗口：实现源码请查看bootstrap.css文件第1767行～第1780行：.radio-inline,.checkbox-inline {display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: normal;vertical-align: middle
2015-02-28 17:41:39
3705
转载 CSS制作图形速查表
前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单，方便大家急用时有地方可查。别的不多说了，直接看代码。为了节省时间，下面图形都采用的一个标签，可以是块元素也可以是行内元素，不过行内元素需要加上“display:block;”，唯一不同的是，在此用了不同的类名来区别，相关类名我放在了标题的后面，以便大家对应查看。1、
2015-02-28 17:40:31
460
转载 CSS 命名规范及标题供参考与学习
一、CSS 命名规范 XHTML-CSS写作建议 所有的xhtml代码小写 属性的值一定要用双引号("")括起来，且一定要有值 每个标签都要有开始和结束，且要有正确的层次 空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、
2015-02-28 17:39:36
365
转载 实现响应式布局的5个CSS实用技巧
在前面的文章中，我们也学习了很多关于响应式的课程了，但是响应式CSS写法还是有些技巧的，在这里主要提一下，便于做项目的时候更加得心应手。响应式的Web设计其实并不难，这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。我们具体看下一下5个实例吧：1. 响应式Video (demo)响应式
2015-02-28 17:38:37
862
转载 css去掉a标签点击后的虚线框
outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢？当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏
2015-02-28 16:34:10
529
转载 CSS ::Selection
前天在一个前端群中碰到一个网友问了一个有关于唐人的CSS帝国中关于选择文本，背景是红色，而文本是白色的问题，如下图所示：或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝的背景，白色的字体,就如下本站的而言，选择文本后，背景是深蓝色，而选中的文本就是白色，如下图所示：后来带着这样的问题，我也是到处寻找
2015-02-27 13:49:17
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人