自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端向朔

学习分享 | 热爱生活 | 奋斗青年

  • 博客(11)
  • 资源 (3)
  • 收藏
  • 关注

原创 写给前端小白的切图技巧(实用)

我一开始是不会切图的,面试的时候心里也没有底气,但是之前也知道一点切图的知识,只是没有那种疯狂的天天做切图,所以一直也不敢说自己会熟练的切图,经过近一个月的切图经历之后,今天来分享一下纯纯的小白切图基础。切图工具Photoshop 安装好PS之后,先要调整工作区域的布局。 1.选择“窗口”——把“信息”,“属性”,”字符”,“段落”,“图层”,“历史记录”面板打开,其他的可以先关闭了,在切图的工

2016-08-21 17:20:33 40780 1

原创 LESS学习笔记(初学实用)

一、什么是less?Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 LESS官网(中文):http://lesscss.cn/二、less怎么用?方式一:直接通过引入less.js文件,通过浏览器端来编译.less文件(类css文件),当然先要下载less.js文件放在项目文件中,目录就来个简单的。 —-less

2016-08-19 15:18:42 2406

原创 输入框美化(placeholder)

本文主要介绍针对输入框的美化 为了兼容ie7+,不能直接使用H5的属性placeholder,但是又需要实现输入提示效果,所以总结了以下两种方式。最终实现效果示例: 方式一: 通过添加p标签,并绑定js事件来模拟输入框光标进入隐藏效果。<div class="foo-input foo-user"> <input class="input-text" type="text" valu

2016-08-16 23:28:19 3738

原创 Back Top ②(回到顶部)

<script> $(function() { $.fn.manhuatoTop = function(options) { var defaults = { showHeight : 200, speed : 1000 }; var opt

2016-08-16 17:04:22 1317

原创 Back Top ①(回到顶部)原生JS实现

button<a href="javaScript:void(0);" id="btn"></a>style<style> #btn { display: none; width: 40px; height: 40px; position: fixed; right

2016-08-13 15:58:30 3935 2

原创 弹窗组件

需求说明: 1,点击页面按钮,弹出窗口; 2,要有半透明背景遮罩; 3,弹出窗口圆角。窗口半透明,但内容不透明;带阴影; 4,窗口可拖动; 5,拖动停止之后,滚动页面时窗口位置不动。CSS呼吸效果.popUpb_b_s{ display:block;width:33px;padding:20px;margi

2016-08-07 18:40:11 1107

原创 半透明下拉菜单

1,点击 cart Fredr….菜单title时, 2,弹出菜单菜单, 3,菜单弹出有动画效果, 4,菜单title 右侧箭头默认向上,点击菜单展开时,箭头向下,有转动动画, 5,弹出菜单,鼠标移动时,每栏菜单有颜色变化, 6,整个菜单全部半透明。HTML<div class="wrap"> <div class="nav"> <div class

2016-08-07 17:34:43 3492 3

转载 [转]css3 media媒体查询器用法总结

随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1:设置Meta标签首先我们在使用Media的时

2016-08-07 13:29:54 2125

原创 JS引入命名空间(并使用字符串拼接和拖拽)

(function(){ //引入命名空间 /** * 弹窗 * @title {string} 弹窗类型 * @msg {string} 弹窗信息 * @icon {string} 弹窗提示图标 * @fn {function} 处理函数 */ $.messager=

2016-08-07 13:04:20 724

原创 字符串拼接及拖拽(js方法扩展code)

(function ($) { $.extend({ //字符串拼接 //如:ex_formatStr('<div class="{0}">{1}</div>', a, b) ex_formatStr: function () { if (arguments.length === 0) return null;

2016-08-07 12:54:13 606

转载 CSS 元素垂直居中的 6种方法

6 Methods For Vertical Centering With CSS 外国人分享的文章,原文地址: http://vanseodesign.com/css/vertical-centering/其实经常是看评论的,评论的人好多,也好用心,都是真诚的评论,国内的文章评论挺少的,不过能写出好文章的也不多。http://blog.csdn.net/wolinxuebin/article/

2016-08-06 17:54:40 524

CSS编码规范.md

一份良好的编码规范有助于团队的高效执行,本资源介绍了常见的 CSS 编码中遇到的问题,以及给出的标准建议,命名规范,书写规范,属性、值与单位规范等

2020-06-10

安卓调试 adb 工具

安装办法: ◆将名称中含有adb的文件,和fastboot.exe复制到 c:/windows/system32目录 ◆将名称中含有adb的所有文件复制到 c:/windows/system目录

2018-11-16

swiper自定义分页

swiper自定义分页

2017-02-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除