
web
Hanson,
我曾七次鄙视自己的灵魂:
第一次,当它本可进取时,却故作谦卑;
第二次,当它空虚时,用爱欲来填充;
第三次,在困难和容易之间,它选择了容易;
第四次,它犯了错,却借由别人也会犯错来宽慰自己;
第五次,它自由软弱,却把它认为是生命的坚韧;
第六次,当它鄙夷一张丑恶的嘴脸时,却不知那正是自己面具中的一副;
第七次,它侧身于生活的污泥中虽不甘心,却又畏首畏尾。
展开
-
利用nginx做反向代理解决前端跨域问题
想简单做个应用,但是访问一直被跨域阻挡至于跨域是什么原因造成的,什么是跨域百度很多自己看现在就说说怎么解决,用nginx反向代理前端请求的地址就可以解决跨域问题1.在安装了nginx的服务器中找到nginx.conf文件里的server{},如果没有找到的话就到该文件同级的conf.d文件夹里面的default.conf文件.2.在里面添加如下代码server{...原创 2020-03-17 17:03:17 · 312 阅读 · 0 评论 -
软件版本命名规范 (GNU 风格)
例如 1.1.0 第一位是主版本号,第二位数是子版本号,第三为数是修正号初始化项目时,版本号可以为 0.1 或 0.1.0,如果你比较高调的话,可以使用 1.0 或 1.0.0当项目进行了局部修改或 bug 修复时,主版本号 和 子版本号 不变,修正版本号 加 1当项目在原有的基础上增加了部分功能时,主版本号 不变,子版本号 加 1,修正版本号复位为 0当项目原创 2017-09-26 15:25:10 · 2111 阅读 · 0 评论 -
CSS 变量教程
一、变量的声明声明变量的时候,变量名前面要加两根连词线(--)。body { --foo: #7F583F; --bar: #F7EFD2;}上面代码中,body选择器里面声明了两个变量:--foo和--bar。它们与color、font-size等正式属性没有什么不同,只是没有默认含义。所以 CSS 变量(CSS variable)又叫做"C转载 2017-08-30 18:07:47 · 336 阅读 · 0 评论 -
Eclipse导入git上的maven web项目
1 Eclipse中导入Git的maven项目 方法1:(1)首先当然是拉代码。在Eclipse里面有个Git Repositories Exploring。就是Git仓库,clone a git repository。复制一个git仓库,输入地址,然后按next,按照说明一直next下去。拉代码过程时选择preproduction分支把转载 2017-08-08 17:08:34 · 343 阅读 · 0 评论 -
Node.js 创建函数 exports和module.exports之间的不同
你肯定对Node.js模块中用来创建函数的exports对象很熟悉(假设一个名为rocker.js的文件):exports.name = function() { console.log('My name is Lemmy Kilmister');};然后你在另一个文件中调用:var rocker = require('./rocker.js');rock转载 2017-08-22 09:14:41 · 365 阅读 · 0 评论 -
函数防抖与节流
一、概念解释 函数节流和函数防抖,两者都是优化高频率执行js代码的一种手段。 大家大概都知道旧款电视机的工作原理,就是一行行得扫描出色彩到屏幕上,然后组成一张张图片。由于肉眼只能分辨出一定频率的变化,当高频率的扫描,人类是感觉不出来的。反而形成一种视觉效果,就是一张图。就像高速旋转的风扇,你看不到扇叶,只看到了一个圆一样。 同理,可以类推到js代码。在一定时间内,代码执行的次数不一定要非常多转载 2017-07-28 14:49:47 · 1024 阅读 · 1 评论 -
RabbitMQ与KafKa区别
在应用场景方面,RabbitMQ,遵循AMQP协议,由内在高并发的erlanng语言开发,用在实时的对可靠性要求比较高的消息传递上。kafka是Linkedin于2010年12月份开源的消息发布订阅系统,它主要用于处理活跃的流式数据,大数据量的数据处理上。1)在架构模型方面,RabbitMQ遵循AMQP协议,RabbitMQ的broker由Exchange,Bind转载 2017-08-17 14:43:02 · 1108 阅读 · 0 评论 -
关于 aws 免费使用12月注意事项
1.30G 流量 15G下载 15G上传2. 750小时3. 清除AWS实例后要清除卷 具体参看: http://blog.youkuaiyun.com/topbean/article/details/46455555详细信息参看:http://www.360doc.com/content/14/0115/11/2340477_345416934.shtml原创 2017-07-11 09:14:00 · 35741 阅读 · 11 评论 -
Vue几行代码搞定省市联动
做省市联动没有找到合适的组件,自己写了一个,追求简单好用 自己改改样式就可以用啦!拿走不谢,记得star哦~gitHub机票原创 2017-07-16 14:33:34 · 5536 阅读 · 7 评论 -
有关http和WebSocket 的区别
1. http协议是用在应用层的协议,他是基于tcp协议的,http协议建立链接也必须要有三次握手才能发送信息。 http链接分为短链接,长链接,短链接是每次请求都要三次握手才能发送自己的信息。即每一个request对应一个response。长链接是在一定的期限内保持链接。保持TCP连接不断开。客户端与服务器通信,必须要有客户端发起然后服务器返回结果。客户端是主动的,服务器是被动的。原创 2017-09-28 15:26:52 · 394 阅读 · 0 评论 -
NPM依赖包版本号~和^和*的区别
~ 会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0^ 会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0* 这意味着安装最新版本的依赖包推荐使用~,只会修复版本的bug,比较稳定使用^ ,有的小版本更新后会引入新的问题导致项目不稳定,比如:之前的weex老项目安装依赖后页面无原创 2017-10-16 11:13:33 · 31109 阅读 · 2 评论 -
关于MD5 32位和16位的区别以及linux /etc/shadow 文件详解
有人说md5,128位,32位,16位,到底md5多长?md5的长度,默认为128bit,也就是128个0和1的二进制串。这样表达是很不友好的。所以将二进制转成了16进制,每4个bit表示一个16进制,所以128/4 = 32 换成16进制表示后,为32位了。 为什么网上还有md5是16位的呢?网上有很多帖子,md5 32位 16位转载 2017-12-21 14:08:49 · 17976 阅读 · 1 评论 -
《大学》全文及译文
原文:大学之道,在明明德,在亲民,在止于至善。知止而后有定,定而后能静,静而后能安,安而后能虑,虑而后能得。物有本末,事有终始,知所先后,则近道矣。古之欲明明德于天下者,先治其国,欲治其国者,先齐其家;欲齐其家者,先修其身;欲修其身者,先正其心;欲正其心者,先诚其意;欲诚其意者,先致其知,致知在格物。物格而后知至,知至而后意诚,意诚而后心正,心正而后身修,身修而后家齐,家齐而后国治,国治而后天...原创 2019-09-29 09:15:14 · 1883 阅读 · 0 评论 -
微信公众号关闭选择 ,复制链接、在浏览器打开的按钮
在页面中只需引用下面代码就可以取掉复制等function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');}if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListe...原创 2019-06-03 10:14:13 · 3612 阅读 · 3 评论 -
使用JS 获取当前用户使用的浏览器信息以及操作系统版本信息
说明:浏览器更新快,有些代码可能会失效,需要你再次测试验证。以下代码是我参照网友的代码进行改良整合而成。(由于项目时间急,没有记录所抄写代码的原作者,请原谅。。。)系统版本 只测试了 Windows系统 ,IE浏览器 只测试了 IE9-IE最新版。Safari(苹果)浏览器仅测试了win版。可以获取 用户当前浏览器的名称、(基于)内核版本号、(自身...转载 2019-03-22 10:46:59 · 2801 阅读 · 0 评论 -
postman中 form-data、x-www-form-urlencoded、raw、binary的区别
1、form-data: 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来说明文件类型;content-disposition,用来说明字段的一些信息;由于有boundary隔离,所以mu转载 2018-04-19 11:58:43 · 909 阅读 · 0 评论 -
vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新
代码:首页 export default { ... ... methods:{ flushCom:function(){ //router是路由实例,例如:var router = new Router({}) //router.go(n)是路由的一个方法,意思是在history记录中前进或者后退多少步,转载 2017-12-19 14:53:47 · 8473 阅读 · 0 评论 -
Spring Boot 微信-网页授权获取用户信息
网页授权获取用户信息步骤第一步:用户同意授权,获取code 第二步:通过code换取网页授权access_token 第三步:拉取用户信息(需scope为 snsapi_userinfo)第一步:用户同意授权,获取code要填写网页授权回调域名:1.在网页帐号处点击”修改”按钮 2.填写域名(注意不要http://, 不要后面的路由)转载 2017-12-15 16:08:04 · 1248 阅读 · 0 评论 -
anywhere 随时随地将你的当前目录变成一个静态文件服务器的根目录。
anywhere Running static file server anywhere. 随时随地将你的当前目录变成一个静态文件服务器的根目录。Installationnpm install anywhere -gExecution$ anywhere// or with port$ anywhere -p 8000//原创 2017-12-15 10:23:47 · 1102 阅读 · 0 评论 -
史上最全前端开发面试问题及答案整理
说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包有三个特性: 1.函数嵌套函数 2.函数内部可以引用外部的参数和变量 3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多转载 2017-12-05 12:02:52 · 44761 阅读 · 4 评论 -
ESlint配置指南
ESlint配置指南原文连接为了团队的代码的优良风格,需要做一些规范。如果只是在git上定一些规范,去认真看并且去实施的人,肯定是少之又少。所以决定整一套代码规范的验证工具,用来规范提交。看了一遍,觉得eslint不错,所以选择了他。配置指南eslint支持三种配置文件:Javascript,JSON,YAML。 eslint支持三种配置方法,在项目里添加.eslintrc转载 2017-06-15 13:45:05 · 762 阅读 · 0 评论 -
移动端屏幕适配的解决
随着手机硬件配置的飞速增长、屏幕尺寸的越来越大和网络带宽的逐渐提升,越来越多的PC业务和服务在向移动端转移。然而在这移动端的时代,为了处理各终端屏幕的适配,是否乱了手脚呢?虽然移动端的页面与PC的页面相比简单了不少,但让我们头痛的事情还是要想尽办法让页面能适配众多不同的终端设备。在前几个外包项目中,我做的主要都是移动微信端的。期间也遇到了不同屏幕大小的适配问题,所以今天特来分享一下转载 2017-06-21 23:05:38 · 498 阅读 · 0 评论 -
yarn设置淘宝镜像问题 亲测成功
yarn原创 2017-06-08 14:07:22 · 47423 阅读 · 1 评论 -
JavaScript中使用ESLint 说明规则
如何使用安装npm install -g eslint如果你第一次使用 ESLint,你必须使用 –init 命令新建一个配置文件:eslint --init使用 ESLint 检测任何 JavaScript 文件:eslint test.js test2.jsESLint 中一些规则运行命令它可以帮你自动修复eslint test.js转载 2017-04-20 13:23:54 · 5681 阅读 · 1 评论 -
很傻很天真的问题: 什么是语法糖!
一直不太理解语法糖的意思,闲来搜索了下原来如此语法糖(Syntactic sugar),是由Peter J. Landin(和图灵一样的天才人物,是他最先发现了Lambda演算,由此而创立了函数式编程)创造的一个词语,它意指那些没有给计算机语言添加新功能,而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式,有益于更好的编码风格,更易读。不过其并没有给语言添加什么新东西。举个原创 2017-04-06 09:33:55 · 2228 阅读 · 1 评论 -
国家气象局提供免费的天气预报接口
{ "城市代码": [ { "省": "北京", "市": [ { "市名": "北京", "编码": "101010100" },原创 2017-04-03 10:49:58 · 3265 阅读 · 0 评论 -
ECMAScript 6 入门学习资料 关于箭头函数
本文摘自 ECMAScript 6 入门 箭头函数基本用法ES6允许使用“箭头”(=>)定义函数。var f = v => v;上面的箭头函数等同于:var f = function(v) { return v;};如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 }转载 2017-04-01 17:16:20 · 723 阅读 · 0 评论 -
LINUX --NODE.JS
#!/bin/bash#检查是否已经安装rpm -qa | grep python#查版本python#最好是重新安装 Python推荐版本( >= v2.5.0 & < 3.0.0 ),否则影响nodejs运行#进入安装目录cd /usr/local/#删除原有安装rm -rf noderm -rf node-v0.10.29-linux-x64#解压压缩包t转载 2017-03-03 09:02:42 · 461 阅读 · 0 评论 -
用RSA加密实现Web登录密码加密传输
。。。。。转载 2017-01-08 20:02:22 · 436 阅读 · 0 评论 -
js闭包
// es6 的写法let add = (()=>{ let count = 0; return ()=> count++})// es6 的写法 自调用let add = (()=>{ let count = 0; return ()=> count++})()// es5 的写法let add = (function(){ let count原创 2017-05-05 09:48:43 · 310 阅读 · 0 评论 -
ss3常用动画+动画库
原文连接一、animates.cssanimate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画,包括:晃动,闪动,各种淡出淡出效果,如果你想快速的整合各种CSS3动画特效的话,使用它即可方便的实现。 查看演示:https://daneden.github.io/anim转载 2017-06-20 10:15:29 · 404 阅读 · 0 评论 -
SCSS 和 Sass 区别
SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外,SCSS 还能识别大部分 CSS hacks(一些 CSS 小技巧)和特定于浏览器的语法,例如:古老的 IE filter 语法。由于 SCSS 是 CSS 的扩展,因此,所有在 CSS 中正常工作的转载 2017-06-19 22:16:45 · 644 阅读 · 0 评论 -
ES6对象操作笔记
1、ES6允许直接写入变量和函数,作为对象的属性和方法。这种写法用于函数的返回值,将会非常方便。CommonJS模块输出变量,就非常合适使用简洁写法。var ms = {};function getItem (key) { return key in ms ? ms[key] : null;}function setItem (key, value) { ms[key转载 2017-06-16 10:27:51 · 889 阅读 · 0 评论 -
javascript 二种数组复制方法
1. by slice var arr = [1, 2, 3] ; copyArr = arr.slice(0); 2. by concat var arr = [1, 2, 3] ; copyArr = arr.concat();原创 2017-05-18 11:22:42 · 434 阅读 · 0 评论 -
比较全的正则表达式
1 [正则表达式]文本框输入内容控制 2 整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 3 只能输入数字:"^[0-9]*$"。 4 只能输入n位的数字:"^\d{n}$"。 5 只能输入至少n位的数字:"^\d{n,}$"。 6 只能输入m~n位的数字:。"^\d{m,n}$" 7 只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。转载 2017-05-18 11:19:56 · 596 阅读 · 0 评论 -
判断身份证手机号码正则表达式
判断身份证手机号码正则表达式原创 2017-04-21 17:08:16 · 979 阅读 · 0 评论 -
Windows命令查看文件MD5,SHA1,SHA256 文件校验
certutil -hashfile yourfilename.ext MD5certutil -hashfile yourfilename.ext SHA1certutil -hashfile yourfilename.ext SHA256原创 2017-04-25 09:46:00 · 20269 阅读 · 0 评论 -
关于Chrome 浏览器 常用方法
1、console.log 用于输出普通信息2、console.info 用于输出提示性信息3、console.error 用于输出错误信息4、console.warn 用于输出警示信息用图来说话5、console.group 输出一组信息的开头6、console.groupEnd 结束一组输出信息看你需求选择不同的输出方法来使用,如原创 2017-04-08 00:04:50 · 426 阅读 · 0 评论 -
HBuilder 制表符转换成空格
用HBuilder 写vue.js时出现 制表符的坑,语法强制要求时空格,不然就报错 查了很久发现可以强转tab为空格,HBuilder的设置如下:工具---》首选项--》常规---》编辑器 ---》文本编辑 勾选 插入空格代替制表符 这样就OK了原创 2017-02-10 10:41:04 · 9196 阅读 · 0 评论