自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

向上爬的蜗牛

前端工程师的博客

  • 博客(45)
  • 资源 (1)
  • 收藏
  • 关注

原创 收藏夹

插件网页特效 Swiper-移动端网站的内容触摸滑动插件 字体图标选择网站安装Linux(CentOS)下,下载安装Nginx并配置 在CentOS下搭建自己的Git服务器 Centos 安装 NodeJS手册CSS3参考手册 Mozilla 开发者网络 CSS 选择器参考手册 jQuery.ajax() 函数详解 SeaJS API快速参考 jQuery ajax-w3cscho

2016-10-24 14:54:18 396

原创 Java整数分割算法

需求背景项目需要实现一个任务灰度的功能,让用户指定每次灰度的百分比。这其实就是一个整数根据比例分割的问题。代码 // 整数分割算法 private static List<Integer> integerAllocationAlgorithm (Integer sum, List<Integer> percent) { int rest = sum; List<Integer> stepValue = new ArrayList<>

2020-06-18 11:10:18 1176

原创 React生命周期函数

《React与Redux开发实例精解》 componentWillMount:在渲染前调用 componentDidMount:在第一次渲染后调用 componentWillReceiveProps:在组件接收到一个新的prop时被调用。这个方法在第一次渲染时不会被调用。 shouldComponentUpdate:返回一个布尔值。在组件接收到新的props或者state时被调

2017-07-03 11:26:20 1426

原创 git-flow

git-flowgit-flow工作流master分支存储了正式发布的历史,不能直接工作在这个 master 分支上。develop分支作为功能的集成分支;你进行任何新的开发的基础分支。这两个分支被称作为 长期分支。它们会存活在项目的整个生命周期中。而其他的分支,例如针对功能的分支,针对发行的分支,仅仅只是临时存在的。它们是根据需要来创建的,当它们完成了自己的任务之后就会被删除掉。功能分支【feat

2017-06-30 18:34:00 1003

原创 https配置与部署

Question1.HTTPS证书支持覆盖二级域名吗?2.如何选择证书提供商(CA)?3.如何申请免费的证书?4.使用https后对原来的应用有哪些影响?5.使用https后怎么通过charles抓包分析?概念https证书的类型: DV SSL证书:域名型 OV SSL证书:企业型 EV SSL证书:增强型DV SSL证书:指只验证网站域名所有权的简易型SSL证书,此类证书仅能

2017-06-30 18:32:30 19395 1

原创 Charles配置获取https数据

本配置说明分为PC端和移动端。 移动端的调试变化相对较大PC端安装配置 Charles 根证书保存Charles的Root Certificate,一个xxx.pem文件。调出mac下的钥匙串访问点击左侧的登录,然后把第一步中保存的xxx.pem文件拖到右侧中,此时的情况是:系统默认是不信任 Charles 的证书的,此时对证书右键,在弹出的下拉菜单中选择『显示简介』,点击使用此证书时,把使用系统

2017-06-30 18:31:28 8953

原创 安装qrcode或canvas的坑

qrcode是使用node.js生成二维码的比较常见的库,它的安装过程也存在着不少的坑。如果你是第一次安装qrcode,一条命令显然是安装不了它的。npm install --save qrcodeqrcode依赖于canvas,所以很多的坑其实是安装canvas的坑,要说是坑也谈不上,因为node-canvas的作者们在README里面已经说明了依赖关系,只是平时大多习惯了npm install解

2017-06-30 18:29:33 6082

原创 React之使用context传递数据

与props只能逐级传递数据相比,使用context可以实现跨级传递数据。 下面通过一个demo来展示context传递数据的实现://父组件,最上层的组件import React, { Component,PropTypes } from 'react';import Son from './Son';class App extends Component { getChildContex

2017-06-30 18:26:49 4797 1

转载 解决ssh登录后闲置时间过长而断开连接

转载自博客园wanghetao的博客我们通过终端连接服务器时,当鼠标和键盘长时间不操作,服务器就会自动断开连接,我们还的需要重新连接,感觉很麻烦,总结一下解决此问题的方法方法一修改/etc/ssh/sshd_config配置文件,找到ClientAliveCountMax(单位为分钟)修改你想要的值。 执行:service sshd reload 方法二【推荐】找到所在用户的.ssh目录,如roo

2017-04-06 13:50:58 27920

原创 docker实践之搭建php运行环境

