自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

岁月如歌去,十年弹指间

专注前端技术总结与分享!欢迎大佬们参考及提出批评,共同进步!

  • 博客(29)
  • 收藏
  • 关注

原创 webpack基础配置

webpack 打包命令//核心组成:entry   output  module/rules  plugins  devservervar path = require('path');module.exports = {  entry: './main.js',  output: {    path: path.resolve(__dirname, 'dist'),...

2018-07-31 08:22:46 132

转载 git

1、安装gitgit config --global user.name 'XXX'git config --global user.email 'XXX'  2、创建本地库mkidir learngit //自定义文件夹cd learngittouch test.md //创建test.md文件pwd //显示当前目录3、常用CRTgit init //...

2018-07-30 19:41:32 113

原创 前端命令大全

bable 安装:(1):npm install –g babel-cli(2):npm install  -g  cnpm --registry=https://registry.npm.taobao.org   [国内域](3):npm install --save-dev babel-preset-es2015(4):type nul>.babelrc   [创建]      ...

2018-07-30 08:46:27 2574

转载 JS原型、原型链深入理解

JS原型、原型链深入理解原型是JavaScript中一个比较难理解的概念,原型相关的属性也比较多,对象有”prototype”属性,函数对象有”prototype”属性,原型对象有”constructor”属性。一、初识原型在JavaScript中,原型也是一个对象,通过原型可以实现对象的属性继承,JavaScript的对象中都包含了一个”[[Prototype]]”内部属性,这个属性所...

2018-07-30 08:23:28 313

转载 vue 打包为app流程

vue 打包为app记录以下自己将web app打包成移动端app的步骤及问题事先准备,开发完成的web app项目(也可以利用vue-cli脚手架构建vue模板项目),npm run dev可以正常预览的项目1,将项目目录下config文件内index.js中assetsPublicPath修改为assetsPublicPath: './'2,执行npm ru...

2018-07-28 12:44:54 21109 3

原创 使用vue-cli打包过程中的步骤

1、打包命令是npm run build,这个命令实际上是在package.json中,scripts中build所对应的命令;2、图片的相对路径问题,要引用相对路径下的图片,首先是在在config/index.js中,将build.assetsPublicPath改为'',原来是'/',3、格式化文件修改你的html的属性值加引号,开打你的html就可以运行了注:需要打开你的...

2018-07-28 10:58:20 997

转载 解决 The file will have its original line endings in your working directory

解决 The file will have its original line endings in your working directory 首先出现这个问题主要原因是:我们从别人github地址上通过git clone下载下来,而又想git push到我们自己的github上,那么就会出现上面提示的错误信息此时需要执行如下代码:    git rm -r --cached ...

2018-07-28 10:16:20 32472 6

原创 axios与ajax和fecth使用方式

//axios不支持jsonp格式axios({method:'post',url:'http://127.0.0.1:3000/user',params:{phoneNum:1}}).then(function(data) {console.log(data.data)});那么如果要使用jsonp,可以独立安装npm i jsonp --save-de...

2018-07-26 17:32:57 564

原创 vue路由的基础

路由配置流程:1、定义组件2、配置路由,定义路由3、实例化路由,VueRouter4、VueRouter挂载到Vue实例上代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view

2018-07-26 17:25:36 188

原创 mongodb使用模板与mongodb的使用方式

//mongodb的使用方式var MongoClient=require("mongodb").MongoClient;var url ="mongodb://localhost:27017/mydb";MongoClient.connect(url,function(err,db){db.collection('use',function(err,coll){coll...

2018-07-26 16:58:57 576

原创 vuex的用法

vue中    store 状态管理器  也用来获取后台的数据保留在状态管理器里,页面需要时随时使用//store.js文件import Vue from "vue"import Vuex from "vuex"import $ from "jquery"import axios from "axios"Vue.use(Vuex);export default...

2018-07-26 16:46:11 176

转载 Vue 项目搭建流程和使用大全

Vue 项目搭建流程及项目中遇到的问题项目搭建流程1.使用vue cli 搭建项目框架cnpm install -g vue-cli 安装vue cli 脚手架vue init webpack projectName 创建项目cd projectNamecnpm install 安装依赖模块2.使用 vue routercnpm install vue rou...

2018-07-21 21:18:49 43707 1

原创 前端命令大全npm

bable 安装:(1):npm install –g babel-cli(2):npm install  -g  cnpm --registry=https://registry.npm.taobao.org   [国内域](3):npm install --save-dev babel-preset-es2015(4):type nul>.babelrc   [创建]     ...

2018-07-21 21:18:00 1849

原创 .vue 组件代码段

