2016年11月_李帅醒

原创使用nodejs搭建本地http服务器——李帅醒博客

由于不做php相关的东西，懒得装apache，干脆利用nodejs搭建一个本地的服务器用于测试，对做前端的介入后端简直就是一把利器。而且目前，nodejs也越来越有火，身为一个前端，如果你说你不懂Nodejs，那就呵呵了！使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程，因为要完成一个简单的Web服务器，你需要学习Nodejs中几个比较重要的模块，比如：http协议模

2016-11-30 21:54:09 4471

原创 node.js实现文件读取\写入\复制内容——李帅醒博客

Node.js读取文件内容包括同步和异步两种方式。执行所有文件操作前一定要加载文件模块。//加载文件模块var fs=require("fs");1.异步读取文件：readFile(path[,encode],callback)异步读取文件path：文件路径encode:文件编码callback：回调函数返回错误信息、读取的内容//异步读取文件（）f

2016-11-30 20:28:09 8087

原创 jQuery实现轮播图特效，仿京东——李帅醒博客

如今轮播图已然成为网站中的最常用功能功能之一,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。今天就教教大家做一个仿京东的轮播图。1.首先定时器实现轮播效果。2.图下的按钮也可以控制轮播顺序。3.左右按钮平时隐藏，鼠标移入时才显示。CSS页面代码： *{ margin: 0px; padding: 0px

2016-11-30 18:57:58 7994

原创 JSONP跨域获取JSON数据（含jQuery方法）——李帅醒博客

首先我要强调JSONP和AJAX没有半毛钱关系，别把他们混淆！！！只不过他们都是从后台获取数据的方法！前言：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON

2016-11-27 19:31:57 5648

原创原生js实现自适应宽度瀑布流以及加载效果——李帅醒博客

今天教大家使用原生js实现自适应宽度瀑布流以及加载效果，之前已经教过大家左普通瀑布流布局。1.计算页面的宽度，计算出页面可放数据块的列数（如上图所示就有6列）。2、一排结束后，如第6个元素，是添加再上一排最短的位置，所以要做一个大小高度判断。3、当window窗口发生改变时,触发事件，改变列数，用到onresize事件。4、每次滚动条触发事件，加载新的元素（判断滚动

2016-11-27 19:11:19 3881

原创原生js实现瀑布流以及加载效果——李帅醒博客

今天教大家使用原生js实现瀑布流以及加载效果，下回再教大家使用使用原生JS实现响应式瀑布流布局，还是先从简单的入手！1、首先列数是固定的，不同的是高度，随机产生。2、一排结束后，如第6个元素，是添加再上一排最短的位置，所以要做一个大小高度判断。3、每次滚动条触发事件，加载新的元素（判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scroll

2016-11-21 23:16:14 3325

原创原生JS表格排序，实现淘宝商品列按价格要求等排序！

如何使用原生JS实现点击表格标题栏实现按要求自动排序功能？今天就教大家实现这个功能，这个功能可应用再淘宝等电商网站，按要求，如价格重新对商品排序我就以同学曾经去百度面试遇到的一道面试题为例子源码地址：http://download.csdn.net/detail/wcslb/9688040HTML页面代码：

2016-11-20 17:40:11 12019 2

原创（一）原生JS实现判断碰撞的方法！

这次为大家实例讲述了JS实现判断碰撞的方法。碰撞的应用场景非常多比如，放烟花、小球碰壁反弹、像素鸟等，所以我们先要弄清除如何进行碰撞判断，才能进行以后的操作。HTML页面代码：CSS页面代码： *{ padding: 0px; margin: 0px; } #d1{ width: 100px; height: 100px; backgr

2016-11-20 16:16:23 8829 1

原创原生JS写《像素鸟》的小游戏（下落的小鸟）

相信大家都玩过《像素鸟》（又名《下落的小鸟》），今天就教大家用原生JaveScript 实现像素鸟的游戏。还在为得不到高分而苦恼吗？今天学会了，游戏难易自己控制！！！首先明白：1.需要运动的小鸟（速度）；2.背景（水管）；水管：运动速度创建速度水管随机高度3.编写碰撞判断；4.计分板;HTML页面代码： Document

2016-11-20 14:09:42 10487 3

原创原生JS实现网页烟花动画效果——前端工程师必备技能！

原生js实现放烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！

2016-11-12 18:34:32 20033 2

原创 [快速掌握]Node.js模块封装及本地使用以及发布

封装模块的使用封装模块的使用有两种方法 :发布到NPM注册表、本地使用，这里只记录下本地使用的方法.1.创建名testnode文件夹2.用DOS命令到testnode文件夹下,然后安装已经封装好的模块,如果是已经发布到NPM注册表的直接 npm install 名字，如果是在本地 npm install +tgz文件路径。

2016-11-02 08:35:44 8709

李帅醒的博客