每一个不曾起舞的日子都是对生命的辜负

作者: Manuel Kiessling  翻译: goddyzhao & GrayZhang & MondayChen 关于本书致力于教会你如何用Node.js来开发应用,过程中会传授你所有所需的“高级”JavaScript知识。本书绝不是一本“Hello World”的教程。 状态你正在阅读的已经是本书的最终版。因此,只有当进行错误更正以及针对新版本Node.js的改动进行对应的修正时,才会进行更新。 本书中的代码案

Read More...


一、什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 这个状态自管理应用包含以下几个部分: state,驱动应用的数据源; vie

Read More...


切图:即从设计稿里面切出网页素材 一、使用Photoshop工具工具的使用: 1.将文字与标尺的单位的设置为像素 2.打开这五个窗口,关闭其它窗口,保存工作区方便以后使用 3.工作区弄乱时,可以使用上图中的复位,或者在下图中选择工作区: 4.切图常用工具 注意:在工具菜单栏中右击会出现同组备选工具: 5.放大缩小画布:1).点击缩放工具 2).ctrl  + 加号/减号 3).alt  + 鼠标滚轮 6.辅助视图 标尺快捷键:ct

Read More...


一、CSS实现响应式 CSS响应式的实现主要依赖于CSS媒体查询: 媒体查询包含一个可选的媒体类型和零或多个表达式来限制使用媒体特性的样式表范围,例如:width,height,color。CSS3中的Media queries让内容的呈现可以只针对特定范围的输出设备而不必去改变内容本身。即通过媒体查询判断屏幕宽度,加载不同的CSS样式表 代码如下:注意一定要有一个默认样式表不加媒体查询,否则在IE8中访问时会没有样式表。 123456

Read More...


Ajax不能跨域,比如您是www.baidu.com,您就不能请求www.163.com的文件。但您可以请求www.baidu.com/1.json、ent.baidu.com/1.json。这是浏览器的安全策略导致的,XHR类型的请求,如果来自其他的服务器,将不予应答。 一、使用jsonpJSONP是JSON with Padding的略称。它是一个非官方的协议,出处不可考,它允许在服务器端集成Script tags返回至客户端,通过

Read More...


说到Ajax,不得不先提一下HTTP(HTTP,HyperText Transfer Protocol)协议,中文名:超文本传输协议,是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。一次HTTP请求,包含了两个重要的部分:上行request(请求)和下行response(响应)。   HTTP协议定义了很多与服务器交互的方法,最基本的有4种,分别

Read More...


有一款名为2048的游戏,设计简单,操作容易,上手快且经久不衰,那么它背后实现的原理又是什么呢?这篇文章是在慕课网学习慕课网2048私人订制的产物。 一、游戏架构有上图可知,整个2048游戏共由五部分组成,分别是HTML和CSS负责页面的展示效果,JS控制游戏运行的逻辑,动画效果增加游戏的可玩性,还有一些底层的函数封装,提供个逻辑层调用,数据较为简单并入逻辑中。所以有以下的文件列表: 二、页面UI的书写1-1. HTML代码游戏界面设

Read More...


随着移动设备的普及的普及,人们越来越习惯使用移动设备来访问网页,所以学会如何开发移动端页面是一个前端必备的技能。 一、页面的整体布局先上图,做完后的效果如下图所示:从图中很容易发现,整个页面有以下一部分组成: 页头和页脚 轮播图,也就是banner,作为广告展示部分 整个网站的导航部分 携程的产品位 活动部分,分为特卖汇和热门活动两部分 二、HTML结构3-1. HTML整体结构由于移动端对各种HTML5和CSS3的新特性的支持和好

Read More...


一、序言学习的初级阶段都是从模仿开始的,就像练字一样,需要经历描摹临三个阶段,第一阶段: 描,即是用笔直接在范字上描着写。 拿到我们前端学习来说就是照着教程中的代码写一遍。接着进入第二阶段: 摹,即是用透明纸蒙在范字上,在透明纸上描着范字写。 对应于前端学习就是在教程的代码的基础上做一些小小的调整。最后一个阶段: 临,即是比着范字,边看边写。 此时应该做到的就是能够像素级的还原设计图了。 当然前端需要学习的内容不应该止步于还

Read More...


git一些常用操作

一、基础操作1、初始化git init 2、添加文件git add . // 添加所有git add README.md // 添加具体文件 3、注释git commit -m "do something" 123456// 常用提交规范<type>(<scope>): <subject> <body><footer> type1、feat:提交新的功能,

Read More...


人生只有一次,一定要尽力哦!