月迷津渡丶-CSDN博客

原创 Koa2-下载-文件流

const urllib = require('urllib')router.get('/file',async ctx=>{ let file = await urllib.request('http://XXX') ctx.set('Content-disposition','attachment;filename='+'name.jpg'); ctx.body=file

2017-08-31 00:27:17 6151

原创原生js实现类似jq的trigger

这里只是一个例子测试网页 https://login.m.taobao.com/msg_login.htm - 实现利用js触发点击[获取验证码]按钮 jq-$('#getCheckcode').trigger('touchend')原生模拟:var getCheckcode = document.getElementById('getCheckcode');get

2017-07-09 14:12:07 1226

原创 react-router4 实现按需加载并利用withRouter传递props

bundle.jsximport React, {Component} from 'react'export default class Bundle extends Component { componentWillMount() { this.load(this.props) } componentWillReceiveProps(nextProps) { if (nex

2017-05-01 19:55:27 11163

原创 setState(prevState)

常规方式连续执行2次setState,如下方式,往往只有一次效果,即后者的效果 this.setState({ time:this.state.time+1, }) this.setState({ time:this.state.time+2, }) 相当于this.setState(Object.assign({},{ time:this.sta

2017-04-22 23:11:35 1692

转载 es6-super关键字

> super 关键字用于访问父对象上的函数 super可以用在类的继承中，或者对象字面量中，super指代了整个prototype或者proto指向的对象prototype相关用在子类constructor函数中class Person { constructor (name) { this.name = name; }}class Student extends Per

2017-04-17 16:05:37 1003

转载 nginx负载均衡分发请求的几种方式

nginx可以根据客户端IP进行负载均衡，在upstream里设置ip_hash，就可以针对同一个C类地址段中的客户端选择同一个后端服务器，除非那个后端服务器宕了才会换一个。 nginx的upstream目前支持的5种方式的分配轮询（默认）每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 upstream backserver { s

2017-04-17 14:46:59 1830

原创 nginx 重启和配置include的位置

MAC重启nginx: [error] invalid PID number "" in "/usr/local/var/run/nginx.pid"sudo nginx -c /usr/local/etc/nginx/nginx.confsudo nginx -s reloadincludeinclude /usr/local/etc/nginx/path/*;Linux# nginx -t

2017-04-11 00:18:41 5548

原创一道题:给定一整数序列A1，A2，...，An(可能有负数)，求A1到An的一个自序列，使得Ai到Aj的和最大。例如：整数序列-2，11，-4,13，-5,2，-5，-3,12，-9的最大子序列为21

给定一整数序列A1，A2，…，An(可能有负数)，求A1到An的一个自序列，使得Ai到Aj的和最大。例如：整数序列-2，11，-4,13，-5,2，-5，-3,12，-9的最大子序列为21（从A2到A9）最差的方法```var a = [-2,11,-4,13,-5,2,-5,-3,12,-9]var b = new Set()for(let n in a){ let nm = [];

2017-03-24 20:32:07 4857

原创利用正则获取url传递的数据

function getKey(key){ const re = eval("/" + key + "\=([^&]*)/;"); return re.exec(location.href)?re.exec(location.href)[1]:''} getKey('XXX')

2017-03-24 20:29:56 388

安装epel# yum install epel-release清除缓存目录下的软件包及旧的headers# yum clean all安装基本组件（Apache、MariaDB、PHP）# yum install wget unzip httpd mariadb-server mariadb php php-mbstring php-mysql php-gd phpmyadmin配置MariaDB

2017-02-22 16:52:44 1039

原创 centos7安装mysql

查看版本# cat /etc/redhat-release CentOS Linux release 7.2.1511 (Core)安装mysql# yum install mysql# yum install mysql-devel安装mariadb# yum install mariadb-server mariadb启动数据库# systemctl start mariadb使用mysql

2017-02-22 16:49:51 589

原创 jquery-数字渐变

基于jquery的animate$(this).attr('nums', 10).animate({ nums: 100}, { duration: 1000, easing: 'swing', step: re => console.log(Math.ceil(re).toLocaleString())}); 效果为数字从10渐变到100,用时1秒,在st

2017-02-22 16:48:47 709

原创 yarn 使用简介

yarn 替换 npmyarn 安装mac:brew install yarnwin:https://yarnpkg.com/latest.msilinux(Ubuntu):echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.listsudo apt-ge

2017-02-16 15:59:09 2232

转载 tsc - error TS2304 Cannot find name 'Set'/'Promise'

编译typescript，遇到：tsc:node_modules/@angular/platform-browser/src/facade/collection.d.ts(10,23): error TS2304: Cannot find name 'Map'.node_modules/@angular/platform-browser/src/facade/collection.d.ts(11

2016-12-19 21:27:41 4641

原创 Vue2+WebPack2使用css/sass+postcss的autoprefixer

js引入css和sass:require('../node_modules/*/*.css');require("./style/style.scss") webpack.config.js加入module: { rules: [{ test: /\.(css|scss)$/, loader:"style-loader!css-

2016-12-08 21:03:35 10591 1

原创 CSS自定义属性（CSS变量）

除了sass,less等预编译器外，css自身也支持定义变量html<section> <i></i> <div> test test test test test test test test test test test test test test test test test test test test test </div><

2016-12-01 20:12:46 1515

原创 express 创建ejs项目，使用html

网上常见是以下写法app.set( 'view engine', 'html' );app.engine( '.html', require( 'ejs' ).__express ); 但实践中，代码会弹出错误信息，虽没影响运行Error: Failed to lookup view "error" in views directory其中一个解决方法：在app.js中使用这2行代码a

2016-11-22 20:09:18 1179

原创【mongodb】couldn't connect to server 127.0.0.1:27017 (127.0.0.1)

couldn't connect to server 127.0.0.1:27017 (127.0.0.1), connection attempt failed at src/mongo/shell/mongo.js:146exception: connect failed解决：mongod --dbpath=/data/db --port=27017 --fork --syslogdbpath自

2016-11-16 20:11:51 1238

原创 js识别手机或PC

识别方法不少，推荐的是：navigator.platform 该属性没有标准的值集合，但它有些常用值，比如 “Win32”、”MacPPC” 以及 “Linuxi586”，等等if(navigator.platform.includes('Win32')){ //WinPC}else{ //手机}修改属性：Object.defineProperty(navigator

2016-11-06 16:26:11 633

原创 ES6+REACT+MIXIN

ES6+REACT+MIXIN 文件结构Action.jsHome.jsxindex.jsstore.jsHome.jsximport React from 'react'import Reflux from 'reflux'import ReactMixin from 'react-mixin'import store from './store'import Actions

2016-08-14 23:23:03 949

原创几种常见的长度单位整理

几种常见的长度单位整理VW 相对于视口的宽度。视口被均分为100单位的vw 屏幕宽375px,1vw=3.75px;VH 相对于视口的高度。视口被均分为100单位的vh 屏高1200px,1vh=12px;VMAX/VMIN 相对于视口的宽度或高度中较大/小的那个。其中最大/小的那个被均分为100单位的vmax/vmin 唯一需要注意的是不支持Android 4

2016-08-08 16:10:50 3003

原创 Android+微信弹出层无法滚动?

一般来说，如下结构，ul高度写死，overflow:scroll，内容高度过高用过出现滚动条，在大部分设备也确实没问题，直到android+微信原因还不太清楚，解决方式是使用js控制： var t1, t2, tch; var dom = document.querySelec

2016-07-26 22:33:39 1050

原创 Warning: bind(): React component methods may only be bound to the component instance. See ...

出现这种错误一般是在react使用.bind(this,XX),如：解决：将this用null替换：

2016-07-22 09:55:27 2382 1

原创基于canvas的图片轮播（h5）

js:var c = document.getElementById("topimage"), ctx = c.getContext("2d"), topIndex = 0, si, max = 3;var data = ['http://img4.imgtn.bdimg.com/it/u=2578790144,613359404&fm=21&gp=0.jpg',

2016-06-12 14:52:09 2037

原创 0.5px边框，css及sass

手机上的边框，1px的宽度已经无法满足需求了，0.5px的需求应用而生。做法：利用伪类，做一个长宽200%，1px宽度的边框，再缩小至0.5倍。

2016-05-28 10:41:58 1736

原创 Canvas-drawImage 绘制图片模糊问题

最近遇到这样的问题，使用canvas输出图片，图片比canvas区域大，尺寸限制之后反而变得特别模糊：代码： var c = document.getElementById("myimage");//canvas的id var ctx=c.getContext("2d"); var img=new Image(); im

2016-05-12 17:50:06 13176

转载 React的优缺点

优点：React速度很快与其它框架相比，React采取了一种特立独行的操作DOM的方式。它并不直接对DOM进行操作。它引入了一个叫做虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中，React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。跨浏览器兼容虚拟DOM帮助我们解决了跨浏览器问

2016-04-22 20:38:22 12376

原创 gem install sass 本地配置和淘宝源无效的解决办法

按官方教程，这样就行了：$ gem sources --remove https://rubygems.org/$ gem sources -a https://ruby.taobao.org/之后执行：gem install sass但有时会报错：Error fetching https://ruby.taobao.org/: SSL_connect retu

2016-04-01 13:31:23 10224 1

原创 Angular Light 指令用法

Angular Light is a library for building interactive MVVM web interfaces/applications. Angular.js + Knockout.js way.Angularjs:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入Knockout是一个轻量级的UI类库，通过应用MVVM模式使JavaScr

2016-03-21 19:47:27 675

原创 JS冒泡与阻止

什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如： li

2016-03-07 00:10:00 329

原创 rem，em,px的区别

pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。IE无法调整那些使用px作为单位的字体大小em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.62

2016-02-28 21:10:29 601

原创 npm 淘宝镜像配置一直无效的可能原因

网上搜罗npm的淘宝镜像，找到很多配置方法，结果由于混合使用导致全部不生效！现在写一个方法：.npmrc 文件，注意开头有点，npmrc是后缀，一般在C盘proxy=http://server/https-proxy=http://server/:portstrict-ssl=trueregistry=https://registry.npm.taobao.org/

2016-02-27 17:08:57 7140

原创部分IE8使用的兼容CSS3属性的方法

IE6-8支持html5语义化标签如引入html5.js，如CDN方式cdn.bootcss.com/html5shiv/r29/html5.min.js"> 属性chromeIE6-8border-radiusborder-radius: 50%;bor

2016-02-27 14:29:07 1945

转载 Less函数说明

索引escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mime

2016-02-25 22:34:00 454

原创 sicknss剖解整理

如果项目里用到很多，建议使用官方文档纯CSS实现的响应式Icon - 兼容IE8+43个纯CSS图标如home:html:css:span{position: absolute;top: 0;left: .125em;width: .25em;height: .5em;background-co

2016-02-24 11:06:29 371

原创 jquery on()方法和bind()方法的区别

bind是直接绑定在一个对象上。$('.btn').bind('click', function() { alert('User clicked');});参数描述event必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。data可选。规定传递到函数的额外数据。

2016-02-16 23:37:07 3190

转载 Js作用域与作用域链

var scope="global";function t(){ console.log(scope); var scope="local" console.log(scope);}t();第一句输出的是： "undefined"，而不是 "global"第二讲输出的是："local" 你可能会认为第一句会输出："global",因为代码还没

2016-02-16 14:19:15 364

原创如何在JS判断是否为IE浏览器

可以用jquery：$.browser.msie，但IE11不行，IE11："Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko"没有msi

2016-02-03 16:45:05 299

转载 ie7中overflow:hidden无效解决办法

Q：ie7中，设置了height,overflow:hidden 还是无效，样式还乱了A：当父元素的直接子元素或者下级子元素的样式拥有position:relative 属性时，父元素的overflow:hidden 属性就会失效。解决办法：我们在IE 6、7 内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。解决这个bug很简单，在父元素中使用 *p

2016-01-11 23:09:11 546

原创 IE6的重定向页面无法跳转解决

虽然IE6早就淘汰了,可中国就是有那么些死板的人,守着XP不动.这里说的问题是:IE6下,window.location.href="XXX";或是在js中提交表单,返回页面的情况,都是没反应的(使用input tyoe=submit有效)解决:window.location.href="XXX";return false;添加return fals

2015-11-28 20:50:28 736