ITzhongzi的博客

不管前方的路有多远和多苦，只要走的方向是正确的，不管多么崎岖不平，都比站在原地更接近幸福！

12月 11月 08月 07月 06月 05月 04月 03月 02月 01月

原创 webpack高级教程

1. Webpack1.1. 网站中常见静态资源有哪些图片jpg,png,gif,bmp字体woff,woff2,eot,svg,ttfJSjs,coffeecsscss,less,sass模板文件.vue, .jade1.2. 大量静态资源文件引发的问题发起大量的二次请求需要维护组件之

2017-04-22 21:29:17 1416

原创各种前端框架中的路由原理解析

html>html lang="en">head> meta charset="UTF-8"> title>我的路由title>head>body>a href="#/home">HOMEa>a href="#/cart">CARTa> p>哈哈p> router-view>router-view> div> 嘻嘻 div>body>html>

2017-04-21 21:34:41 1947

原创混合app打包步骤（本地+云端）HybirdApp本地环境配置步骤

使用HBuilder生成安卓应用（在线）HBuilder是在线进行打包的，所以，本地不用配置任何打包的环境；只需把开发好的HTML项目，通过在线的方式即可实现打包，最终将打包好的项目，下载到本地。1.8. 环境变量的使用注意：修改了环境变量，一定要重启命令行窗口，重新读取修改过后的环境变量；环境变量分为“用户环境变量”和“系统环境变量”：用户环境变量是局部的，仅限当前登录用

2017-04-21 11:58:52 3992

原创这可能是webpack最实用的文章了。抓紧上车。（二）

1.5. html-webpack-plugin能够将index.html自动拷贝到dist目录，并在拷贝后的 html文件中引入bundle.js文件下载npm包: npm install html-webpack-plugin --save-dev 修改 webpack.config.js文件 // 添加的代码 const htmlPl

2017-04-17 22:45:50 1251

原创这可能是webpack最实用的文章了。抓紧上车。（一）

1. webpack模块化的打包工具能够做像requireJs这类库的功能，但是不需要在页面引入额外的jswebpack是自动把我们的js合并在一起了.1.1. 代码如下 // hello.js function hello(){ alert('你好吗') } // 要让虽的文件使用这个hello方法 module.exports = {hello:he

2017-04-17 22:44:39 597

原创初识vue系列之二

vue中的dom操作两步:给我们想要操作的dom元素加上ref属性，并赋值: <div ref="mydiv">做了这个操作之年，vue内部会获取所有有ref属性元素.在想要操作dom的代码的位置写this.$refs.mydiv，这个对象表示的是我的要操作的div这个元素的原生dom对象。最终有了这个对象，就向往常一样操作dom就可以了!设计师!

2017-04-16 23:50:08 511

原创初识vue系列一

vuejsjquery能做什么，什么都能做angular能做什么，什么都能做vue什么都能做!谁更适合做什么!jquery适合做特效,或者是面向大众的网站!angular,vue，适合做页面数据比较多适合做管理系统，后台系统! () 特定人群去用的!提前准备一个给大家看(管理系统)1.1. 渲染html字符串v-html1.2. 属性绑定v-bind

2017-04-16 23:49:01 397

原创 nodejs操作mangodb数据库示例

'use strict'/** * 增删改查 *//** *1、连接到mongodb服务器，目的，拿到操作mongodb数据库的db对象 *2、做任何操作 * * mongodb(需要下载node第三方包mongodb) */const MongoClient = require('mongodb').MongoClient // Connection URL var

2017-04-09 19:16:18 749

转载 nodejs操作mongodb数据库（mongodb）

准备通过npm命令安装mongodb安装mongodb数据库，这里不详细介绍了，网上一堆CRUD操作在此之前应对MongoDB数据库有所了解，知道它的一些增删查改命令。1.增加var MongoClient = require("mongodb").MongoClient;var DB_URL = "mongodb://localhost:27017/chm"

2017-04-08 21:34:22 410

原创 mongoDB使用详解（在node中使用）

数据库概念数据库：数据存储的仓库数据库就是为我们方便的管理数据的一个平台，例如对数据的存储、修改、查询等都非常的方便。数据库分类数据库产品有很多，以下是一些常见的数据库产品：MySQLOracleDB2SqlServerMongoDBetc.数据库没有排名之分，各有各的应用场景，我们这里学习的是 MongoDB 数据库。MongoDB 数据库

2017-04-08 19:38:23 3623 1

原创 node中express框架使用详解