docker实践之搭建php环境下载centos镜像docker pull centos:latest下载的centos版本为7.3由centos镜像启动一个容器docker run -i -t centos /bin/bash在容器中安装所需环境参考:centos 7.x 下安装php环境# 更新源rpm -Uvh https://dl.fedoraproject.org/pub/epel

2017-03-30 14:23:18 6231

原创 walle部署系统部署

Walle部署系统部署1.执行LAMP环境搭建命令yum -y install httpd mysql mysql-libs mysql-server php php-cli php-common php-fpm php-gd php-imap php-ldap php-mbstring php-snmp php-xml php-mysql 2.查看以上命令安装的php版本[root@iZ941fx

2017-02-15 15:38:25 4354

原创 JS数据结构案例

var IndustryData = [ {'c':111,'n':'个体工商户-时尚-服饰类商城/服饰配件/箱包'}, {'c':112,'n':'个体工商户-时尚-礼品/鲜花/纪念品'}, {'c':113,'n':'个体工商户-时尚-户外/运动/健身器材/安防'}, {'c':114,'n':'个体工商户-时尚-乐器'}, {'c':115,'n':'个体工商户-时尚-手表

2017-01-10 17:19:06 777

原创 web服务器从零开始部署

安装JDK1.使用yum命令安装jdk$ yum search java|grep jdk2.选择版本进行安装$ yum install java-1.7.0-openjdk安装完之后,默认的安装目录是在: /usr/lib/jvm/java-1.7.0-openjdk-1.7.0.121 3.设置环境变量$ vi /etc/profile添加如下内容:#set java environment

2016-12-15 11:27:51 543

原创 Nginx设置防止IP及非配置域名访问

早上来到公司,发现前端错误上报页面有一个非公司域名上报的错误,于是很纳闷为什么别人的网站会向我们的错误监控接口报错呢?然后访问了一下这个域名,发现打开的内容居然是公司站点。网上查找了一下‘’为什么别人的域名会指向自己的服务器‘’,得到的反馈大多是别人把 未备案的域名 解析到自己的服务器IP而导致服务器IP被封,也有一些是为了骗收录和钓鱼网站。 该怎么防止别人的域名能访问我们的网站呢,Nginx下配

2016-12-14 10:23:17 8684

原创 mobiscroll实践:移动端仿苹果select效果的实现

最近在做一个微信服务号的开发,设计中日期选择和周期选择的输入框需要使用苹果的select下拉效果,在网上折腾了好久,最终的感慨就是这事基本上只有mobiscroll能搞定,然后专心死磕mobiscroll咯。 首先这个插件是需要收费的,官网提供15天的试用期,但是需要填写信用卡,随便编了几下结果没通过审核,只得作罢,在网上搜mobiscroll实践的博客,也是各种折腾各种坑。首先是大家用m

2016-12-09 17:18:41 14229 1

转载 Node应用进程管理器pm2的使用

本文转载自:豆瓣-PM2介绍 更多内容见github上的pm2说明文档pm2pm2 是一个带有负载均衡功能的Node应用的进程管理器. 当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的。它非常适合IaaS结构,但不要把它用于PaaS方案(随后将开发Paas的解决方案).备注: SaaS、PaaS和IaaS是云服务模式。

2016-12-09 16:31:23 1198

原创 Webpack入门实践

一些基本的概念* Webpack是一种模块化的解决方案 * webpack是以CommonJS的形式来书写脚本的。 能被Webpack模块化的不仅仅是JS,还有css以及图片等。 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。

2016-11-28 14:43:23 675

转载 JS校验银行卡号

转载自cnblogs//银行卡号码检测function luhnCheck(bankno) { var lastNum = bankno.substr(bankno.length - 1, 1); //取出最后一位(与luhn进行比较) var first15Num = bankno.substr(0, bankno.length - 1); //前15或18位 var n

2016-11-08 17:55:59 11245 1

转载 单页面应用

可能自己写过不少的页面都属于单页面应用,但是没搞清单页面应用的概念之前也不会这么去定义或区分。在网上找了点单页面应用相关的概念算是对理论的一个补充。单页web应用是什么?它又会给传统网站带来哪些好处?单页应用有那些优缺点?

2016-10-31 17:40:24 478

原创 虚拟DOM

学习React或Vue以及其它前端的框架时,“Virtual DOM”这个词汇就会很常见,总是听说虚拟DOM对性能的提升很有帮助,可是一直都不清楚虚拟DOM是个啥玩意,它的原理是什么。 在参考了以下链接中的博文后对虚拟DOM有个大概的印象:全面理解虚拟DOM,实现虚拟DOM 如何实现 Virtual DOM 怎么更好的理解虚拟DOM?- 知乎 网上都说操作真实 DOM 慢,但测试结果却比 R

2016-10-28 11:27:34 420

原创 Centos下安装JDK和Mysql

安装JDK参考自Centos中文站安装Mysql使用yum安装mysql的过程中,系统总是报错: You could try using –skip-broken to work around the problem You could try running: rpm -Va –nofiles –nodigest百度了一下这个问题,解决链接通过yum来进行mysql的安装: 输入

2016-10-18 14:42:06 466

原创 Nginx 配置相关总结

1. Nginx基本命令start nginx //启动nginx -s quit //停止nginx -s reload //重新载入2.Nginx基本配置说明#运行用户user www-data; #启动进程,通常设置成和cpu的数量相等worker_processes 1;#全局错误日志及PID文件error_lo

2016-09-23 16:00:38 318

原创 使用Git来部署线上代码

在服务器端的项目目录下执行:git init使项目目录成为一个git目录使服务器端的该Git目录接受push(关键)git config receive.denyCurrentBranch ignore使服务器端每次被push时执行版本设置# cd .git/hooks //进入.git目录中的钩子目录# ls //查看钩子目录下文件,这些都是各个钩子对应的文件示例 ( 注意,只是

2016-09-21 18:19:30 2735

原创 node生成图形验证码

感谢知乎又救我一命知乎如何用 Node.js 制作验证码?node开发者在遇到图形验证码时的各种遭遇这个答案都有吧,可是一开始我就是去折腾ccap和node-canvas去了,windows下的安装过程各种生无可恋还不成功!!!最后已经绝望到挨个答案去试试的地步,然后试到DreamPiggy 的答案,也就是npm install captchapng只能说跟ccap与canvas相比简直好用到没有朋

2016-09-13 19:54:55 824

原创 Git学习笔记

Git的使用廖雪峰的Git教程 学习笔记Git简介Git是分布式版本控制系统。 SVN是集中式版本控制系统,而Git则是分布式版本控制系统。 集中式版本控制系统,版本库是集中存放在中央服务器的,而干活的时候,用的都是自己的电脑,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器。中央服务器就好比是一个图书馆,你要改一本书,必须先从图书馆借出来,然后回到家自

2016-09-06 16:00:37 586

转载 Git服务器的搭建

以centos为例.参考自csdn1.首先安装Git(阿里云的centos系统可能已经自动安装好了Git),可以使用yum在线安装:yum install -y git2.创建一个git用户,专门用来运行git服务adduser git3.初始化git仓库:比如我们选择/home/git/learngit.git来作为我们的git仓库。git init --bare learngit.git这条命令

2016-09-06 15:54:04 1527

原创 解决windows下目录递归太深无法删除的问题

用yeoman的generator创建项目目录,后面想删除该目录时windows提示路径太长无法删除,后面在知乎上发现有人回答同样的问题,zhihu说的是用npm找可以删除这种目录的包,并给出了链接npm包两条命令解决这个问题:npm install -g windows-node-deps-deleter   wnddel 目标目录

2016-08-13 15:01:07 2324

原创 使用node编译打包zepto.js自定义模块

一开始将原来移动端使用的jQuery换成zepto时会发现很多方法都是undefined,查看zepto的文档可知我们直接下载的zepto只包含几个核心模块,下图说明了zepto总共有哪些模块以及哪些模块是默认就有的:由上图可知,默认模块分别是zepto、event、ajax、form、ie,但是根据模块说明发现其实很多模块在平常的开发中也是必备的,比如使用animate动画就得包含fx模

2016-08-02 13:07:22 1666

原创 设置ngnix下的文件在浏览器端直接下载而不是被浏览器默认打开

server {        listen       443 ssl;        server_name  localhost;        ssl_certificate      key/1__.hexunzc.com_bundle.crt;        ssl_certificate_key  key/2__.hexunzc.com.key; 

2016-07-07 13:38:12 6264 1

转载 CentOS下安装mongodb

CentOS下安装mongodb,本文转载自:http://jingyan.baidu.com/article/0a52e3f4217e65bf62ed729a.html下载压缩包wget https://fastdl.mongodb.org/linux/mongodb-linux-i686-2.6.7.tgz?_ga=1.68265944.858401362.1421216907

2016-06-15 16:09:40 533

转载 CentOS下安装Node.js

本文转载自:http://www.cnblogs.com/hamy/p/3632574.html准备命令:yum -y install gcc make gcc-c++ openssl-devel wget下载源码及解压:wget http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gztar -zvxf node-v0.10.26.

2016-06-15 15:25:40 345

原创 登录成功后跳回到原来页面

应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢?写这篇博客是因为我自己把解决问题的方向想偏了,本来实现是很简单的....为了避免再走弯路吧假设用户在 www.example.com/a.html 看到登录提示,然后点击登录跳转到 www.example.com/login.html,登录界面

2016-04-14 15:24:26 36222 6

原创 省市区三级下拉选择器

省市区的选择插件非常常见,网上的相关内容也特别的多,网上的东西常常会因为多而乱,找到一款适合的省市区插件总是免不了要费一番功夫。省市区插件的关键在于数据的准确性和精炼程度,当我从网上down了一个省市区的json文件后,发现里面有几个冗余的字段和很多空白,在网页上利用正则将很多不必要的数据给清除掉了,json数据由原来的200多KB缩小至100KB左右,在使用的过程中我发现有些地方只有省市二级

2016-04-08 11:14:34 3006 1

原创 百度地图API

使用场景:网页中的活动经常需要在页面中导入地图定位,方便用户查询位置。百度地图提供了成套的API,非常的方便,初次使用地图的时候阅读一遍百度地图的相关说明是必不可少的!另外使用百度地图的API要申请密钥(AK)。写此文是为了贴几行调用代码,以便后续能够直接copy使用: Hello, World html{height:100%}

2016-04-05 15:37:29 720

原创 解决URL中包含以及不包含https、www时引起的JS跨域问题

场景:站点的全域名是:https://www.example.com,用户使用此链接访问站点时完全正常,但是有时候用户手动输入网址时并不会输入全域名,可能是:www.example.com,也可能是:example.com以及http://www.example.com这种情况下页面中若有ajax访问服务器便会出现跨域的错误,常见的输入域名引起跨域的情况有以下几种:http://w

2016-03-25 10:13:42 2645

原创 JS省份和城市选择控件

city.jsvar pc = new Object();pc['北京市'] = new Array('朝阳区', '海淀区', '通州区', '房山区', '丰台区', '昌平区', '大兴区', '顺义区', '西城区', '延庆县', '石景山区', '宣武区', '怀柔区', '崇文区', '密云县', '东城区', '平谷区', '门头沟区');pc['广东省'] = new

2016-03-17 11:00:20 25237 3

原创 使用canvas实现带圆点的进度条

使用canvas实现如上图所示的进度条 Canvas实现圆点进度条 .canvasArea{ margin:200px auto; height:400px; width:400px; position: relative; padding:10px; } .canvasArea p{ position:absolute;

2016-03-14 15:41:21 2106

原创 《精通正则表达式》学习笔记

1.正则表达式是强大、高效、便捷的文本处理工具;2.正则表达式由两种字符构成:元字符和文字;3.  ^ 脱字符,代表一行的开始;     $ 美元符号,代表一行的结束;4.普通字符都有“接下来是”的意思,如abc,相当于: aand then b and then c;(前提是在字符组以外)5. [ ] 字符组5.1 匹配若干字符之一        [....] 内部表

2016-03-08 10:05:42 422

原创 WEB前端面试重点

1.HTML5与CSS3新特性(H5有哪些新标签,CSS3有哪些新属性);对H5和CSS3有哪些应用;2.浏览器兼容(兼容到IE几,IE有哪些BUG);3.正则表达式;4.call和apply函数的区别;5.JS数组的方法;数组的遍历;6.JS数据类型;7.媒体查询,如何判断设备类型(判断PC与移动端);8.如何判断IE版本(如何判断浏览器是否是Edge);9.如何

2016-03-04 22:22:03 621

转载 @Font-face的基本用法及让全部浏览器都兼容的方法

@Font-face基本介绍: @font-face 是一个css2的一个语法,它允许你在网页上显示一个自定义的字体。即使客户机器上可以没有安装这种字体,网页也可以显示。 本文将介绍@font-face的基本用法,以及在所有浏览器都能使用的方法。 @Font-face基本语法: @font-face { font-family: ; src: [,]*; [fon

2016-03-04 15:34:05 2413

省市区选择下拉实现

省市区选择插件

2016-04-08

空空如也

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

TA关注的人

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