nodejs理论学习
### Node基础概念 * 1\.为什么要用node? 参考答案:总结起来node有以下几个特点:简单强大，轻量可扩展．简单体现在node使用的是javascript,json来进行编码，人人都会；强大体现在非阻塞IO,可以适应分块传输数据，较慢的网络环境，尤其擅长高并发访问；轻量体现在node本身既是代码，又是服务器，前后端使用统一语言;可扩展体现在可以轻松应对多实例，多服务器架构，同时有海量的第三方应用组件． * 2\. node的构架是什么样子的? 参考答案:主要分为三层，应用app >> V8及node内置架构>>操作系统. V8是node运行的环境，可以理解为node虚拟机．node内置架构又可分为三层:核心模块(javascript实现) >> c++绑定>> libuv + CAes + http. * 3\. node有哪些核心模块? 参考答案: EventEmitter, Stream, FS, Net和全局对象 ### node全局对象 * 1\. node有哪些全局对象? 参考答案: process, console, Buffer和expor
PHP Ajax 跨域问题最佳解决方案
PHP Ajax 跨域问题最佳解决方案分类 编程技术 本文通过设置Access-Control-Allow-Origin来实现跨域。 例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。 如果直接使用ajax访问，会有以下错误： ``` XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.runoob.com' is therefore not allowed access. ``` 1、允许单个域名访问 指定某域名（http://client.runoob.com）跨域访问，则只需在http://server.runoob.com/server.php文件头部添加如下代码： ``` header('Access-Control-Allow-
vue2.0+webpack的项目搭建与开发
## vue2.0 vue2.0是一个MVVM框架，对于这样的一个框架，我们应怎样搭建环境，用webpack+loader+babel,还是AAL，怎么样创建组件，基本的自定义标签的创建，数据的封装性，数据和模板的关系，组件的生命周期，组件的状态，内部的值组件与组件之间的数据传递。 Vue2.0与vue1.0几乎90%的API和核心概念都没有变，具体可以看[https://cn.vuejs.org/v2/guide/migration.html](https://cn.vuejs.org/v2/guide/migration.html "https://cn.vuejs.org/v2/guide/migration.html") ## Vue2.0的环境安装 Npm install --save vue Vue2中新增有两种构建方式： 1.独立构建和运行构建，他们的区别在于前者包含模板编译器而后者不包含。模板编译器的职责是将模板的字符串编译为纯JavaScript的渲染函数。如果你想要在组件中使用template选项，你就需要编译器。 独立构建包含模板编译器并支持temp
javascript设计模式之単例模式
## Javascript中的设计模式 JavaScript是一门特别灵活的语言，早些年被认为是玩具式的语言，只能做一点为网页涂脂抹粉的小差事。项目工程也不是很大，更无从说起设计模式在JavaScript的应用，但随着Nodejs以及html5和web2.0的兴起，JavaScript本身变得越来越受重视。 但是很多本该有的东西javascript都有，并没有作为正式的部分。这些年来人们利用自己对计算机编程的思想，利用了很多晦涩的技巧实现了很多javascript设计者都未曾预计到的任务，比如各种设计模式的实现，以及面向对象编程等。 ## 设计原则 设计模式的存在原因是为了代码的复用性，增加代码的可维护性，有如下原则： 【开闭原则】，对扩展开放，对修改关闭，ps高考的试卷。 【里式转换原则】，子类继承父类，单独掉完全可以运行，ps盗版光盘 【依赖倒转原则】，引用一个对象，如果这个对象有底层类型吗，直接引用底层， 【接口隔离原则】 每一个接口应该是一种角色，ps汽车的usb插口， 【合成/聚合复用原则】 新的对象应使用一些已有的对象，使之成为新对象的一部分， 【迪米特
NPM结合vue的使用
1.允许用户从NPM服务器下载别人编写的第三方包到本地使用 2.允许用户从NPM服务器下载并安装编写的命令行程序到本地使用 3.允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用 常用命令： npm install npm unistall num update npm ls 树形结构打印依赖包 常用参数： \-g global 全局依赖 npm一般用于安装脚手架 脚手架：搭建好一个一个基本的模板 vue支持IE9 及更高版本   ├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── asse
vue1.0+webpack开发
vue1.0+webpack搭建项目，vue1.0要与指定版本的webpack结合才能正确运行，与vue2.0项目的依赖有很大的不同，vue1.0项目相关依赖如下。 ``` { "name": "first", "version": "1.0.0", "description": "first vue", "main": "node index.js", "scripts": { "test": "node test.js", "server": "webpack-dev-server --content-base ./ --port 8000" }, "repository": { "type": "git", "url": "https://github.com/zyw327/vue1.0.git" }, "keywords": [ "vue" ], "author": "smart zeng", "lic
webpack的学习笔记
首先webpack是一个模块打包机，本质上，*webpack*是一个现代 JavaScript 应用程序的*静态模块打包器(module bundler)*。当 webpack 处理应用程序时，它会递归地构建一个*依赖关系图(dependency graph)*，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个*bundle*。 webpack的配置文件webpack.config.js ``` const path = require('path'); module.exports = { entry: './app/main.js', //配置入口文件位置 output:{ path: path.resolve(__dirname, 'dist'), //输出文件位置 filename: 'bundle.js', //打包后的文件名称 publicPath: 'public' //虚拟目录 }, module: { rules: [ tes
vue-router
路由： 将组件components映射到路由routes，然后告诉vue-router在哪里渲染它们 1.app.vue只要每个页面不变的都放上去，比如导航条/左侧栏 2.点击页卡，切换主体content的内容，导航条/左侧栏不会变动（这是路由的作用） 3.app.vue 使用视图<router-view></router-view> 4.app.vue处 ``` <el-menu default-active="/activePublic" class="el-menu-vertical-demo" :router="true"> <el-menu-item index="/activePublic" :class="{'isActive': active}">活动发布</el-menu-item> <el-menu-item index="/activeManage" :class="{'isActive': !active}">活动管理</el-menu-item></el-menu> ``` @是根目录.. error compiling templ
less学习之初步二
一、混合定义函数及混合函数的传参 less定义多个具有相同名称和参数数量的混合是合法的。带多个参数的混合,参数用分号分割，逗号会作为列表传递，即如果传参的括号里面全部都是以逗号分割，那么会依次传给各个参数值，如果传参的括号里面既有逗号也有分号，则会把分号前面的看做一个整体传给一个参数值。例如 ``` .mixin(@color;) { color-1: @color; } .mixin(@color; @padding:5px;) { color-2: @color; padding-2: @padding; } .mixin(@color; @padding; @margin: 2px) { color-3: @color; padding-3: @padding; margin: @margin @margin @margin @margin; } .some .selector div { .mixin(yellow); } //函数混合传参 .mixin(@color; @padding:xxx; @margin: 2px) { col
less学习笔记之less初步
一、less简单写法 ``` /**less的写法如下*/ .content{ ul{ list-style: none; } li{ height: 15px; line-height: 25px; padding-left: 15px; background: url("./images/arr.jpg") no-repeat center left; } a{ text-decoration: none; color: #535353; font-family: Microsoft YaHei, "黑体", Arial, SimSun, Arial Unicode MS, MingLiU, Helvetica; } } ``` 这是less最基本的写法。和css样式表有点类似，但是又有不同，less的这种写法减少了css代码的冗余。 二、带变量的less写法 less的变量使用@加名字定义，列入定义@name。 ``` @green:green; //定义了绿色 @size: 3re
nodejs之Buffer学习笔记（一）
### 类方法: Buffer.alloc(size\[, fill\[, encoding\]\]) #### History ||| |---|---| |版本|变化| |v8.9.3|指定无效的字符串填充将会被替换为0来填充缓冲区。| |v5.10.0|新增于: v5.10.0| #### 参数 |||| |---|---|---| |参数字段|类型|说明| |size|integer|指定新创建的Buffer大小| |fill|string \| Buffer \| integer|指定填充Buffer的值。 Default: 0| |encoding|<string>|如果填充的是字符串，这个参数指定的就是字符串的编码。 默认: 'utf8'| 分配一个指定字节大小的新Buffer。如果填充未定义，则Buffer将被零填充。 ``` const buf = Buffer.alloc(5); // Prints: <Buffer 00 00 00 00 00> console.log(buf); ``` ### buf.toString(\[encoding\[,
es6之Map对象保存键值对
## Map ### 语法 ``` new Map([iterable]) ``` ### 参数 `iterable` ``` Iterable 可以是一个数组或者其他 iterable 对象，其元素或为键值对，或为两个元素的数组。 每个键值对都会添加到新的 Map。null 会被当做 undefined。 ``` ## 描述 一个Map对象以插入顺序迭代其元素 — 一个 for...of 循环为每次迭代返回一个\[key，value\]数组。 ### 键的相等(Key equality) 键的比较是基于 "SameValueZero" 算法：`NaN` 是与 `NaN` 相同的（虽然 `NaN` !== `NaN`），剩下所有其它的值是根据 === 运算符的结果判断是否相等。在目前的ECMAScript规范中，`-0`和`+0`被认为是相等的，尽管这在早期的草案中并不是这样。有关详细信息，请参阅浏览器兼容性 表中的“value equality for -0 and 0”。 ### Objects 和 maps 的比较 `Object` 和 `Map`