- 博客(46)
- 收藏
- 关注
RSS订阅转载 学习前端模板引擎 jade (一)
一.为什么要学习jade?通常大部分前端开发工作者一开始步入前端开发的时候，都是直接简单的写html页面然后丢给后台开发，后台开发在来嵌入模版。对于日益庞大的前端页面来说，还是用老的字符串拼接的方法来嵌入html内容已经不适应当下的开发趋势了。废话不多说，直接切入正题。二.开始装jade。jade基于nodejs的开发环境，所以我们首先要安装nodejs,nodejs的安装
2016-11-17 13:49:40
819
转载 scrollLeft,scrollTop,滚动代码的总结
scrollLeft,scrollTop,滚动代码的总结今天和兄弟一起研究了一下横向和竖向图片滚动的代码，很兴奋，因为解决了几个小问题第一个： for(var i=1;i { document.getElementById("TextBox1").scrollTop++; document.getElementById("Te
2016-09-29 14:23:38
946
转载 jquery mobile项目 的不同设备的字体大小问题？
jquery mobile项目 的不同设备的字体大小问题？1、将文档的根元素的字体大小设定为Font-size:62.5%；2、将你的原来的px数值除以10，然后换上rem作为单位；即你原来是：font-size:12px，更换后应该是：font-size:1.2rem；3、为了兼容不支持rem单位的浏览器，你应该同时为你的HTML元素声明绝对单位，如：font-s
2016-03-30 10:24:57
2126
转载 移动web页面前端开发总结
移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这一块做一个小小的总结。 1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同时存在许多安全Bug。2.Gecko:( FireF
2016-03-22 13:33:05
813
转载 CSS3 选择器 属性选择器介绍
属性选择器早在CSS2中就被引入了，其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器，你可以只指定元素的某个属性，或者你还可以同时指定元素的某个属性和其对应的属性值。 从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种： E[attr]：只使用属性名，但没有确定任何属性值； E[attr="value"]：指定属
2016-03-21 16:44:08
548
转载 wap手机端页面根据dpr和宽度计算出font-size对应数值
wap手机端页面根据dpr和宽度计算出font-size对应数值最近在进行公司的wap端首页改版和添加活动页面，为了做的效果更好一些，就参考淘宝和京东的wap版，然后对淘宝的wap做了一些分析，淘宝的wap触屏版做的自适应和兼容性很不错，于是整理了下。wap手机端页面根据dpr和宽度计算出font-size对应数值表如下：dpr最小宽度320px最大宽度
2016-03-17 16:07:09
870
转载 dpr单位
1px = dpr^2 * dp 这个是不是有问题？结尾的总结：1px = dpr^2 * dp 这个是不是有问题？以下这个等式不成立吧:320*568 px = 2^2 * 1136*6401px = dpr ^2 * dp 是平面上的像素换算，但实际开发当中使用更多的是长度上的换算： 1px = dpr *
2016-03-17 15:16:07
2708
转载 移动端H5页面高清多屏适配方案
解惑好文：移动端H5页面高清多屏适配方案对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对iphone6而言：原先的375×667，就会变成750×1334）。视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面
2016-03-17 15:08:24
2442
转载 Android Dialog大全
Android Dialog大全 作者：wudihan 来源：Android中文网 发布时间：2011/7/15 10:58:25 1.该效果是当按返回按钮时弹出一个提示，来确保无误操作，采用常见的对话框样式。 代码： 创建对话框方法dialog() protected void dialog() { AlertDialog.Builder b
2016-03-14 11:29:24
234
转载 Android特效 五种Toast详解
Android特效 五种Toast详解 Toast是Android中用来显示显示信息的一种机制，和Dialog不一样的是，Toast是没有焦点的，而且Toast显示的时间有限，过一定的时间就会自动消失。而且Toast主要用于向用户显示提示消息，接下来巴士为大家总结了Android五种Toast特效详解，当然大家也可以根据自己的需求来自定义自己想要的效果。A
2016-03-14 11:25:07
418
转载 制作文字Web Font图标
IcoMoon App - 分分钟打造你自己的 Web Font2014-01-19 • 前端开发 • 21 条评论Web Fonts 是伴随着 CSS3 的 @font-face 一起火起来的技术。使用 @font-face 你可以在网页上使用任何字体，而不需要考虑用户的电脑上有没有这个字体。如果你经常上一淘网，有没有发现它的网站 LOGO 就是用 Web Font 实现的？
2016-03-11 10:09:42
1049
转载 jquery mobile mobiscroll 日期插件使 用mobiscroll
jquery mobile mobiscroll 日期插件使用mobiscroll官网网站：http://www.mobiscroll.com/http://code.google.com/p/mobiscroll/1、精简版Demo:查看Demo »下载Demo » 2、年月日时分整合版Demo:
2016-02-23 14:56:29
13938
转载 IE环境下判断IE版本的语句...[if lte IE 6]……[endif][if lte IE 7]……[endif]
IE环境下判断IE版本的语句...[if lte IE 6]……[endif][if lte IE 7]……[endif]IE下判断IE版本的语句...[if lte IE 6]……[endif] 复制代码代码如下: 只有IE6版本可见 IE6及其以下版本可见 IE6及其以上版本可见 只有IE7版本可见
2016-01-20 10:22:26
344
转载 JavaScript清除Cookie完全攻略--被domain和path折磨
使用JavaScript清理Cookie首先要找到该Cookie对应的Name对应的值，然后设置其为过期： 找到Cookie有下面方法： Java代码 function getCookie2(name){ var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"))
2016-01-20 10:11:28
2568
转载 动态加载JavaScript
顾名思义就是根据条件判断来决定要不要加载JavaScript，判断很简单就是if嘛，关键是加载： 引用 var nSel=document.getElementById('my_check_element'); if(nFluentSel==null){ var script = document.createElement("script"); script.
2016-01-20 10:09:43
318
转载 Position的几种值：static，absolute，fix，relative
Java代码 "content-type" content="text/html" charset="gb2312"> *{margin:0;padding:0} "position:absolute;height:400px;width:400px;background:yellow;left:80px;top:80
2016-01-20 10:07:59
1780
转载 CSS :after 选择器
CSS :after 选择器CSS 选择器参考手册实例在每个 元素的内容之后插入新内容：p:after{ content:"台词：";}亲自试一试浏览器支持IEFirefoxChromeSafariOpera
2016-01-19 14:13:58
518
转载 Bootstrap 布局
Bootstrap 布局简介在本教程中，您将学习如何使用 Bootstrap 工具包来创建固定布局和流动布局。教程是基于 Bootstrap 版本 2.0。在版本 2.0 中，Bootstrap 为手机、平板电脑、笔记本、小型台式机、大型宽屏台式机等添加了响应特性。可以通过向页面添加 bootstrap-responsive.css 文件（位于 docs\assets\
2016-01-19 13:49:28
413
转载 Mac——如何输入⌘、⌥、⇧、⌃、⎋等特殊字符
Mac——如何输入⌘、⌥、⇧、⌃、⎋等特殊字符2013-7-15 18:20 | softu in 应用3条评论前期我们讲了《输入法符号秘籍大揭底》和《Mac——键盘输入符号的技巧》，让你可以分别用输入法和键盘快速输入一些常用符号，但是这些都是比较有限的符号，而一些特殊的符号，比如快捷键中常用符号⌘（command）、⌥（option）、⇧（shif
2015-12-30 16:53:55
42577
1
转载 Mac 输入法符号
输入法符号秘籍大揭底2013-6-15 20:36 | softu in 应用15条评论符号作为人们日常输入中一项重要内容，经常让很多人头疼，有人打字很简单，输入一个对号却捣鼓半天，所以我们这次打算说说利用输入法进行符号的快捷输入，提高效率。找到对的工具，往往是事半功倍的前提，这是softu所倡导的。前段时间微博“WPS玩转Office” 贴
2015-12-30 16:49:15
5710
转载 Mac快捷键大全
Mac快捷键大全对于使用MAC OS操作系统的新人来说，快捷键是个很麻烦的问题，要一个个的找到快捷键也不是很容易的问题，今天这篇文章就解决了到处找快捷键的麻烦。第一种分类：启用快捷键按下按键或组合键，直到所需的功能出现（例如，在启动过程中按住 Option 直到出现“启动管理程序”，或按住 Shift 直到出现“安全启动”）。提示：如果启动功能未起作用，而您使用
2015-12-19 13:44:30
628
转载 PS快捷键大全
快速恢复默认值 有些不擅长Photoshop的朋友为了调整出满意的效果真是几经周折，结果发现还是原来的默认效果最好，这下傻了眼，后悔不该当初呀！怎么恢复到默认值呀？试着轻轻点按选项栏上的工具图标，然后从上下文菜单中选取“复位工具”或者“复位所有工具”。 1、 单独常用的快捷键。 ESC
2015-12-09 10:58:25
382
转载 clientWidth/scrollWidth/offsetWidth
1.小小总结一小下" title="clientWidth/scrollWidth/offsetWidth 小小总结一小下" style="margin:0px; padding:0px; border:0px; list-style:none">2.小小总结一小下" title="clientWidth/scrollWidth/offsetWidth 小小总结一小下" style="
2015-11-19 16:28:46
386
转载 B2B、C2C、B2C和O2O的定义以及区别？
B2B是企业之间的营销形式Business-to-Business，如阿里巴巴、慧聪等C2C是个人与个人之间的营销形式Customer（Consumer） to Customer（Consumer）,如淘宝、拍拍B2C是企业对个人的营销形式Business-to-Customer,如京东、天猫等
2015-11-16 16:43:11
853
转载 设计美学
“低面建模”设计美学-20140726早读课时间: 2014-07-26 / 编辑:早读课 / 分类:交互体验,产品分析,产品设计,用户研究 / 642 人看过 / 暂无评论 发表评论经常浏览Dribbble和Behance的朋友可能会注意到，最近“低面建模”设计风格异常火爆,这种设计风格的特点是低细节，面大而粗犷，高度渲染，经常配以柔光效果。网页图形设计和动效设计
2015-11-09 16:31:30
821
转载 PV、UV、IP的区别
网站推广需要一个网站访问统计工具，常用的统计工具有百度统计、51la、量子恒道统计等。网站访问量常用的指标为PV、UV、IP。那么什么是PV、UV和IP，PV、UV、IP的区别是什么？--首先来看看ip、uv和pv的定义--PV(访问量)：即Page View, 即页面浏览量或点击量，在一定统计周期内用户每次刷新网页一次即被计算一次。 UV(独立访客)：即Unique Visito
2015-11-09 14:41:29
317
转载 window.onresize（当你改变窗口大小的时候会触发这个事件）
window.onresize（当你改变窗口大小的时候会触发这个事件）写法：var body=(document.getElementsByTagName("body"))[0];function beijing(){var bjHeight=window.innerHeight,bjWidth=bjHeight*(1920/1080),windowWi
2015-08-18 15:23:57
5433
转载 jQuery实现禁用鼠标右键
$(function(){ $(document).bind("contextmenu",function(e){ return false; });})
2015-08-03 17:11:51
284
转载 写给初学者的6条网页设计安全配色指南
网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托色相（Hue）、色彩（Tint）、色度（Shade）、色调（Tone）、饱和度（Saturation）和明度（Brightness），还有类比色、单色、三元色、互补色以及混合色配色方案。然而，没有一个实际操作的框架去应用这些信息，我发现起初的时候
2015-07-14 09:38:46
667
转载 数码时钟
数码时钟function toDou(n){if(nreturn '0'+n;//空位补0}else{return ''+n; }}window.onload=function(){var aImg=document.getElementsByTagName('img');function tick(){var oDa
2015-06-06 13:49:08
391
转载 <meta>标签用法
http-equivMETA标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。★HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：1、Content-Type和Content-Language (显示字符集的设定)说明：设定页面使用的
2015-06-03 10:19:33
707
转载 html5横、竖屏状态 以及禁止横屏
----------------------------------------不好用window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);function hengshuping() { if (w
2015-06-03 09:51:36
3963
转载 css3属性
透明度.abc {opacity:0.5;filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */}本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明级别的影响。
2015-05-11 10:53:29
279
转载 学习@media实现网页自适应、弄清CSS3 Media Queries真面目
随着显示屏幕的多样性！各种各样的屏幕，pad，pc，phone，不同尺寸，不同大小！这给开发人员带来很大的挑战，为了一个页面，要写n套代码！可谓很难受！不过咧不用怕。技术也在发展哈。css3带来了福音！咱门可以#利用@media screen实现网页布局的自适应#。当然这个东东在css2就应该见过哈！不急，玩赚乐带领大家来见识见识这货。(www.banghui.org)Media Qu
2015-05-09 09:39:24
1641
转载 使用CSS修改HTML5 input placeholder颜色
toscho：有三种实现方式：伪元素（pseudo-elements）、伪类（ pseudo-classes）和Notihing。WebKit和Blink（Safari,Google Chrome, Opera15+）使用伪元素::-webkit-input-placeholderMozilla Firefox 4-18使用伪类:-moz-placeholderMo
2015-05-08 10:19:07
610
转载 去掉超链接或按钮点击时出现的虚线边框
纯CSS去掉超链接或按钮点击时出现的虚线边框style type="text/css">a,input,button{ outline:none; }::-moz-focus-inner{border:0px;}style>从以上代码可以看出，可以通过设置CSS属性outline解决。 FF存在bug，其中input，button标签通过私有属性::-moz-focus-inne
2015-05-07 14:53:56
1297
转载 CSS3圆角详解:border-radius
一、CSS3圆角的优点 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： * 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。 * 增加视觉可靠性。某些情况下(网
2015-05-05 22:24:45
373
转载 解析offsetHeight,clientHeight,scrollHeight之间的区别
clientHeight大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式为clientHeight = topPadding + bottomPadding+ height - scrollbar.height。
2015-04-27 11:52:30
365
转载 CONTENT: ''在CSS样式中什么意思
结合after或before伪类，在元素的开头或结尾附加上一定的内容，content：""的引号中即是添加的内容，比如说我们这么写：学而时习之不亦说乎div:before{content:"子曰："}那么在显示时就会显示子曰：学而时习之不亦说乎这其中“子曰：”并不会出现在DOM文档中
2015-04-25 11:16:27
2445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人