网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
meta常用属性
2017年06月11日
提供HTML文档的元数据, 常用于告知浏览器如何显示内容和搜索引擎优化网页相关申明编码<meta charset='utf-8' /> 优先使用 IE 最新版本和 Chrome<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 关于X-UA-Compatible --> <meta http-equiv=...
JS根据屏幕尺寸缩放图片
2017年06月09日
在响应式设计里面，图面处理是一个重点问题，一般采用不同尺寸屏幕做不同尺寸图片。有的时候觉得麻烦有没有这个必要，把图片直接写在Background里面要考虑缩放问题，下面这个JS根据屏幕尺寸和图片尺寸缩放。代码如下：window.onload=function () { commFunc();}window.onresize=function () { commFunc();}funct...
metisMenu菜单单击全部展开
2017年05月23日
最近在用metisMenu做一个动态的菜单，一级菜单和二级菜单都没有问题，但是三级菜单有问题。问题具体为：一点击三级菜单全部展开，之后再次点击菜单时就缩回去。网上找了好久也没有找到答案，最后按照官方的问题，检查了一下，原来是自己的代码结构有问题。错误代码如下：<li> <a href="layouts.html" aria-expanded="false"> <i class=...
两级联动菜单
2017年05月14日
最近在写一个两级联动菜单，点击第一个菜单之后，动态填充第二个select菜单。首先看一下前段代码：//两级联动下拉菜单，第一个选择的值var data = $('#FirstProId option:selected').val();$.ajax({ type: "POST", url: "/Manage/SecondProjectItem", //提交的地址 data: { ...
select选中的值
2017年05月14日
如果用name选择select选中的值应该怎么写呢？代码如下：$(document).ready(function () { $('select[name=News]').change(function () { if ($('select[name=News] option:selected').val() == 1) { } })...
HTML中ID与NAME的区别
2017年05月11日
可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢？而同样我们也可以得到最经典的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。上面一段对于ID和Name的解答说的太笼统了，以下我们来具体探讨一下。一、name和id 都可以用来调用html中的元素当我们需要在脚本里访问页面内一个htm...
HTML页面Meta介绍
2017年05月11日
您的个人网站即使做得再精彩，在浩瀚如海的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：● 在搜索引擎中登录自己的个人网站● 在知名网站加入你个人网站的链接● 在论坛中发帖子宣传你的个人网站很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！META标签...
Content-Type一览
2017年05月11日
Multipart Internet Mail Extensions (MIME)关于Content-Type的一张表.(方便查找了哦)http://www.utoronto.ca/webdocs/HTMLdocs/Book/Book-3ed/appb/mimetype.html Description of Data ContentTypical Filename ExtensionsMIME ...