网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。
webstorm 入门指南(一)
2016年12月14日
Webstorm 是目前最好的前端IDE,拥有即时编辑(chrome)、自动完成、debugger、Zen Coding、HTML5支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性《webstorm 入门指南》整理自我在博客“RIA之家”写的 webstorm 系列教程。这个版本的内容比较老,是基于 webstorm 5.0...
JQuery判断checkbox是否被选中
2016年11月16日
if ($("#id").is(":checked"))另外一种写法:var checkedValue = $('.messageCheckbox:checked').val();如果采用纯粹Javascript写,代码如下:var checkedValue = null; var inputElements = document.getElementsByClassName('message...
Javascript闭包
2016年11月16日
<script> window.onload=function () { commFunc(); } window.onresize=function () { commFunc(); } function getWidth() { var pageWidth = window.innerWidth, ...
原型链
2016年11月15日
原型链概念: 一个对象获得具体属性,会不断在构造函数和原型对象里面层层向上查找,整体来说形成了一个链条,我们称之为“原型链”。 在JavaScript内部,原型链的顶端是Object。因此我门的一些方法,虽然函数本身没有定义,但是我们可以访问到,具体是Object原型的方法。 function a() { alert("a123");...
获得当前窗口的高度和宽度
2016年11月14日
var pageWidth=window.innerWidth, pageHeight=window.innerHeight;if(typeof pageWidth!="number"){ if(document.compatMode=="CSS1Compat"){ pageWidth=document.documentElement.clientWidth; ...
getElementsByClassName设置样式
2016年11月14日
var wrap=document.getElementsByClassName('wrapper');var scale=pageWidth/414;console.log(scale);wrap[0].style.cssText='transform-origin:center 0px 0px;transform: scale('+scale+')';getElementsByClassNam...