网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
页面缩放
2017年11月03日
最近在写手机网站的时候，遇到要适配各种屏幕的情况。使用媒体查询很麻烦，之后参考了一下其他的网站，使用的是viewport缩放。<meta name="viewport" content="width=375, user-scalable=no, target-densitydpi=device-dpi">在写网页的时候设置375px的宽度，之后设置viewport。还有一种方法是body缩放，使用...
原生javascript设置元素高度和宽度
2017年11月03日
最近写一个手机网站，要设置元素的高度和宽度，可以使用style.width="50px"，style.height="50px"详细代码如下：var elem_ppdoThree_width=document.getElementsByClassName('ppdoThree_con_ul')[0].offsetHeight;var elem_ppdoThree_height=document.g...
原生 JS 获取元素的尺寸和位置
2017年11月03日
关于元素的尺寸和位置，这原本是 CSS 干的事，但更多的时候需要用 JavaScript 来获取这些参数，比如一个很好的例子 js 实现的图片瀑布流。在介绍 JS 中的例子之前，先来说明一下 css 中的元素尺寸。CSS 中的 width 和 height先开个头吧，一个元素所占据的物理尺寸包括以下几个部分，由内到外分别是内容，padding，border，margin，这些值加到一起才算是一个元...
input-group-btn 栅格 换行
2017年11月02日
最近在使用bootstrap框架的时候，栅格里面嵌套表单，有一个是输入框组（input-group-btn），结果怎么也不能成为一行，截图如下：代码如下：<div class="input-group areaInput row"> <div class="col-xs-0 col-sm-0 col-md-0 col-lg-0"></div> <div class="col-xs-12...
css 高度相等列
2017年10月31日
最近布局要用到高度相等的列，研究了一下，记录下来。看一下代码：<div class="wrapper"> <div class="box"> <h1>Andy Budd</h1> <p>最近要截取一个整个网页，我用的是chrome，以前看过chrome的更新内容，加入了可以截屏的内容，但是怎么也想不起来了。之后看了一下知乎，找到解决方法：在chrome上按F12，...
CSS 分栏布局
2017年10月31日
CSS多栏布局 扩展块布局模式，以便更容易地定义多列文本。如果 一行太长，人们阅读文本很麻烦; 如果眼睛从一行的终点移动到下一个行的开始需要太长时间，它们就会丢失它们所在的行。因此，为了最大限度地利用大屏幕，作者应该将宽度不等的文本列并排放置，就像报纸一样。不幸的是，这是不可能的，使用CSS和HTML，而不是在固定位置强制列分栏，或严重限制文本中允许的标记，或使用英雄脚本。糟糕的是如果不使用CSS...
CSS3 Media Queries模板
2017年10月30日
最早在《CSS3 Media Queries》一文中初探了CSS3的媒体类型和媒体特性的相关应用。简单的知道了使用这个能在各种不同的设备显示不一样的样式风格。随着Responsive的响应式设计的兴起，前面跟大家一起学习了：《Responsive设计和CSS3 Media Queries的结合》《了解Responsive网页设计的三个特性》《Responsive设计的关键三步》从这几篇文章中可以知...
jquery ajax方法
2017年10月17日
$.ajax()方法是jQuery最底层的Ajax实现。<script> $.ajax({ type:"POST", url:"/Manage/ArticleList", dataType:"json", data:{ArticleNum:$('#ArticleNum').val()}, success:function ...