经验总结和实例练习
文章平均质量分 62
二手农民
未来的前端工程师
展开
-
用了才知道!MAC下SUBLIME TEXT3如何安装插件?
用了Sublime Text 好多年了!一直都是手写代码没去注意插件这个。现在发现插件真心好用,真是有点相见恨晚的感觉。安装插件前大家要安装很多东西,JAVA SDK&NODEJS&git 等等。还有一些需要用NPM来安装。1.打开sublime text3后按快捷键control+`后下面会出来东西,然后输入如下命令。import urllib.request,os; pf = 'Pac转载 2015-12-14 16:17:21 · 522 阅读 · 0 评论 -
JQuery表单验证的方法和实例
jQuery Validate方法详解:http://www.runoob.com/jquery/jquery-plugin-validate.htmljQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定原创 2016-03-14 14:48:46 · 627 阅读 · 0 评论 -
双飞翼布局介绍-始于淘宝UED
仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用:浮动 float负边距 negative margin相对定位 relative position这是实现布局的三个最基本的原子技术。只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案。尝试之路考虑以下DOM结构:转载 2015-12-31 10:59:11 · 495 阅读 · 0 评论 -
用Less CSS定义常用的CSS3效果函数
定义圆角及调用/*定义圆角@radius 圆角大小*/.round(@radius:5px){ border-radius:@radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}.round7{ .round(7px);}定义盒子阴影及调用/*盒子阴影@rig转载 2016-05-21 00:26:57 · 777 阅读 · 0 评论 -
js显示当前系统时间
function tick() { var years, months, days, hours, minutes, seconds; var intYears, intMonths, intDays, intHours, intMinutes, intSeconds; var today; today原创 2016-07-01 17:25:22 · 362 阅读 · 0 评论 -
手机web——自适应网页设计(html/css控制)
一. 允许网页宽度自动调整:"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。对于vi转载 2016-01-06 10:29:25 · 354 阅读 · 0 评论 -
图标字体
font-awesome.min.csshttp://www.bootcss.com/p/font-awesome/#contribute完美的图标字体Font Awesome 3.0版本中新增了40个全新的图标。如果你需要更多新图标,可以在 Font Awesome GitHub project 提出需求最简单的 Bootstrap + Font Awes原创 2016-07-06 11:43:24 · 402 阅读 · 0 评论 -
Animate.css 一款强大的预设css3动画库
插件描述:Animate.css内置了很多典型的css3动画,兼容性好使用方便。Animate.css是一个有趣的,跨浏览器的css3动画库。很值得我们在项目中引用。用法1、首先引入animate css文件 ="stylesheet" href="animate.min.css">/head>2、给指定的元素加上指定的动画样式名class="转载 2016-07-06 11:47:48 · 369 阅读 · 0 评论 -
一些常用的jQuery插件
1. X-editable这个插件能够让你在页面上创建可编辑的元素。它能够使用任何引擎(bootstrap、jquery-ui、jquery),并且包含弹出式和内联模式。2. Garlic.jsGarlic.js 自动在本地保存表单文本字段的值,直到表单被提交。这样,你的用户如果不小心关闭选项卡或浏览器,也不会失去任何宝贵的数据。3. Pickadate.js转载 2016-05-11 15:19:43 · 342 阅读 · 0 评论 -
自己学习时收集的一些jquery插件库
jquery.cbpQTRotator.js这是一款非常实用的jQuery和css3自动轮换的用户评论留言插件。该用户评论留言插件带有进度条,当进度条到达100%时,当前的用户评论留言会切换到下一条评论,通过CSS3在切换时可制作各种动画效果。imagesloaded.pkgd.jsimagesLoaded是一款用于检测页面中的图片是否被加载的js插件。原创 2016-07-06 14:21:35 · 772 阅读 · 0 评论 -
使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式
使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角的样式,显得超级恶心,但是我们自己定义 border-radius 为 0 也无法去除这个圆角,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式。我们只要对按钮设置这个属性,并设置为 ‘none’ 就可以取消浏览器对于控件的默认样式。input {-we转载 2016-06-21 16:32:28 · 958 阅读 · 0 评论 -
关于手机网站(webApp)点击链接出现蓝色焦点框的问题
随着智能的飞速的普及,手机网站也是越来越多。在使用在浏览手机网站时候,点击链接时候出现一个蓝色的框,非常多影响视角效果,俺就是饱受折磨,又说服不了设计师,几经周折。查阅一些资料,总算把原因给找到了。现在分享出来与大家共享出现以上问题的不再PC端点击链接的虚线框在作祟了,而一个比较偏门的CSS3属性 -webkit-tap-highlight-color 在捣蛋作祟。-web转载 2016-06-21 22:58:11 · 1084 阅读 · 0 评论 -
artdialog v6强大的模态对话框v6版api
artdialog v6强大的模态对话框jquery插件api使用以及免费下载,artdialog v6版体积更小压缩版只有10K多点,功能更强,兼容到IE6以上,国内qq空间,盛大等网站都选择了这款弹出窗口插件。artdialog有弹出窗口、弹出层功能,也有模拟alert等js原生提示的模态对话框解决方案,还提供了各个方向的tip提示功能。有了这个弹出层,足以应付绝大部分工作了。转载 2016-06-22 14:27:10 · 1018 阅读 · 0 评论 -
jQuery常用方法归纳总结
$.grep()$.grep( array, function(elementOfArray, indexInArray) [, invert ] )功能:查找满足过滤函数的数组元素:script src="js/jquery1.42.min.js">script> script type="text/javascript"> $(function ()转载 2016-02-22 10:35:53 · 413 阅读 · 0 评论 -
js与jquery常用方法总结
昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组。本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害己,于是我又回答不知道。结果果然。。。我记错了0.0 还是自己总结测试一下比较靠谱,印象也比较深刻。欢迎大家提出相关意见或建议,提前谢谢哈~一.原生js方法1.遍历数组 in(同时也是转载 2016-02-22 10:39:20 · 458 阅读 · 0 评论 -
css3样式绘制各种图形,很厉害
https://css-tricks.com/examples/ShapesOfCSS/原创 2015-12-21 10:05:39 · 1238 阅读 · 0 评论 -
关于 hasLayout-CSS属性
作者:北大青鸟 原文地址:http://www.bjaccpedu.com/xsxt_end.php?bsort=8&ssort=52&id=3884转载请注明出处!Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimen转载 2015-12-29 17:05:41 · 435 阅读 · 0 评论 -
HTML5-JS文件-让IE浏览器支持HTML5标准
自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http转载 2015-12-29 18:02:00 · 704 阅读 · 0 评论 -
【CSS】最全的CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle;转载 2016-01-06 10:15:42 · 232 阅读 · 0 评论 -
css3 html5命名规范
一、注意事项: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词. 主要的 master.css 模块 module.css 基本共用 base.css 布局,版面 layout.css 主题 themes.css 专栏 columns.css 文字 font.css 表单 forms.c转载 2016-01-06 10:33:31 · 2469 阅读 · 0 评论 -
CSS编码规范总结
Css编码规范一、基本书写规范 1. 常用的CSS命名规则: 整体大框架:#wrapper大框架内:#inwrapper----------------------------------------------------------------------------------------------------------顶部:#head转载 2016-01-06 11:06:08 · 366 阅读 · 0 评论 -
前端笔记网址,web前段很全的网站
http://www.cssue.com/闲暇无聊时间,自己在网上搜索资料,找到一个前端笔记的网站,css、js、jq等等前端的知识,很全的一个网站,收藏了!转载 2016-01-06 11:15:16 · 519 阅读 · 0 评论 -
图片压缩网址
推荐两个网址,一个是png图片压缩网址,一个是图片转格式的网址https://tinypng.com/ png图片压缩http://smallpdf.com/ 图片格式转换原创 2016-01-06 17:13:11 · 294 阅读 · 0 评论 -
初始化网站css样式
为什么要初始化CSS?CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。CSS初始化示例代原创 2016-01-20 15:55:46 · 407 阅读 · 0 评论 -
50个实用的jquery案例
1. 如何创建嵌套的过滤器://允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索var a转载 2016-02-25 10:45:00 · 4382 阅读 · 0 评论 -
Jquery经典案例总结
================================================================================================================================================================//评分控件,心得体会:1.text() 和val()的区别 2.addCl转载 2016-02-25 10:34:17 · 2027 阅读 · 0 评论 -
【经典】jQuery使用大全
原文:http://www.cnblogs.com/wenjl520/archive/2008/11/13/1332845.html官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!转载 2016-02-25 09:52:24 · 309 阅读 · 0 评论 -
TouchSlide触屏滑动特效插件
TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。插件开源、体积小、简单实用、功能强大,是你架构移动终端网站的重要选择!ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用。完美兼容ios系统(已测试ios5/6,机型包括ip4、ip4s、ip转载 2016-06-22 15:14:38 · 638 阅读 · 0 评论