{"Print to console": { "prefix": "vuee", "body": [ "<template>", " ","</template>","<script>&quo

2018-07-19 23:10:33 928

原创 移动端初始简易模板模板,移动端三大块

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l

2018-07-19 20:05:06 1081

原创 nodejs服务器搭建模块

      nodejs服务器搭建模块const http=require("http");var server= http.createServer((req,res)=>{    if(req.url!="/favicon.ico"){    res.writeHead(200,{        "content-type":"text/html;charset=...

2018-07-19 19:05:44 410

原创 原生js拖拽,带cookie

 function move(Box){             if(getcookie("_Left")!==undefined){                Box.style.left=getcookie("_Left");                Box.style.top=getcookie("_Top");                          ...

2018-07-19 11:38:40 176

原创 npm使用方法和命令

npm使用方法和命令npm config list/ls 显示配置信息npm config list/ls -l 更详细npm -h 显示帮助信息,建议多查看npm -l display full usage info ;-l is --longnpm <cmd> -h 显示某个命令的帮助信息npm help npmnpm help <term>npm confi...

2018-07-18 15:32:24 1846

原创 如何不声明第三个变量和不使用es6解构赋值,交换两个值

使用第三变量var a=1;b=2;var c=a; a=b; b=c;console.log(a,b) //2 1es6解构赋值 let a=1;let b=2; [a,b]=[b,a]; console.log(a,b)不声明第三个变量和不使用es6解构赋值,交换两个值//代码如下var a=1,b=2;a=[b,b...

2018-07-18 15:14:34 3395

原创 【CSS3】transition过渡和animation动画的区别

animation属性类似于transition,他们都是随着时间改变元素的属性值, 其主要区别在于:transition需要触发一个事件才会随着时间改变其CSS属性;animation在不需要触发任何事件的情况下,也可以显式的随时间变化来改变元素CSS属性,达到一种动画的效果 1)动画不需要事件触发,过渡需要。2)过渡只有一组(两个:开始-结束) 关键帧,动画可以设置多个。...

2018-07-18 11:14:34 10608 1

原创 关于遍历空对象的问题,任何一个字符串都有空对象

2018-07-16 19:53:03 637

原创 简单说明 exports 与module.export的区别

exports只能使用.语法向外暴露内部变量  例   exports.xxx=xxxmodule.exports既可以通过点语法,也可以直接赋值一个对象    例  module.exports.xxx=xxx                                                                                              ...

2018-07-13 10:11:30 21540 2

原创 express 中操作 session的参数问题

express 中操作 session 要用到 express-session (https://github.com/expressjs/session ) 这个模块,主要的方法就是 session(options),其中 options 中包含可选参数,主要有:name: 设置 cookie 中,保存 session 的字段名称,默认为 connect.sid 。 store: session...

2018-07-08 16:46:16 1121

转载 socket.io 中文手册

socket.io 中文手册,socket.io 中文文档转载于:http://www.cnblogs.com/xiezhengcai/p/3956401.html服务端io.on(‘connection’,function(socket));//监听客户端连接,回调函数会传递本次连接的socketio.sockets.emit(‘String’,data);//给所有客户端广播消息io.sock...

2018-07-07 18:13:05 250

原创 req.on 和req.body的使用

router.get('/home', function(req, res) {console.log(req.body)}); express框架中用req.body接收post客户端的数据;req.query接收get请求"api/login":function(req,res){ req.on("data",function(data){ consol...

2018-07-07 10:35:33 17807 6

原创 js对象属性 通过点(.) 和 方括号([]) 的不同之处

区别: 1.中括号运算符总是能代替点运算符。但点运算符却不一定能全部代替中括号运算符。2.中括号运算符可以用字符串变量的内容作为属性名。点运算符不能。 (即:点号后加标识符(静态的); 中括号可放字符串,字符串可以是动态的,obj[‘string’+variable])3.中括号运算符可以用纯数字为属性名。点运算符不能。4.中括号运算符可以用js的关键字和保留字作为属性名。点运算符不能。...

2018-07-06 18:51:21 1072

原创 var a={}, b={key:'b'}, c={key:'c'}; a[b]=123; a[c]=456; console.log(a[b]);//为什么是456?

var a={},b={key:'b'},c={key:'c'};a[b]=123;a[c]=456;console.log(a[b]);//为什么是456?   因为键名称只能是字符串,b/c单做键会调用toString得到的都是[object Object],a[b],a[c]都等价于a["[object Object]"],那不就是更新[object Objec...

2018-07-06 18:48:11 11289 2

原创 mongodb数据库在nodejs的使用方法

var MongoClient=require("mongodb").MongoClient;var url="mongodb://localhost:27017/mydbs";MongoClient.connect(url,function(err,db){if(err) throw err;console.log("数据库已创建");//创建集合var dbase=db.db("...

2018-07-05 08:52:49 224

原创 全面分析网址模块

2018-07-02 18:00:40 133

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除