随笔分类 -  前端学习

《nodejs+gulp+webpack基础实战篇》课程笔记（八）--模板化开发演练：分离公共头文件
摘要：还是先来安装本课需要的插件： 这是一个webpack加载器，可以把文件原样返回为字符串。 这里补充下使用加载器的两种方法： 1、在我们的webpack配置文件中写上 2、在require的时候调用加载器 require（“加载器名!xxx.html”）; 这里，我们也也将使用三种加载公共头部文件的方 阅读全文
posted @ 2016-09-20 09:51 前进的卒子 阅读(727) 评论(1) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（七）--利用gulp自动完成配置"吐"给webpack执行
摘要：首先，我们利用gulp将入口文件自动化。我们参考该课程的规则，对文件需要成为入口的文件进行一个归类和整理。 首先，我们已经建立了SRC文件夹。在SRC文件下，创建一个主文件夹叫modules。同事创建几个子文件夹，创建的基本规则是：文件夹名就代表了我们的入口节点名。 （此图仅供参考，文件夹名与文件名 阅读全文
posted @ 2016-09-17 10:16 前进的卒子 阅读(713) 评论(0) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（六）--附加课
摘要：一、多页面分离资源引用,按需引用JS和css 我们前面实现了以下功能：1、新建了一个login模版（用到htmlWebpackPlugin）。2、分别把main.js和login.js、reg.js分开写。3、学习了css加载器。我们通过webpack可以打包js文件、自动注入js和CSS引用。 那 阅读全文
posted @ 2016-09-14 15:48 前进的卒子 阅读(1064) 评论(0) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（五）-- 实战演练，构建用户登录
摘要：一、用gulp +webpack构建登录页面(1):简单构建 我们做项目经常要做的“百搭”页面 登录页面 ，它的基本要素如下: 1、页面展示要素 2、基本脚本判断 3、后端交互。 在项目根目录下创建 src(有逼格的名称) --tpl (代表是模板) --login.html（后缀随意） 注意，一旦 阅读全文
posted @ 2016-09-11 22:52 前进的卒子 阅读(819) 评论(0) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（四）-- 实战演练
摘要：一.用gulp 构建前端页面(1) 静态构建 通过这个插件，我们可以像写后台模板（譬如PHP）一样写前端页面。我们首先学习一下写法. 现在我们创建一个新任务:创建一个裸的index.html文件，然后在body里面写上 ，我的年龄是:<%= age %> 下载好gulp-template，我们引用并 阅读全文
posted @ 2016-09-10 23:03 前进的卒子 阅读(973) 评论(0) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（三）--webpack篇
摘要：webpack引入 前面我们简单学习了gulp，这时一个前端构建框架 webpack产生了（模块打包） 它能帮我们把本来需要在服务端运行的JS代码，通过模块的引用和依赖打包成前端可用的静态文件。（这里有需要了解一下CommonJS规范，具体请自行查看http://commonjs.org）。 安装w 阅读全文
posted @ 2016-09-09 15:35 前进的卒子 阅读(3135) 评论(0) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（二）--gulp速度上手
摘要：速度上手,执行我们第一个任务 gulp，目前前端开发最火爆的工具之一。 我们先在项目目录中创建一个package.jsonwen文件：项目目录下运行node 安装gulp之前，我们先了解下 npm instal -g这个命令： 如果不加-g 则会安装到当前项目目录下。加上-g 就会安装一个全局目录里 阅读全文
posted @ 2016-09-07 23:56 前进的卒子 阅读(1775) 评论(1) 推荐(0)
《nodejs+gulp+webpack基础实战篇》课程笔记（一）--开开脑，走走简单的基础
摘要：本课程的前期在windows下学习，开发工具使用是webstorm。 首先请到nodejs.org下载LTS版本NODEJS.具体安装请自行google,baidu或则bing. 创建第一个文件：在项目目录下创建一个JS文件，例如test.js. 运行： 现在，我们学习一个函数，require（“脚 阅读全文
posted @ 2016-09-07 14:46 前进的卒子 阅读(1113) 评论(0) 推荐(1)
NODE编程（四）--构建Node Web程序2
摘要：四、提供静态文件服务 1、创建一个静态文件服务器 __dirname ，取值是该文件所在咋目录路径。分散在不同目录中的文件可以有不同的值。 这个文件服务器大体能用，但还有很多细节需要考虑。 管道和水管： Node中的管道让来自源头（ReadableStream)的数据，流动到目的地（Writeabl 阅读全文
posted @ 2016-08-23 15:32 前进的卒子 阅读(312) 评论(0) 推荐(0)
NODE编程（三）--构建Node Web程序1
摘要：一、HTTP服务器的基本知识 1、Node如何向开发者呈现HTTP请求 Node中的http模块提供了HTTP服务器和客户端接口： 创建HTTP服务器要调用http.createServer()函数。它只有一个函数，是个回调函数，服务器每次收到HTTP请求后都会调用这个回调函数。这个请求回调会收到两 阅读全文
posted @ 2016-08-22 00:07 前进的卒子 阅读(239) 评论(0) 推荐(0)
NODE编程（二）--异步编程技术
摘要：在Node世界里流行两种响应逻辑管理方式，回调和事件监听。 回调通常用来定义一次性响应的逻辑。比如对于数据的查询，可以指定一个回调函数来确定如何处理查询结果。 事件监听器，本质上也是一个回调，不同的是，它跟一个概念实体（事件）相关联。在Node中，当有HTTP请求过来是，HTTP服务器会发出一个请求 阅读全文
posted @ 2016-08-20 23:57 前进的卒子 阅读(331) 评论(0) 推荐(0)
Javascript oop深入学习笔记（三）--javascript中类的实现
摘要：一、类的实现机制 在javascript中可以使用function关键字来定义一个类。在函数内通过this指针引用的变量或则方法都会成为类的成员。 在javascript中，function本身定义就是累的构造函数，来看看使用new创建对象的过程 1、当解释器遇到new操作符时边创建一个空对象。 2 阅读全文
posted @ 2016-08-19 23:05 前进的卒子 阅读(280) 评论(0) 推荐(0)
NODE编程（一）--Node功能的组织和重用
摘要：Node开发面对的两个问题： 1、如何组织代码 2、如何进行异步编程。 一、Node功能的组织和重用 Node模块允许你从被引入文件中选择要暴露给程序的函数和变量。如果模块返回的函数或变量不止一个，那它可以通过设定exports对象的属性来指明他们。但如果模块只返回一个函数或变量，则可以设定modu 阅读全文
posted @ 2016-08-18 23:39 前进的卒子 阅读(529) 评论(0) 推荐(0)
javascript oop深入学习笔记（二）--javascript的函数
摘要：一、概述： 函数是进行模块化程序设计的基础， javascript重的的函数不同于其他语言，每个函数都作为一个对象被维护和运行。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或则讲函数作为参数传递。 二、认识javascript中的函数 javascript可以用function关键字定义 阅读全文
posted @ 2016-08-16 23:21 前进的卒子 阅读(251) 评论(0) 推荐(0)
javascript oop深入学习笔记（一）
摘要：一、定义和实例化一个类： 在OOP的思想中，类是一个很重要的元素，一个类表示了具有相似的一类事物的抽象，通过实例化一个类，可以获得属于该类的一个实例，我们也可以称之为对象。 在javascript中，我们定义一个函数，也可以看着是类， 上面class我们可以将他看着为类的构造函数，来实现初始化工作。 阅读全文
posted @ 2016-08-15 15:35 前进的卒子 阅读(231) 评论(0) 推荐(0)