前端工程师--则丸

字体图标的使用方法 —— icon-fonts第一步：选择所需的字体图标，权威字体图标网站链接：https://icomoon.io点击打开链接第二步：点击网站右上角处的红色按钮icnMoon App进行创建字体图标第三步：我们可以直接选择已有的图标，具体使用不做过多解释，附教程链接http://blog.youkuaiyun.com/goodgirl199

作为一名做为在前端死缠烂打6年并且懒到不行的攻城士，这几年我还是阅过很多同门从知名到很知名的各种前端框架，本来想拿15-20个框架来分享一下，但在跟几个前辈讨教写文章的技巧时果断被无情的打击了，所以这里我还是低调的只拿出10个框架来个大锅乱炖来简单介绍，凑够字数也就全剧终了。原本写这篇文章想围绕着 CSS 框架来的，但因为目前界内比较流行并遍地开花的主要还是 JS+CSS 模式的框架，并且

1. 请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来

设置select的边框为none；在PC端是没有问题的，但是放到手机浏览器和微信里上还是会出现边框解决办法：1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome */appearance使用方法：1 .elmCl

一、单行文字溢出处理（溢出后出现三个点...）overflow: hidden;white-space: nowrap;text-overflow: ellipsis;二.多行文字溢出处理（仅支持webkit内核，支持大部分移动设备）display: -webkit-box;overflow: hidden;text-overflow: el

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

我就先贡献出一套自己常用的web设备宽度断点方案吧：320dt 360dt 400dt 435dt 768dt 1024dt 1280dt 1440dt 1920dt

插件官方: https://github.com/amibug/fly, 官方例子: http://codepen.io/hzxs1990225/full/ogLaVp 首先加载jQuery.js和jquery.fly.min.js插件。 Html代码  script src="jquery.js">script>    script src="jq

