- 博客(21)
- 收藏
- 关注
转载 webpack4.x入门配置
转自 https://www.jianshu.com/p/6712e4e4b8fe1、首先npm install webpack webpack-cli webpack-dev-server -g (mac电脑用超级管理员的形式进行安装需要前面加上sudo,Windows 电脑不用加sudo)image.png1.1输密文的密码(也就是电脑登陆的密码)安装开始…………image.png1.2安装成...
2018-06-29 16:07:26 723
转载 webpack devserver配置
转自:https://www.cnblogs.com/penghuwan/p/6941616.html正文 [前言]:因为最近在搞百度地图API的时候用到了webpack的externals,才发现我之前都只是用webpack做一些搭建完项目后的“收尾工作”——即打包,而没有把它纳入到项目开发的“主体过程”中来,真是“物不尽其用”。于是就有了我今天的这篇学习文章:利用webpack-dev-ser...
2018-06-29 15:09:38 1695 1
转载 module.exports用法
//写的很不错,转自https://blog.csdn.net/xqnode/article/details/60610885module.exports 对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。1、返回一个JSON Objectvar app = { name: 'app...
2018-06-29 14:41:26 4011
转载 Nodejs基础:路径处理模块path总结
本文摘录自《Nodejs学习笔记》,更多章节及更新,请访问 github主页地址。欢迎加群交流,群号 197339705。模块概览在nodejs中,path是个使用频率很高,但却让人又爱又恨的模块。部分因为文档说的不够清晰,部分因为接口的平台差异性。将path的接口按照用途归类,仔细琢磨琢磨,也就没那么费解了。获取路径/文件名/扩展名获取路径:path.dirname(filepath)获取文件名...
2018-06-29 13:38:49 1010
转载 transform对定位元素的影响
1温故知新.absolute:生成绝对定位的元素,相对于除position:static 定位以外的第一个有定位属性的父元素进行定位,若父元素没有定位属性则相对于浏览器窗口的左上角定位,定位的元素不再占据文档的空间。 relative:生成相对定位的元素,相对于其正常位置进行定位,定位的元素仍然占据文档的空间。2.发现问题 首先看一个代码:a为父元素,b为子元素; <div ...
2018-06-27 15:45:47 3627
转载 PM2来部署nodejs服务器永久开启
1. pm2 是什么?日常开发中需要启动一个node项目,需要用npm run …,,如果终端被关掉,程序也就自动停止,有时候几个项目一起跑起来,好几个终端开着,个人不太喜欢,有一神器可以解决:pm2。pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的。它非常适合IaaS结构,但不要把它用...
2018-06-22 16:21:27 2781
转载 Nginx安装与配置
一、Nginx简介Nginx是一个web服务器也可以用来做负载均衡及反向代理使用,目前使用最多的就是负载均衡,具体简介我就不介绍了百度一下有很多,下面直接进入安装步骤二、Nginx安装1、下载Nginx及相关组件Linux系统是Centos 6.5 64位,我直接切换到root用户下安装进入用户目录下载程序下载相关组件[root@localhost src]# wget http://nginx....
2018-06-22 01:36:18 163
原创 vue的transition demo(配合create-keyframe-animation使用)
<template><div> <div class="click" @click="onClick">click</div> <transition @enter="onEnter" @after-enter="onAfter" @leave="onLeave" @after-l
2018-06-20 15:30:00 751
转载 vuex学习---Actions
Action 类似于 mutation,不同在于: Action 提交的是 mutation,而不是直接变更状态. Action 是异步的,mutation是同步的。沿用vuex学习---简介的案例:这里是加10 减11.在store.js 中 代码为: import Vue from 'vue'import Vuex from 'vuex'//使用vuex模块Vue.use...
2018-06-19 22:57:44 171
原创 绝对定位后元素的宽高如果用百分比表示的计算方法
.big{ padding-right: 100px; padding-bottom: 100px; width: 0; height: 0; background: yellow; margin-top: 100px; margin-left: 100px;}.inner { width: 50%; height: 50%; background: black; ...
2018-06-19 16:06:50 3060
原创 JS自动添加适配浏览器样式前缀的方法
const styleTest = document.createElement('div').styleconst render = { webkit: 'webkitTransform', ms: 'msTransform', Moz: 'MozTransform', O: 'OTransform', standard: 'transform'}const getPrefix = (...
2018-06-19 15:20:56 1773
原创 Express路由获取get/post参数的方法
post方法通过body获取。req.body即可获取参数。app.use(bodyParser.urlencoded({extended: true})) *必须添加注意要使用bodyParser,否则req.body为空。get方法通过params获取。请求时需将参数写在params对象中。req.query即可获取参数。...
2018-06-13 18:45:38 13409
转载 es6学习笔记--箭头函数
基本用法ES6允许使用“箭头”(=>)定义函数。var f = v => v;上面的箭头函数等同于:var f = function(v) { return v;};如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (n...
2018-06-12 17:10:08 632
转载 vuex状态管理模式之Getters属性
Getters 我们可以理解为store仓库的一个计算属性,它的作用主要是用来派生出一些新的状态。比如我们要把state状态的数据进行一次映射或者筛选,再把这个结果重新计算并提供给组件使用。举个例子:store.js 此时,getters 会暴露出一个store.getters对象,我们就可以在任何组件中使用this.$store.getters.xxx来绑定数据。header.vue 但是上面写...
2018-06-12 16:58:18 1723
原创 vue中的transition生命周期钩子
默认class名字为 v-leave, v-enter ...改名需在transition标签上添加name属性
2018-06-12 12:23:47 1554
转载 js中的事件委托或是事件代理详解
js中的事件委托或是事件代理详解起因:1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们...
2018-06-04 23:28:44 165
转载 数组sort()方法中回调函数实现排序的原理
var arr = [2,34,242,12,3,2,23,3];// 定义一个数组 arr.sort(function (a,b) { // a -->代表每一次执行匿名函时候,找到的数组中的当前项; // b -->代表当前项的后一项; return a - b; // 升序时: 如果a>b,那么返回的值>0,a和b交换位置; ...
2018-06-04 17:19:47 1872 2
转载 迭代器和for-of循环(转自wujunchuan 的github)
先说结论:推荐在循环对象属性的时候,使用for...in,在遍历数组的时候的时候使用for...of。for...in循环出的是key,for...of循环出的是value注意,for...of是ES6新引入的特性。修复了ES5引入的for...in的不足for...of不能循环普通的对象,需要通过和Object.keys()搭配使用假设我们要遍历一个数组的valuelet aArray = ['...
2018-06-04 16:32:30 149
转载 ES6 类(Class)基本用法和静态属性+方法详解
转载请注明预见才能遇见的博客:http://my.csdn.net/原文地址:http://blog.csdn.net/pcaxb/article/details/53759637ES6 类(Class)基本用法和静态属性+方法详解JavaScript语言的传统方法是通过构造函数,定义并生成新对象,prototype 属性使您有能力向对象添加属性和方法。下面是通过传统的方式创建和使用对象的案例:[...
2018-06-04 14:25:12 229
原创 js中实例对象的__proto__与构造器函数的prototype
有一个构造函数,名字叫做Personfunction Person(name, age) { name = this.name, age = this.age}实例对象Mike由构造函数Person生成const Mike = new Person('Mike', 18)作为一个构造函数,他拥有prototype这一其他对象所没有的属性。“方法这个特殊的对象,除了和其他对象一样有__p...
2018-06-03 20:06:18 1176
转载 ES6:模板字符串
本博客版权归本人和饥人谷所有,转载需说明来源内容转载自阮一峰老师的ES6入门1.基本用法传统的JavaScript语言,输出模板通常是这样写的。$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + bask...
2018-06-01 17:56:34 474
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人