学习
关注
分享
扫一扫
chijiajing
这个作者很懒，什么都没留下…
展开
-
Node概念
概念：单线程、非阻塞IO、事件驱动单线程优点:效率快非阻塞IO:若发现线程阻塞会将此线程暂挂事件驱动:把阻塞的线程再次运行 console.log("头部");setTimeout(function(){ console.log("挂起内容")});console.log("尾部");//验证node是单线程，非阻塞IO和事件驱动//会打印结果 头部 尾部 挂起内容...原创 2018-10-18 15:47:41 · 155 阅读 · 0 评论 -
node里exports的用法
目录共享变量共享方法共享构造共享类exports可以共享方法、变量、构造、类。exports的本质是一个数组，访问域是共有的。//打印一下exportsconsole.log(exports);//结果是一个空数组共享变量exportDemo.js(被引用的)//打印一下exportsconsole.log(exports);//结果是一个空数...原创 2018-10-18 16:17:09 · 17771 阅读 · 1 评论 -
npm生产\测试环境 gulp-insert(闭包)
初始化：npm init下载插件：npm install --save-dev gulp gulp-sourcemaps gulp-insert gulp-concat gulp-sass gulp-minify-css browser-sync npm install --save-dev jshint gulp-jshint gulp-uglifyvar gulpinsert =re...原创 2018-10-15 16:11:42 · 456 阅读 · 0 评论 -
node使用组件开服务器
最原始的helloWorld例子//导入node自带组件,作用开启网络服务器var Http=require("http");//开启服务Http.createServer( //相当于java里面的serlvet。参数是request和response function(request,response){ //设置处理中文乱码 //参数解释:200是网页状态码 Con...原创 2018-10-18 17:04:51 · 167 阅读 · 0 评论 -
SSM Maven 配置
整体项目结构pom.xml改配置MavenXML导入jar包 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>1.7</maven.com...原创 2018-09-21 13:26:28 · 858 阅读 · 0 评论 -
React组件引用
需要安装一些插件gulp-webpackjsx-loaderreact-domreactgulp-concatbrowser-syncgulpgulpfile.js var webpack=require("gulp-webpack");var loader=require("jsx-loader");var dom=require("react-dom");var ...原创 2018-10-15 21:25:02 · 6538 阅读 · 0 评论 -
WebSQL创库、表，增删改查例子
executeSql 注意大小写！！！！错一个方法都无效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text原创 2018-10-09 16:10:41 · 2519 阅读 · 0 评论 -
React引用子组件、定义参数和方法
导入插件gulp-webpackjsx-loaderreact-domreactgulp-concatbrowser-syncgulp完成数据结构创建gulpfile.jsvar concat=require("gulp-concat");var webpack=require("gulp-webpack");var react=require("react");v...原创 2018-10-16 21:21:14 · 1947 阅读 · 0 评论 -
node fs组件入门(配置默认路径)
新增文件夹和文件var http=require("http");//导入文件操作组件fsvar fs=require("fs");var url=require("url");http.createServer(function(req,res){ //读取两次的原因是第一次先会读取网页的图标,所以这里判断若是读取图标的话直接return if(req.url=="/favi...原创 2018-10-19 17:03:47 · 845 阅读 · 0 评论 -
node网页post提交以及服务器处理跨域
网页 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/jquery原创 2018-10-19 17:58:02 · 590 阅读 · 0 评论 -
路由传参demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.5.17-b原创 2018-09-29 10:31:28 · 170 阅读 · 0 评论 -
一二级路由传参(router-link地址传参)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 别忘了导入包 --> <script src="https原创 2018-09-28 21:03:17 · 841 阅读 · 0 评论 -
Vue一级路由与二级路由/路由重定向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 记得先导包 --> <script src="https:原创 2018-09-28 20:41:09 · 5311 阅读 · 0 评论 -
创建vue-cli项目
前提：电脑已安装了nodenpm install -g cnpm –registry=https://registry.npm.taobao.org然后安装淘宝镜像初次创建步骤：1.用命令行到到电脑对应的文件夹(或自己新建)2.cnpm install -g -vue-cli3.cnpm install -g webpack4.vue init webpack 自己定义的项目名auth...原创 2018-09-26 23:52:15 · 222 阅读 · 0 评论 -
Vue的生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.3.3/vu原创 2018-09-21 17:17:24 · 116 阅读 · 0 评论 -
Vue拦截器Demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.3.3/vu原创 2018-09-21 17:21:27 · 668 阅读 · 0 评论 -
Vue过滤器Demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.3.3/vu原创 2018-09-21 17:26:41 · 221 阅读 · 0 评论 -
Vue路由(写死template版)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 必须先导包 --> <script src="https:原创 2018-09-28 15:23:50 · 1812 阅读 · 0 评论 -
Vue HTML路由(每个内容都拆分版)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 别忘了导包 --> <script src="https:原创 2018-09-28 15:24:57 · 4795 阅读 · 1 评论 -
npm最基本安装
目录初始化安装安装gulp连接到gulp上传项目到gulp下载项目初始化安装在自己新建的文件夹内用cmd运行npm init $ npm initThis utility will walk you through creating a package.json file.It only covers the most common items, and ...原创 2018-10-13 14:17:43 · 636 阅读 · 0 评论 -
React todolist例子(传参传方法)
分三个组件父组件(index.jsx)和两个子组件(addlist.jsx,todolist.jsx)父组件传子组件的方法有两个第一种：props方式传值如:<child fffss={this.state.data} /> data是父类constructor(){this.state={data:"父类数值"} }传方法如:<child fangfaName...原创 2018-10-18 00:18:03 · 554 阅读 · 0 评论 -
gulp验证打包压缩加密编译(常用)
目录布置项目2.1基本使用(task)2.2方法调用打包项目验证JSjs文件压缩编译(LESS或SASS)成CSS验证css省略初始化npm以及安装gulp步骤布置项目1.在项目下新建gulpfile.js文件2.开始编辑gulpfile.js2.1基本使用(task)//头部引用var gulp=require("gulp");...原创 2018-10-13 18:09:30 · 1920 阅读 · 0 评论 -
npm browser-sync(观察者)安装及初步使用
npm最基本安装gulp验证打包压缩加密编译(常用)也是在gulpfile.js里操作//头部引用: require里输入的是你指令安装插件的名字,可在node_modules里看到var gulp=require("gulp");//引入打包插件var concat=require("gulp-concat");//导入编译sass插件var sass=require("gul...原创 2018-10-13 19:32:35 · 978 阅读 · 0 评论 -
原生node用fs和http完成文件上传到服务器
var http=require("http");var fs=require("fs");http.createServer(function(req,res){ res.writeHead(200,{"Content-type":"text/html;charset=UTF-8","Access-Control-Allow-Origin":"*"}); if (req.原创 2018-10-19 22:38:32 · 5785 阅读 · 0 评论 -
redis安装使用初体验
环境前提:liunx(虚拟机模拟或者阿里云服务器)下载redis包可以用vmtool或者其他ftp工具移动到liunx系统下，或者用指令安装$ wget http://download.redis.io/releases/redis-2.8.3.tar.gz$ tar xzf redis-2.8.3.tar.gz$ cd redis-2.8.3$ makeps：记得make,不m...原创 2018-11-02 13:05:19 · 163 阅读 · 0 评论 -
容联云(第三方短信发送)
首先登陆官网,注册下载它官网给的Demo,在Demo里面有一个jar包这是官网提供的开发文档jar包导入到项目内我用的是私服导包的，普通导入jar包的只能手动咯这是私服导jar包的配置教程按照上面的步骤就能连接到私服了,localhost更换成对应的IP这是随机生成码的代码String verifyCode = String.valueOf(new Random().nextInt...原创 2018-11-11 18:02:01 · 3597 阅读 · 0 评论 -
FreeMarker制作模板并使用
html模板demo制作：导入jar包，修改pom.xml新建resources文件夹和java文件夹resources文件夹用于存放ftl模板文件java文件夹用于存放java文件再resources文件夹新建一个ftl模板hello.ftl<!DOCTYPE html><html lang="en"><head> <m...原创 2018-11-08 23:41:53 · 4949 阅读 · 0 评论 -
Vue-cli路由以及使用less
省略安装脚手架的指令直接看结构配置less注意:scoped作用于当前模块，但其下子组件也会共享这个scoped,要注意！！！Vue路由用的是<router-link on="index.js里面配置的路径"></router-link>index.jsimport Vue from 'vue'import Router from 'vue-router'im...原创 2018-11-20 15:13:25 · 193 阅读 · 0 评论 -
md5加密初步使用
package com.hjy.util;import java.math.BigInteger;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;public class MD5Util { //加密本体 public static String...原创 2018-11-17 22:38:11 · 160 阅读 · 0 评论 -
Springboot+Mybatis
导入jar包（Springboot+Mybatis） <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> &l...原创 2018-12-15 12:52:39 · 156 阅读 · 0 评论 -
Shiro练习小Demo(SpringBoot)
本Demo是用SpringBoot+Mybatis+Shiro省略创建SpringBoot的截图流程导入jar包 <dependency> <groupId>org.apache.shiro</groupId> <artifactId>shiro-core</artifactId>...原创 2018-12-15 14:09:24 · 346 阅读 · 0 评论 -
mybatis generator的基本使用
目录修改pom.xml导入jar包和配置generatordatasource.proerties(连接数据库常量配置)generatorConfig.xml本次的编译工具使用的是idea例子的结构图修改pom.xml导入jar包和配置generatorplugin是放在plugins标签内的 <!--mybatis generator核心包--...原创 2018-12-20 23:15:33 · 459 阅读 · 0 评论 -
【转发】lombok插件的使用
https://blog.csdn.net/sjmz30071360/article/details/80136008转载 2018-12-21 19:21:06 · 238 阅读 · 0 评论 -
简单的vue动画效果
显示、隐藏动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"&...原创 2019-04-10 16:02:06 · 1199 阅读 · 0 评论 -
初识Vuex
Vuex方便了无关联组件之间的传值，个人建议先去观看一下官网文档，了解其生态系统，下面就很好上手了。下面注意官网上的这个生态系统图，会与下面例子一一对应注意框红的这三个点，组件(Vue Components)想要共享某数据就要调用Dispatch方法来引用Actions，如上图所示。大家看着有大概印象就行，下面直接上例子(从配置到例子)步骤1(省略vue-cli的搭建过程)：安装命令：...原创 2019-04-29 16:27:38 · 246 阅读 · 0 评论 -
Tengine+Lua+GraphicsMagick实现图片自动伸缩功能(ubuntu)
配置环境支持软件apt-get install libreadline-devapt-get install libpcre3 libpcre3-devapt-get install openssl apt-get install libssl-devsudo apt-get install libjpeg8sudo apt-get install libjpeg-devs...原创 2018-11-06 00:33:36 · 214 阅读 · 0 评论 -
nginx代理基本配置
nginx 特色:把N个服务器进行代理，用户只需要访问nginx代理服务器就能访问(被代理的服务器)，负载均衡ubuntu安装：//nginx需要的插件apt-get install gccapt-get install g++//nginx本体安装apt-get install nginx//关闭防火墙并开放80端口ufw disableufw allow 80//启动...原创 2018-11-05 11:05:35 · 259 阅读 · 0 评论 -
js Buffer常用方法
//构造//alloc构造 10个空间 16进制格式,所以数字16显示为10var buf1=Buffer.alloc(10,16);console.log(buf1);//allocUnsafe构造//分配10个空间,但空间内的数据不一定为空var buf2=Buffer.allocUnsafe(10);//类似于java里面StringBuffer的...原创 2018-10-24 11:35:02 · 20720 阅读 · 0 评论 -
相册例子(Express,formidable组件)
总体结构图ejs文件夹用于存放 ejs文件static和upload是静态文件夹，upload用于存放相册以及其相片index.js 服务启动jsrouter.js 负责给index做路由(exports.XX=function....)开始需要安装插件npm install --save express formidable ejs body-parserindex.js...原创 2018-10-24 11:49:38 · 754 阅读 · 0 评论 -
node events组件使用
events组件可以自定义事件基本语法demo//这是一个events模块例子var events=require("events");//实例化var eventEmitter=new events.EventEmitter();//自定义事件 第一个参数事件名，第一个是事件的方法eventEmitter.addListener("demo1",function(){ c...原创 2018-10-24 15:52:45 · 237 阅读 · 0 评论