Sublime Text Snippets 模板库插件

前言 模板库插件对于我们做前端的人来说也很有历史的了,还记得以前刚做前端的时候,如果遇到经常用到的代码,就是把这些代码放到一个文件中,到用的时候就打开文件,复制粘贴完成手动版的模板库功能,但是现在就不用这个纯手工的方法了,因为我们有了Sublime Text Snippets 模板库插件。 Snippets 之旅 安装配置 安装方法也是一如既往地简单,在这里就不多说了。安装完后就可以用了,但要怎么用呢?...

2017
06-27

Sublime Text Clipboard Manager 剪切板历史管理插件

Clipboard Manager 是 Sublime Text 3 里的一个剪切板历史管理插件。虽然不是很强大,但可以让你用得爽爽哒。这样的功能真的得收藏好,到用的时候才知道它有多贴心,多么令人动容。好,费话不多说,开始! Clipboard Manager 的安装我想在这里也不用多说了,会用 Sublime Text 的都会。这篇文章只想说说它的配置及用法,我估计这才是你来到这里的原因。我相信你肯定不会白来一趟。 首选配置一些快捷键:复...

2017
06-26

Sublime Text CTags 插件

Sublime Text CTags 插件用来定位函数,这个方法跟搜索功能比起来有着异曲同工之妙,不过你不需要输入任何字符,直接键盘+鼠标键就可以找到你要找的函数。用法可以看这里:https://github.com/SublimeText/CTags。这个插件的安装方法可能会让你觉得不适,但你得挺住。 要想成功在 Sublime Text 中使用这个插件,你只需要做两件事: 1. 在 Sublime Text 的Package Control 中安装此插件。 2.下载一个压缩包...

2017
06-24

Sublime Text 让天下没有难敲的代码

前言 Sublime Text 非常地轻量,以至于可以用秒来的形容,轻量归轻量,但强大也是它的墓志铭。所以这是一篇 Sublime Text 的专卖。不要怀疑,就是它。 准备 官方下载地址:http://www.sublimetext.com/ 官方文档:http://www.sublimetext.com/docs/3/(这里是 Sublime Text 3 的文档) 官方放出的安装方法有两种,一种是 .exe 安装,一种是直接解压就可以用。至于那一种好,其实看你自己怎么用。如果是...

2017
06-24

JavaScript 实现照片墙效果

照片墙效果相信你也看到过不少,在这里我们也尝试去做了一个,没有炫丽的效果,没有多余的文字,一时按捺不住成就感,在此把在大神眼里不值一提的照片墙效果献上。请多多包含! HTML 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>照片墙效果-云库前端</title> <link rel="stylesheet" href="./css/style.css">...

2017
06-21

Eclipse 搭载 Tomcat 部署 WEB 项目

前言 在本地部署 WEB  项目,对于从事前端开发的人来说也是一个必备的技能。本文 eclipse 搭载 tomcat 来配置本地服务。其实这个配置也很简单,甚至很多人会觉得也没什么必要拿来说事,但我相信会有很多小白会在这上面花了不少时间。所以此文就诞生了。 准备 下载 Eclipse 、jdk、apache tomcat。可以都下载最新的版本,也可以下载较旧的版本。这个就看你自己在这方面有什么特别的喜好的。 Eclipse EE...

2017
06-19

本地 apache tomcat 之 web 项目部署

前言 在团队开发软件时,项目的协同合作就非常重要了。这个协同合作包括很多方面,如:git 的运用,本地调试,代码封装等,但这篇文章主要是想分享下在本地调试的时的环境配置问题。也就是把 web 项目部署到本地的 apache tomcat。说真的这个部署步骤非常地简单,但如果没有了解其中的套路,估计也得折腾好长一段时间。 下载安装 工欲善其事必先利其器,所以我们现在先来把所有需要的资源都一一准备好...

2017
06-16

苹果系统菜单动感地缩放效果

苹果系统好用是公认的,虽然有很多限制,但还是无法阻止你去用它。这一次要分享的是一个苹果系统底部的菜单效果。 效果演示:http://yunkus.com/demo/apple-macos-menu/ CSS 代码 .menuBox{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .menuBox img{ width: 64px; height: 64px; cursor: pointer; } HTML 代码 <div id="...

2017
06-15

信微信聊天窗口输入框实现方案

微信相信你不陌生了,即使你天天用并且你也从事前端工作,但如果你没有遇到过这样的需求,你是不会留意到微信聊天窗口底部的那个输入框里的用户体验优化细节。如果我说对了,那么你可以先打开微信,然后输入很多很多内容,看看那个输入框会怎么变化。 如果你觉得这很麻烦,好,我用文字直播。当你输入的内容超过一行时,输入框的高度会自己适应你的内容以容下两行内容,但当你输入的文字达到一定的行数时,...

2017
06-13

JavaScript 实现图片放大效果

图片放大效果在商城类网站最为党见。这种效果不仅提升了网站的性能,切省了流量,还能带来更好的用户体验,何乐而不为。当你在网上商城看某个产品时,注重细节的你是不是会很自然地去把鼠标放到左边的小图片上查看产品的大图。这种效果可能会让人的购买欲倍增,毕业图片都是做得很高大尚的。好了现在回到正题上,这个效果要怎么做? 首先人们得理清下思路,想想这个功能都有会涉及到什么东西。不要觉得这个...

2017
06-10
设置