express框架产生的原因: 1.http模块在处理路由这块比较鸡肋 2.http模块在处理静态资源时比较麻烦 3.http在获取浏览器的提交过来的参数时很麻烦 4.express能解决url中有中文时,express能自动解码基本概念:express是nodejs发送网络请求的第三方框架,是NodeJS中一个优秀的 web 解决方案地址:http

2017-04-08 19:37:22 3232

原创 node中npm结构详解以及自定义npm包上传到npm教程

1. package.json作用: 1.每个Node项目中及第三方包中都必须的 2.它描述着Node项目或是第三方包的一些信息 3.透过这些信息可以知道该Node项目或是第三方包运行起来要依赖于哪些第三方包 4.还可以在里面写一些终端执行脚本,在package.json的scripts中进行定义使用步骤: 1.打开终端cmd或是power

2017-04-07 13:17:37 5109

原创 nodejs常用核心模块介绍

Node核心模块之HTTP模块作用: 处理客户端的网络请求代码步骤: 1.导入 HTTP 核心模块 2.监听客户端的请求 3.处理客户端的请求 4.开启服务器Node核心模块之URL模块作用: 处理客户端请求过来的URL代码步骤: 1.导入 URL 核心模块 2.导入 HTTP 核心模块 3.监听客户端的请求

2017-04-07 13:12:55 9041

原创 cmd控制台常用指令及powershell介绍

cmd是window下独有的 cd 切换目录 cls 清屏 dir 显示文件目录 tree 已树的形式来展示文件结构powershell windows下面的另外一个终端它是兼容 window,linux,unix clear 清屏 ls 显示文件目录 cd 切换目录

2017-04-07 13:09:59 2331

转载 npm常用命令详解

今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输出，想学习npm这块的朋友不可错过这些基础命令，新手出品，对本文有疑惑之处还请同学们不耻下问。很久没有写文章啦，后续也希望自己在nodejs这方面有多点内容产出。本文以Windows平台上做测试，以gul

2017-04-06 21:51:33 569

原创 ng中的路由和单页面应用

路由 route -> 单页面应用程序一个页面在展示多种数据的时候不是进行页面的跳转, 而是在页面中设置一个足够大的容器在切换显示的时候, 利用 ajax 请求数据, 拿到数据后利用 js 将数据渲染到容器中, 以展示不同的数据内容. 而在这个过程中页面一直保持不刷新的状态.-> 在 ng 中为了实现这种自动的"跳转"( 注意不是真的跳转, 只是根据 url 显示不同的内

2017-04-04 10:45:51 473

转载 ng自定义指令

ng自定义指令自定义指令( 了解 )如果使用: 1> 作为属性使用 2> 作为 class 使用 3> 作为标签 a 4> 作为注释使用: 自定义指令语法: module.directive( '指令名(驼峰命名规则)', [ '...', function ( ... ) { return function | obj

2017-04-04 10:44:52 575

原创 anaular中的自定义服务

1. 自定义服务的五种方法自定义服务( 5 种方法 ) 1> factory 2> service 3> constant 4> value -> module.value( '服务名', 值 ) 5> provider factory: （最常用） module.f

2017-04-04 09:38:50 365

转载 nodejs中REPL执行环境解析

REPL执行环境的解释它就是我们NodeJS代码的运行环境前提: 我们的NodeJS的代码不是运行在浏览器中的,那他运行在哪里呢?基本概念: 1.REPL就是Node.exe 启动起来之后的运行环境 2.REPL 可以理解成类似于`启动起来的`Apache服务器 3.Node.exe(REPL)环境启动之后,就会执行放入它里面的

2017-04-03 21:37:02 1096

原创 angular中的$http服务（service）解析

1.1. 前述：ng中的$http用于请求后台数据，类似于js用的ajax和jq中的$.ajax在ng的$http中的方法有 0、$http 1、$http.get 2、$http.head 3、$http.post 4、$http.put 5、$h

2017-04-02 22:47:10 2361

原创 angular中的自定义过滤器

1.1. 自定义过滤器步骤： 1、创建一个过滤器 .filter('过滤器名字',['$xxx',function($xxx){ //其中$xxx表示要注入的参数 return 过滤函数 }]); 2、在代码中获取和使用过滤器 $filter.('过滤器的名字')//这个获取公式，

2017-04-01 22:04:38 431

原创正则表达式基础+使用案例解析

1.1. 正则表达式1.1.1. 创建方式1、直接量语法： /pattern/attribute2、创建RegExp对象的语法 new RegExp(pattern,attribute);注意： 1、参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。 2、参数 attributes 是一个可选的字符串，包含属性 "g"、"i"

2017-04-01 22:03:23 460