网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
爱吃螃蟹的前端：登上 Bootstrap 4.0 的大船
2017年07月15日
Bootstrap 这个号称世界第一的 responsive 和 mobile first 前端样式组件库去年八月发布了 v4.0 Alpha，去年年底时发布了 v4.0 Alpha 2 版本。可能是 v3 用的过于顺手，直到今天才决定踏上 v4.0 这艘船，让我们一起来看它是说翻就翻，还是屹立不倒。4.0 vs 3.0根据官方文档，我们先来看看 v4.0 相比 v3.0 做了那些改变：从 Les...
webstorm代码格式化快捷键
2017年07月13日
centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+l
windows Phone 浏览器窗口的尺寸
2017年07月12日
移动设备的屏幕一般都比PC小很多，移动设备的浏览器会将一个较大的 “虚拟” 窗口映射到移动设备的屏幕上，然后按一定的比例（3：1或2：1）进行缩放。也就是说当我们加载一个普通网页的时候，移动浏览器会先以浏览器标准加载网页，然后再缩小为设备像素的宽度。注意这个缩小是一个全局缩小，也就是页面上的所有元素都会缩小。如下图所示，一个普通的文章页面在移动设备的效果：下面看一个示例，下面的网页宽度为 10...
网站如何知道浏览器的用户在使用什么语言？
2017年07月12日
我们会看到很多支持多语言的网站，有些早期的网站在首页会有一个链接，让用户自己来选希望看到中文，还是英文，现在的网站则不需要了，这些网站可以根据用户使用的语言来显示不同语言的版本。比如，你在使用简体中文，打开网页，会看到一个简体中文的网页，你在使用英文，输入同一个地址，就会看到一个英文的页面。服务器是如何知道用户希望看到何种语言版本的页面呢？浏览器端 对于网站来说，一个网站要服务海量的用户，使用服务...
JSON时间转换格式化
2017年06月29日
通常JSON时间一般是这样的格式。/Date(1436595149269)/通常我们用AJAX获取下来的JSON数据,如果有时间,都是这种格式的。其中，中间的一段数字"1436595149269"表示的是1970年1月1日至今的毫秒数。这种时间格式并不能够直接显示给用户查看,因为这是人类所看不懂的时间。所以我们需要将它转换为正常人能够理解的时间格式。第一步,替换掉/Date()///对外暴露的函数...
Knockout了解Observable与computed
2017年06月29日
KO是什么？KO不是万能的，它的出现主要是为了方便的解决下面的问题：UI元素较多，用户交互比较频繁，需要编写大量的手工代码维护UI元素的状态、样式等属性？UI元素之间关系比较紧密，比如操作一个元素，需要改变另外一个元素的状态？DOM元素与Js对象之间的数据同步？前端javascript代码组织不理想？用户输入数据校验、DOM操作、后台交互…,交织在一起？基础概念一：viewModel负责处理UI事...
HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用？
2017年06月24日
X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。 兼容性模式设置优先级：meta tag > http headermeta tag > http header常用的例子：<meta ht...
<Meta name="" Content=""> 标签的讲解
2017年06月24日
一、放在哪里？首先我们说一下meta，mata是放在在head区的一个辅助性标签 提供了有关页面的信息，对于进入搜索引擎的索引有帮助，几乎所有的网页里面都能看到它的存在。二、有什么作用？meta元素可提供有关页面的信息，比如针对搜索引擎和更新频度的内容提要和关键词，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置R...