- 博客(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
安卓调试 adb 工具
2018-11-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人