weixin_39238520的博客

原创 为何诡异的循环刷新页面？

问题描述：yarn dev 启动项目之后，用localhost:8000访问，一直在循环请求。如图可以看到接口循环地请求这个接口，这是路由菜单的接口尝试解决1：猜测是因为umi编译的模块有问题，删除.umi文件重新编译；------ 结果：失败尝试解决2：尝试进精确的路由。结果：失败尝试解决3：删除node_modules重新安装...

原创 为什么使用Form的ref.current.setFiledsValue()时不了值了?

问题描述：在第一次打开modal时，通过用实例ref设置的值是不生效的如图，点击修改打开弹窗前，数据，使用的设值方法都是正确的。但是打开的弹窗值为空。原因如图，经过断点之后，发现ref的实例为undefined，因为第一次使用modal时，此时还没渲染dom节点到dom中，没有实例是很正常的。至于后来的，但是第二次打开之后，可以发现，此时已经正常使用。下图是第二次点击。第二次点击结果如下图，可以看到此时是正常的。解决：第一次使用ref实例，因为还没有dom节点，使用ref当然获取不到实例

原创 antdesign版本更新，yarn install 报错

AssertionError [ERR_ASSERTION]: filePath not found of @umijs/renderer-react/node_modules/@types/react如图：尝试解决1删掉src下的.umi的文件假，重新yarn install出现了一个提示[BABEL] Note: The code generator has deoptimised the styling of D:\fourtime\bts-lte-web\node_modules\swa

原创 使用useImperativeHandle清空组件赋值

流程描述弹窗的值需要通过formRef（这是ref的一个包装）清除。页面如下

原创 从0开始组件库？

一个自娱自乐的组件库

原创 vscode提示属性在type中不存在？

Property ‘width’ does not exist on type ‘CombinedVueInstance<Record<never, any> & Vue, object, object, object, Record<never, any>>’.Vetur(2339)问题描述：vetur插件报错解决方式：

原创 react style backgroundImage的图片路径

