星辰之嗨的博客

原创 cursor:pointer失效问题

在div的css样式中使用cursor:pointer，却发现仅在空白处（padding）能显示手的形状解决办法：添加z-index

原创 Cast to ObjectId failed for value "search" at path "_id" for model "Order"

Cast to ObjectId failed for value "search" at path "_id" for model "Order"Cast to ObjectId failed for value "search" at path "_id" for model "Order"解决方法：Cast to ObjectId failed for value “search” at ...

原创 自定义Markdown组件

整体界面如下：在点击插入链接等快捷方式后，当点击清除后，发现页面上的内容并没有被清除掉。点击清除前：点击清除后：因此想到了.sync修饰符，但是在查看官网后发现不能与v-model一起使用。最后发现v-model语法糖实际上隐藏了双向绑定的特性，当在子组件中textarea的value换成v-mode将一切正常了。关于vue组件通信源码...

原创 使用MySQL数据库出现Got error 'repetition-operator operand invalid' from regexp的错误

在最近的一个项目中，使用 Node.js 去使用 MySQL 的模糊查询（正则表达式去匹配）时，出现了 Got error ‘repetition-operator operand invalid’ from regexp 的错误。查询语句：select count(1) as n from post where job_area regexp `.*?-${address}`在网上查了一...

原创 在创建vue项目时出现'webpack-dev-server'的问题

今天在创建一个兼职后台管理系统的vue项目时，由于在事先更新了vue-cli和vue。一番操作之后出现了’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件的问题最后发现在项目文件夹下没有node_model子文件夹，通过cnpm install之后就行了。如果install之后还不行就将项目文件夹下的node_model文件夹删掉之后再输入命令。...

原创 mongoose新增数据时出现E11000 duplicate key error collection的错误

最近在使用MongoDB的时候，新增一条数据到集合中，结果出现status为500的错误，在开发者工具中查看network发现出错信息为意思是说aid_1重复且为null，可是在schema中没有定义的这个键。最后在可视化工具MongoDB compass community中发现在articles中有两个键，包含了aid_1这个键，删掉之后再添加数据就正常了。...

原创 vue自定义组件之单选框组件

由于原生的单选框的样式太丑，在网页中使用与整体的样式不搭配。因此需要自定义样式实现功能自定义v-model，使组件之间数据能够进行双向绑定。使用disabled属性禁用radio。使用label属性定义radio的值。当用户点击radio时触发组件上绑定的change事件。代码实现template<template> <label role="radi...

原创 vue自定义组件之分页组件

分页是WEB开发中很常用的功能，尤其是在各种前后端分离的今天，后端API返回数据，前端根据数据的count以及当前页码page来计算分页页码并渲染到页面上已经是一个很普通很常见的功能了。分页大多数情况下（基本上）是对异步请求数据的处理，因此需要弄明白分页的流程：请求API，然后返回第一页的数据以及相关条件下的数据总数将数据总数传给组件的属性total，并计算页码后渲染到页面上通过点击上一页...

原创 vue请求网络图片403错误

在使用自定义的lazyload指令后，发现在webkit内核的浏览器中，网络图片请求失败，一直报403的错误，如图所示：然后在网上搜索了一下，发现只要在index.html中的head中添加<meta name="referrer" content="no-referrer" />就可以了。关于referrer的介绍可以参考https://www.jianshu.com/p/b12...

原创 爬取腾讯课堂的课程评论

原创 vue自定义组件

在单页面项目中，通常会将一部分视图抽象成一个组件（就好似面向对象语言中的类），将要显示的文字或者其他的信息设置成组件的变量，这样就可以在使用时，只需要考虑变量了而不用考虑内部是怎样的。当然了这些只是我的看法。下面来看看在vue中如何自定义组件，在这里以异步加载组件为例来说明，具体步骤分三步：首先将视图抽象化：<template> <div class="more" ...

原创 pytesseract库的安装和使用

在写爬虫的时候总是遇到一些以图片的形式展示的信息，因此要怎么解析图片上的信息呢？在Google上查了一下，需要安装pytesseract和pillow（我用的python3.7）和Tesseract-OCR安装pytesseractpip insatll pytesseractpip insatll pytesseract安装pillow安装Tesseract-OCR(https://g...

原创 python使用多进程爬取图片

最近学习了一下python的多进程和多线程，于是就想到使用进程去现实一个爬虫。通过比较实用多进程比使用普通函数的效率更高，节省了大量的时间。话不多说，看下面的代码，希望对各位有所帮助。import os, sys, io, urllib, requests, re, chardet, timeimport multiprocessing#设置系统输出流的编码为utf-8sys.stdou...

原创 vue自定义指令

由于在项目中会加载大量的图片，因此需要使用懒加载技术，虽然网上有很多关于vue的懒加载的插件，如vue-lazyload。但是希望能在项目中通过自定义的组件和一些vue的语法糖去完成，而不是需要时就导入插件，那样学到的东西会很少。关于vue指令的知识请参考官方文档。在这里我只是介绍一下我写的简单的懒加载指令:directives: { lazy:{ inserted (el...

原创 MySQL学习之建表规范

MYSQL学习关于规范有如下几点：关于规范有如下几点：数据类型尽量用数字类型，数字类型的比字符类型的要快很多，比如使用INT UNSIGNED存储IP大数据字段最好剥离出单独的表，以便影响性能使用varchar，代替char，这是因为varchar会动态分配长度数据类型尽量小，这里的尽量小是指在满足可以预见的未来需求的前提下的,但是有不能太小，所以在建表的时候一定要预估这个字段最大的长...

原创 vue跨域问题

如何解决vue-resource中出现的Failed to load http://localhost:8000/index: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response。问题描述：在配置服务器时设置res.header("Acc...

原创 使用es6的class实现显示本周、上周、下周的日期

由于项目的需求，需要实现一个只显示一周日期的日历组件，点击下一周或上一周按钮显示上/下一周的日期。这里只实现了js的部分，界面部分大家可以自己去实现一下。具体实现代码如下：export default class Calendar { constructor () { this.currentWeekFirst = null } /** * 获取以一周为单位得...