$(function() {    FastClick.attach(document.body);});$(function(){/*获取购物车的坐标信息*/var offset = $("#foot-buycar").offset();/*获得加数按钮节点*/var _thisAdd = $(".yuwq-add-buyCard .add");/*单

使用 iPhone 上的浏览器去浏览网页的时候，按钮总是显示超大圆角的样式，显得超级恶心，但是我们自己定义 border-radius 也没有效果，经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式。input {-webkit-appearance:none; /*去除input默认样式*/}input[type="su

/*媒体查询*//*iphone 4  screen-width:320px*/@media only screen and (min-width: 320px) and (max-width: 360px) {.aui-yuwq-share .aui-yuwq-share-list{      width: 280px;   height: 360px;   

设置浏览器默认样式是我们实现跨浏览器设计的不可缺少的一环。下面列出的是两大网站使用的黑认样式设置，文件名可起做reset.css，仅供参考：Yahoo：html{color:#000;background:#FFF;}   body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   fieldset,inpu

-------------------------我是js------------------------ /*提示框方法*/   function yuwqPrompt(textVal){       var A = null;      var B = null;      clearTimeout(A);       clearTimeout(B);     /*

//设置和获取href属性中跟在问号后面的值            var category=window.location.search;            //截取，获取获得category的具体值            var cateval = category.substring(category.lastIndexOf('=')+1, category.length);

/*喻文强的收货地址*/.yuwq-chooseAddress-112{}/*仅320px屏，代表iphone4s*/@media only screen and (width:320px ) {}/*仅320px*568px屏，代表iphone5*/@media only screen and (width:320px ) and (height:568px)

IE6IE7Firefox浏览器不兼容原因及解决办法   一、IE6IE7Firefox浏览器不兼容原因及解决办法1.文字 本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。   

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补充或相关内容；使用他们能让代码语义化更直观,而且更方

示例代码：HTML代码：                             JS代码：            $(document).ready(function(){                $(‘#flashbox’).smallslider({                onImageStop:false,switchEffect:’e

1．SVN优缺点优点： 1、 管理方便，逻辑明确，符合一般人思维习惯。 2、 易于管理，集中式服务器更能保证安全性。 3、 代码一致性非常高。 4、 适合开发人数不多的项目开发。 缺点： 1、 服务器压力太大，数据库容量暴增。 2、 如果不能连接到服务器上，基本上不可以工作，看上面第二步，如果服务器不能连接上，就不能提交，还原，对比等等。 3、 不适合开源开发（

webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。遇到问题1、我一...webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。 遇到问题1、我一开始用swipeup和swipedown来做，发现因为有滚动条，

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？2.position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定

用js在console中输出企业招聘信息

利用$ajax实现远程登录判断        $(function(){                var loginChage;        loginChage = $("ul.page-link li.loginChage");        //远程登录判断        if(!getCookie('uid')){       

node对现在的前端来说，是必须要掌握的一门技术，没接触它之前总觉得天难地难，说下我安装node(win x64版)的过程首先就是下载安装包，下载 windows(.msi)的，exe直接可以用，我觉得不放心官网有些慢，可以在cdsn里下载安装完了运行.exe程序文件这个界面基本就没问题了，然后就是测试，测试不是在这个程序里敲代码，我试了半天

使用js进行string和json之间转换的方法在数据传输过种中，json是以文本，即字符串的形式传递，字符串形似Json对象： var str1 = '{ "name": "Amy", "sex": "woman" }';   console.log(typeof str1);   经实验类型是string；而在实际的项目中如果想获取其中的name和sex的值时要使用

今天按照以往一般工作流程去 合并提交分支结果出现了一下问题，一直确认一直不关闭，然后又不想强制关闭git程序窗口查了老半天，试了按‘q’   Ctrl+Z都没卵用，最后使用Ctrl + C就ok了,dos下ctrl+c终止当前命令结果的输出

1.简要的介绍下gulp和fisgulp当对于grunt来说，简单明了，没有繁琐的task要写。fis是百度开发的，包括了前端需要的全套功能。2.知乎某网友对两个工具使用的感受项目一开始的时候，fis 稍微配置下就可以很方便的使用。但是随着项目的进展，渐渐的 fis 越来越不能满足项目的需求，而且 fis 的各种插件开发非常滞后，许久不更新，反馈问题也没什么

50%+50%+1px+1px>100%;正是因为超出了父容器的100%才导致了问题所在。那么也有小伙伴认为父容器可以不限制为100%，就不会出现此类情况，但是亲们有没有仔细的考虑过，在父容器没有限制宽度的情况下，div是可以无限右浮的，即使我们可以没隔两个div加上一个clear:both用以清除浮动，且不论这样的写法有没有违背常规，抛开这点不谈，他还有这另一个致命的问题，那就是多出的2px会致使屏幕可以左右翻动，在移动设备上，即使只是2px的翻动也会令用户觉得不舒服，言归正传，那么我是

这些操作命令都是从廖雪峰老师的官网上看过后记下来的，以下是廖雪峰老师的官网，大家可以看看，教程不错~http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000      1.在windows上安装git 下载地址：http://msysgit.github.io/

1.前言       HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过Javascript来获取这些数据。

margin重叠问题也是属于面试常问题，在具体的开发工作中，经由本人实践，暂时有两种解决方案1.直接使用单向的margin,比如:   多个div单列布局  margin: 20px 0;  ,  如果期望每个div上下间距40px，这种做法显然是不可的，由于margin重叠，实际上下间距只有20px  那么换成  div{margin-bottom: 40px;}

编程过程中，使用唯一标识的需求处处会用到，下面几句剪短的代码可以很好地帮助你实现生成唯一标识

backbone中的可编辑随用户操作自动生成的taps

监听js改变input的值触发的onchange事件

1.ie9+报错vuex requires a Promise polyfill in this browser.解决如下：　　npm install --save-dev babel-polyfill      或者 cnpm install  babel-polyfill -D　　修改 webpack.base.conf.js　　将:　entry: {　　　　　

转自：http://www.cnblogs.com/ok-lanyan/archive/2012/07/14/2591204.htmlHTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTT

转载自"赵雷的博客"，原文地址：http://zhaolei.info/2014/01/04/css-preprocessor-and-postprocessor/说到 CSS 预处理器，大家都很熟悉了，本文的重点是介绍从中抽出的 CSS 后处理器，这也是近一年多以来，前端社区的一些新趋势。将 CSS 后处理器 抽象出来之后，会对 CSS 的 开发模式 带来一些变化，下面从概念开始

对应文档（ThinkCMF X2.2.3 完全开发手册）https://www.kancloud.cn/thinkcmf/document/162127对应用法强制转换图片为 400*300?imageView2/1/w/400/h/300保证图片不变形的情况下，保证其中一个条件一定被满足，另一方被压缩?imageView2/2/

还在手动给css加前缀？no！几种自动处理css前缀的方法简介原文首发于个人博客：还在手动给css加前缀？no！几种自动处理css前缀的方法简介我们知道在写css的时候由于要兼容不同厂商浏览器，一些比较新的属性需要给它们添加厂商前缀来兼容。移动端还好，基本只要兼容webkit内核的即可，pc端就虐心了，ff、ie、Opera……可以说五花八门，应有尽有，每次要使用例如一些css3属

Hybrid APP混合开发的一些经验和总结转载至: http://www.cnblogs.com/yuanyingke/p/6060150.html1、混合开发概述Hybrid App主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势，