
前端
文章平均质量分 65
小迪的博客
努力,努力
展开
-
如何实现基于微信小程序的人脸识别
现在关于人脸识别的SDK其实有很多,诸如face++、百度大脑之类的,他们都能为开发者免费提供人脸识别的接口。阿里也和face++合作,实现了支付宝的刷脸支付。但是很遗憾,网上关于识别一段视频中的用户行为(诸如摇摇头,眨眨眼,微笑)的资料很少,可能是技术没有公开,所以只能自己去想解决方法了。本人最近在做一个关于微信小程序的毕业设计,所以想到了把这两个技术结合下,这里写篇博客,为大家解解惑吧,纯是自己原创 2017-02-24 09:57:17 · 40612 阅读 · 6 评论 -
vue项目如何使用nginx配置跨域
最近使用vue开发一个功能,npm run build之后打包的代码放在了a.com.cn下但是php接口部署在了b.com下,那么问题来了,如何让后端接口支持跨域。有两种方法:让后端在返回数据的时候设置下返回请求的header,这种方法比较不稳定,因为接口一旦多了就得改好多代码,而且每次出了问题还得去找后端开发改代码,很烦。另一种方法是,自己配置nginx,首先ssh登录到部署接口所在的服务器原创 2017-06-27 15:04:34 · 11932 阅读 · 0 评论 -
vue如何提示保存后退出
假设有这样一个需求,用户在一个页面内编辑文字,但是并未点击保存并且跳转到了下一个路由。比较好的做法应该是给出一个提示—“您编辑的内容还未保存,是否确认退出?”用户如果点击“确定”,那么不保存当前内容直接退出,用户如果点击“取消”,则取消本次路由跳转,继续留在原来的页面。 尝试的错误做法一开始的时候我是想着使用vuex结合vue router的beforeEach导航守卫来实现。代码如下:首先原创 2017-12-08 17:45:31 · 11072 阅读 · 9 评论 -
nodejs爬虫如何设置动态ip以及userAgent
前言在写nodejs爬虫的过程中,原网站可能会对某一时间段内集中访问该页面的ip进行封杀。那么如何动态设置每次爬取使用的ip地址以及浏览器头部信息呢?动态userAgent这是我收集到的常用的浏览器头部信息,每次爬取的时候从中随机选取一个,并使用superAgent设置请求头部的User-Agent字段就好了。userAgent.jsconst userAgents = [ 'Mozilla/5原创 2017-12-18 15:41:25 · 7000 阅读 · 0 评论 -
element form表单组件重复错误提示不显示
前言在我司已经经历了好几个后台项目了,登录页面一直有个小问题,如果登录出错了并且第一次提示了错误,然后再点击同一个按钮,错误提示就消失,而不是重复显示同一个错误。后来去翻了下element的源码,发现el-form-item的error属性监听的是watch方法,也就是两次重复的错误操作,提示的错误信息一致,就不会触发watch方法。而我的逻辑是这样的,每次点击登录或者发送验证码,都会去重...原创 2018-05-10 15:21:51 · 5724 阅读 · 0 评论 -
element导航组件在遇到导航内钩子时的bug
前言今天测试报告了广告竞价后台的一个bug: 大致原因是这样: 先看下element对于导航的每一项的点击的处理方式。handleItemClick(item) { let { index, indexPath } = item; if (!this.router) { this.activeIndex = item.index; } this.$emi...原创 2018-05-10 15:23:45 · 1672 阅读 · 0 评论 -
travis自动化部署续篇
前言之前写过一篇文章–如何使用travis为nodejs持续集成,主要是用来在github上自动化部署自己的博客。今天来继续来讲travis如何和自己的服务器取得联系,自动去服务器上执行shell命令来完成部署。服务器配置创建travis管理员账号#新建用户useradd travis#修改密码(应该不是必要,但是万一以后需要用密码登陆呢),按照提示设置密码。pa...原创 2018-05-10 15:26:43 · 1085 阅读 · 0 评论 -
window上搭建mongodb
前言wecomment连接不上mlab的免费mongo数据库,同样也连不上腾讯云服务器的mongo数据库,好气呀>_<,只能花时间在windows上搭建一个本地mongo了,下面是我的踩坑历程,希望能帮到你~开始下载mongo 官方网站下载地址 百度云盘 提取密码:a9ca新建data和log文件夹 在安装完成后的根目录下使用cmd执行以下命令mk...原创 2018-05-10 15:29:43 · 1483 阅读 · 0 评论 -
Koa搭建静态资源服务器
前言之前使用egg写了个简版的软文后台,顺手就是使用了jq去写界面,后来随着功能越来越多,突然就觉得以前写的jq越来越难维护,频繁需要去操作dom,修改各种页面的状态值。于是打算使用vue重构一版,将其组件化,顺手也就把egg换成了,感觉这种简单的后端需求,koa确实已经足够了。 因为软文后台涉及到对图片的处理,我们希望后端能提供一个地址去浏览这些已经处理的图片,所以就有了搭建一个静态资源服...转载 2018-05-08 09:16:45 · 4880 阅读 · 0 评论 -
键盘回车事件导致页面刷新的问题
我最近在做一个 Ajax 查询的功能,代码如下:<form name="keywordForm" method="post" action=""> <p id="profile_nav"> <label for="profile"> 关键字搜索: </label> <input style="width:80; height:20" type="text" name="ke原创 2017-11-10 17:13:52 · 493 阅读 · 0 评论 -
如何使用sublime的sftp插件链接腾讯云服务器
开始腾讯云服务器不是使用密码直接登陆ssh的,而是使用密钥。因此我们先在本地生成一个密钥,在git bash中输入以下命令(请将邮箱改成自己的邮箱):ssh-keygen -t rsa -C "andyliwr@outlook.com"在要求输入密码的时候直接按enter就好了,免得每次登陆都需要输入额外的密钥密码。新生成的密码的地址在console了可以看到。 查看公钥内容,并复制。cat原创 2017-11-10 17:12:03 · 1187 阅读 · 1 评论 -
键盘回车事件导致页面刷新的问题
我最近在做一个 Ajax 查询的功能,代码如下:<form name="keywordForm" method="post" action=""> <p id="profile_nav"> <label for="profile"> 关键字搜索: </label> <input style="width:80; height:20" type="text" name="ke转载 2017-05-23 10:22:00 · 678 阅读 · 0 评论 -
display:box和flex的区别
没区别,仅是各阶段草案命名flex是最新的,但是在实际的浏览器测试中,display: flex 不能完全替代display: -webkit-boxdisplay: box 使用可以参考http://www.html5rocks.com/en/tutorials/flexbox/quick/ display: flex 使用可以参考https://css-tricks.com/snippets/转载 2017-06-01 22:51:53 · 6418 阅读 · 0 评论 -
手机端调试的小技巧
本人最近一直在做移动端开发,每次想看某个变量的时候都得alert,点来点去很麻烦,于是自己写了一个创建一个调试窗的方法,以后吧console.log换成这个,就可以在移动端界面中直接看到日志输出了。使用方法: 1. 将createLog粘贴进你的代码function createLog(log){ var logDom = document.getElementById('consoleLog原创 2017-06-12 14:34:24 · 548 阅读 · 0 评论 -
vue项目启动之后出现cannot GET /
今天出一个新需求,拿到别人的代码启动vue之后总是报cannot GET /的错误。下面是我解决的方法:现象浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 npm run dev命令行窗口没有报错 原因网上查了下,有人说是路由配置问题(开启了history模式,而history模式需要服务端支持),然后我的代码没有开启history模式。于是找同事要了份代码全文对比,发现是配置信息导致转载 2017-06-22 09:49:00 · 45993 阅读 · 2 评论 -
怎么让Html的高度自适应屏幕高度
在写css静态页面的时候让Html的高度自适应屏幕高度是一个常见的需求,比如你有一个需要置底的bottom按钮,需要在内容不足一屏的时候显示在屏幕的底部,在内容超过一屏的时候显示在所有内容的底部。效果图:CSS的做法html { height: 100%; display: table;}body { display: table-cell; height: 100%;}JS的原创 2017-04-05 15:36:20 · 87275 阅读 · 3 评论 -
css标题线
/* 标题线样式 */h3.title { white-space: nowrap; text-align: center; font-size: 14px; background: #fff; height: 30px; position: relative;}h3.title>span { line-height: 30px;}h3.title .left {原创 2017-08-03 16:54:15 · 836 阅读 · 0 评论 -
网页端弹窗创建的正确方式
前言开发中我们经常会碰到这种需求—自定义弹窗,那么如何创建一个正确的弹窗呢?考虑的方面1. 定位弹窗一般都需要垂直水平居中,也许通过flex或者transform能够很快的实现垂直水平居中,但是ie下就炸了,下面我介绍一种垂直水平居中的技巧—使用三层dom来实现垂直水平居中html<div class="center-outside"> <div class="center-middle">原创 2017-08-21 19:49:59 · 2783 阅读 · 0 评论 -
怎么检测页面那些元素超出设备宽度
写页面的时候如果页面元素的宽度超出设备宽度就会出现横向滚动条,这对移动端的页面影响还是很大的,那么怎么去检测到底是那些元素的宽度超出了设备的宽度了呢?先看看是哪些原因导致这种现象:宽度使用了width:100%,但是又有padding或者border,由于浏览器默认的盒模型是content-box,也就是说width:100%是内容的100%,这样再加上padding和border才是元素实际的宽原创 2017-01-17 20:52:46 · 1875 阅读 · 1 评论 -
人工智能入门---使用js实现k近邻算法(转载)
机器学习中的“hello world!”就像我们学习编程语言一样,我们的第一个尝试就是在终端命令行中输出的 “Hello World”。机器学习中的 “Hello World” 便是识别手写字数据集。 想想在得到一张手写数字图片的数据之后如何分析出正确的数字? keras-js的实际demo数据的表示和收集图片其实放大来看其实就是一个个像素点,对于黑白图像,每个像素...原创 2018-05-08 09:21:58 · 1564 阅读 · 0 评论