网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。

解决iis svg/woff/woff2字体 404错误

2016年11月13日

问题：最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。截图如下：原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。解决方法1、打开服务器IIS管理器，找到MIME类型。2、点击“添加”：3、加入如下几种MIME类型：文件扩展...

iScroll滚动插件

2016年11月13日

入门Scroll是一个类，每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的。尽可能保持DOM结构的简洁。iScroll使用硬件合成层但是有一个限制硬件可以处理的元素。最佳的HTML结构如下：<div id="wrapper"> <ul> <li>...</li> <li>...<...

代码片段：缩放图片，自适应DIV

2016年11月13日

缩放图片，自适应DIV$("img").each(function(){ var $imgH = $(this).parent("div").outerHeight(); var $imgW = $(this).parent("div").outerWidth(); $(this).css({ "width":$imgW, "height":$imgH...

C# 引用AutoMapper提示Mapper类不具有CreateMap方法

2016年11月13日

解决方法：https://github.com/AutoMapper/AutoMapper/wiki/Getting-started这个页面的How do I use中讲了用法AutoMapper.Mapper.Initialize(x => x.CreateMap(_sourceType, _destinationType));

使用harviewer显示har文件

2016年11月13日

1.下载harviewer的安装版http://code.google.com/p/harviewer/downloads/list目前最新是2.0.152.不需要php支持。修改展开目录的preview.php,改为preview.htmindex.php改为index.htm删除其中的<?php include("ga.php") ?>3.直接用html链接就可以了完整模式转：http://b...

css3动画不停闪动效果

2016年11月13日

最近CSS3的动画效果很流行，利用CSS3制作一个闪动的图标，可广泛用于购物车提示，图标闪动（类似QQ消息的闪动效果）。实现代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css" rel="stylesheet"> ...