必须是下面这段selectImgHanlder(id) { let imgurl = "../../assets/nav"+id+".png" let selectImg = "../../assets/nav"+id+"-a.png" console.log(imgurl) console.log(selectImg) return this.selectId === id ? "url("+require("../../assets/nav"+id+"-a.pn

原创 webpack入门到放弃

准备环境参数：node.js version10以上webpack，4.xx以上什么是webpack,代码构建工具一切皆过程，那么webpack代码构建工具的过程是什么呢？第一，按照项目运行所需要的模块，按照规定好的结构存储，比如用json来表示存储，并在存储过程中对于json的数据顺序就是对于后面打包，引入的顺序。第二，当被chunk(打包之后),就会形成传统的html，js，css，资源文件这四个文件。第三，bundle入口文件总结：汇总资源并输出那么webpack的思想是什么呢？5.

原创 js获取当月最后一天

function getLastDay(year,month) { var new_year = year; //取当前的年份 var new_month = month++;//取下一个月的第一天，方便计算（最后一天不固定） if(month>12) { new_month -=12; //月份减

原创 vuerouter拦截？

写法如下，在路由文件中加入router.forEach的方法router.forEach((to,form,next)=>{})import Vue from 'vue'import Router from 'vue-router'import AddStudent from '@/components/AddStudent.vue'import Success from '@/components/success.vue'const path = require('./handleRout

原创 为什么axios的post请求是传参是formdata？如何改成requestbody？

首先axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'这是我的请求头设置问题是如下请求后参数就在formdata里面了或者如下请求都是在formdata里为什么呢？区分一下,formdata和requestbody的区别formdata大多数是表单提交形成的，requestbody是正常请求形成的???? ???? ???? 要谦虚:不管是表单提交还是???? ???? ??

原创 为什么elementui表单验证提示不消失？

如下图所示，验证name和v-model的name是一样的这里的嵌套是单一值的判断。如果想要判断循环下嵌套的属性或者值的话，需要用到把:rules=‘[]’写到el-form-item里面，下面v-model的值要和el-form-item的prop一致，模式为如下图所示再者可参考官网的邮箱域名哪里，就可以了...

原创 使用vuex从触发到请求，再到数据渲染？

import Vuex from 'vuex'import Vue from 'vue'Vue.use(Vuex)let store = new Vuex.Store({ state: { count: 0 }, getters: { showCount (state) { return state.count } }, mutations: { add (state, step = 0) { state.count++ state.

原创 vuex报错，[vuex] must call Vue.use(Vuex) before creating a store instance.

使用前需要Vue.use(vuex)而不是Vue.use(new Vue.Store({}))这个对象，原因是，在Vue中使用插件需要先通过插件的install方法，把插件注入到Vue，才能使用该方法。那和new Vue({})里面 有什么不一样呢，写到new Vue({})里的属性会被注册为全局属性，就像let store = new Vuex.Store({count:0}),那么new Vue({store})，就会被注册为$store这种全局属性，如果只是vue.use（）中注册，就只能是通过导出

原创 vue的事件总线不能直接this.$emit?

接受方如下：发送方如下：结果是点击之后，接收方收不到上图此时状态已变，但是无法打印解决，重新new一个bus=new Vue()，挂到vue.prototype上，通过this.bus.emit()和this.bus.emit()和this.bus.emit()和this.bus.on(‘事件’,msg => {})即可使用...

原创 vuecli打包的项目在本地的nginx上访问不了？

操作过程：1.所有的配置都没有动过（vuecli的所以打包配置）2.npm run build打包3.把打包的dist（所有文件）放到解压后的ngnix的html里4.通过127.0.0.1:80/dist/index.html访问情况：页面白屏，但是服务又启动了，这可怎么办呢？但是神奇的是img的静态资源能访问。。。。。。解决方法有两个：1.把dist里面的资源，复制到html中，或者切到html中2.更改nginx文件的conf文件夹下面的nginx.conf配置，在server对

原创 axios的二次封装

import axios from 'axios'import qs from 'qs'// 配置环境// let baseUrl = 'http://127.0.0.1:8080'// let baseUrlArr = [// {// type: 'development',// url: 'http://127.0.0.1:8080'// },// {// type: 'test',// url: 'http://127.0.0.1:80

原创 什么是process.env.NODE_ENV?

Process是node启动之后的环境变量，首先说一个大前提，程序跑起来的环境也就是那个文件夹下，或者说下载好node环境之后，在跑起来的项目的那个地方可以用node的process这个变量读取node的环境，这是一个node的大环境。那么process.env是什么呢？就是node的环境变量，也就是单node 1.js跑起来之后node的本来就有的环境，那么vuecli创建的项目只是说用这个env的方式去在程序跑起来的时候，比如在开发环境跑起来的时候去得到这个env的值，从而获取到正在跑的node的大环境

原创 leetcode记录

罗马数字/** * @param {string} s * @return {number} */var romanToInt = function(s) { let map=new Map(); map.set("I",1); map.set("V",5); map.set("X",10); map.set("L",50); map.set("C",100); map.set("D",500); map.set("M",1000);

原创 C语言复习1，复习3（跟新到复习3，编程题第3）

填空:第6题：#include<stdio.h>struct man{ char name[20]; int age;}person[3]={ {"linming",18}, {"wanghua",19}, {"zhangping",20}};main(){ struct man *p,*q; int old =0; p=person; for(;p...

原创 0开始学py爬虫（学习笔记)（Scrapy框架）(豆瓣top250)

流程和爬职友的一样，这里只有top250的爬虫这里的第2页，直接在start_urls的位置循环出来# 运用scrapy的知识，爬取豆瓣图书TOP250前2页的书籍（50本）的短评数据（包括书名、评论ID、短评内容），并存储成Excel。#import scrapyimport bs4from ..items import SdoubanItemclass Sdouban(scr...

原创 0开始学py爬虫（学习笔记)（Scrapy框架）(爬取职友集招聘信息)

爬取招聘信息并保存到xlsx爬虫实现定义数据（第一步）先知道自己要什么数据再去爬取import scrapyclass JobuiItem(scrapy.Item): company=scrapy.Field() #定义公司名称的数据属性 position = scrapy.Field() #定义职位名称的数据属性 address = scra...

原创 0开始学py爬虫（学习笔记)（Scrapy框架）

Scheduler(调度器)部门主要负责处理引擎发送过来的requests对象（即网页请求的相关信息集合，包括params，data，cookies，request headers…等），会把请求的url以有序的方式排列成队，并等待引擎来提取（功能上类似于gevent库的queue模块）。Downloader（下载器）部门则是负责处理引擎发送过来的requests，进行网页爬取，并将返回的res...

原创 0开始学py爬虫（学习笔记)(爬食物热量)

我的答案#导包#请求的网址有#请求的数据有#父元素item clearfix#name=h4>a.text#href=h4>a.href+http://www.boohee.com#reliang=.text-box>p#存入openpyxlfrom gevent import monkeymonkey.patch_all()import requests...

原创 0开始学py爬虫（学习笔记)(第4部分)(多线程练习)

使用多协程和队列，爬取时光网电视剧TOP100的数据（剧名、导演、主演和简介），并用xlsx模块将数据存储下来。时光网TOP100链接：http://www.mtime.com/top/tv/top100/#提示：#1.分析数据存在哪里（打开“检查”工具，刷新页面，查看第0个请求，看【response】）#2.观察网址规律（多翻几页，看看网址会有什么变化）#3.获取、解析和提取数据（...

原创 0开始学py爬虫（学习笔记)(第4部分)(多线程)

多协程的用法要在导入其他库和模块前，先把monkey模块导入进来，并运行monkey.patch_all()。这样，才能先给程序打上补丁from gevent import monkey#从gevent库里导入monkey模块。monkey.patch_all()#monkey.patch_all()能把程序变成协作式运行，就是可以帮助程序实现异步。import gevent,time...

原创 0开始学py爬虫（学习笔记)(第3部分)(邮件开始)

自动爬取每日的天气，并定时把天气数据和穿衣提示发送到你的邮箱。收集天气import requestsfrom bs4 import BeautifulSoupheaders={'user-agent':'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/...

原创 0开始学py爬虫（学习笔记)(第2部分)(爬下来存储完了后)

复习（只有5张图，4端代码）import csvcsv_file = open('demo.csv','w',newline='')writer = csv.writer(csv_file)writer.writerow(['电影','豆瓣评分'])csv_file.close()import csvcsv_file = open('demo.csv','r',newline=...

原创 0开始学py爬虫（学习笔记）

思路$获解提存第0步：获取数据。爬虫程序会根据我们提供的网址，向服务器发起请求，然后返回数据。第1步：解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。第2步：提取数据。爬虫程序再从中提取出我们需要的数据。第3步：储存数据。爬虫程序把这些有用的数据保存起来，便于你日后的使用和分析。import requestsimport requests#引入requests库re...

原创 web高效编程与实践pdf的学习

1.实现自定义checkbox<label><input type=“checkbox”><span class=“checkbox”></label><input type=“checkbox”>input[type=checkbox]{display:none;}未实现的checkbox.checkbox{bor...

原创 layui开发实例之-mitric_dict_add.html

mitric_dict_add.html<!DOCTYPE html><html lang="en" class="width-height-100"><head> <meta charset="UTF-8"> <title>mitric_dict</title> <link rel="stylesheet...

原创 layui开发实例之-mitric_dict.html

mitric_dict.html<!DOCTYPE html><html lang="en" class="width-height-100"><head> <meta charset="UTF-8"> <title>mitric_dict</title> <link rel="stylesheet" ty...

原创 分页dome

页面<body> //页面数据操作 <select name="" id="sel"> <option value="10">10条/页</option> <option value="20">20条/页</option> </select> <se...

原创 vue的源码阅读

vue的构造函数：function Vue (options) {//vue的构造函数 if (!(this instanceof Vue) ) { warn('Vue is a constructor and should be called with the `new` keyword');//警告方法，vue是一个构造函数，需要用new 来创建 }...

转载 滚动穿透解决

一：设置position:fixed;二：使用js控制

原创 爬取某小说网站的章节

翻译 python发邮件

1，163.com设置2，实现思路实现代码import smtplibfrom email.mime.text import MIMEText'''准备阶段1.准备服务器2.准备发送的账号3.准备账号的密码4.准备发送的消息设置阶段5.把消息设置为邮件文本6.设置邮件主题7.设置准备好的发送账号8.设置服务器9.登陆发送10.发送邮件'''SMT...

翻译 console的api

console.time();console.group()console.log("heihe","color:red");console.error("nono");console.groupEnd();console.clear();console.count();console.timeEnd();console.log("Example %cCSS-styled%c %c...