1学习者1-优快云博客

转载 fatal: unable to access ‘https://github.comxxxxxxxxxxx‘: Failed to connect to xxxxxxxxxxxxx

git clone 遇到问题：fatal: unable to access 'https://github.comxxxxxxxxxxx': Failed to connect to xxxxxxxxxxxxx将命令行里的http改为git重新执行。

2021-04-10 17:18:30 5824

原创 sockjs.js:1609 GET http://192.168.1.119:8080/sockjs-node/info?t=1617976777339 net::ERR_CONNECTION_TI

今天拿到Macbook pro M1芯片的新机器，迫不及待入坑，配置homebrew的时候，就够我喝好几壶了。配置完以后赶紧安装好不常用的svn（公司使用这个版本管理工具），又赶紧配置好前后端分离的开发的环境，checkout项目到本地测试又第一次遇到这个问题（反正之前在windows系统是没有遇到过）：sockjs.js:1609 GET http://192.168.1.119:8080/sockjs-node/info?t=1617976777339 net::ERR_CONNECTION_

2021-04-09 23:30:50 3730 1

原创 Mac book pro M1 安装 Homebrew

前话各路神仙如果在看到这个文章的时候，已经折腾好久homebrew的安装了，那么，根据我这篇经验分享，如果能顺利安装成功的话，可能会出现一个error： Not a valid ref: refs/remotes/origin/master ，这是因为多次下载，导致一些冲突，最简单粗暴的解决就是卸载重装。创建并打开一个文件：vim uninstall.rb复制下面的ruby代码： #!/usr/bin/ruby STDERR.print Warning: ..

2021-04-09 18:15:28 1499

原创淘宝首页的HTML以及CSS技术点

1、一个网页的开发流程内容结构，比如js、css 页面结构。自上而下，从左往右。（内容、颜色块、间距、边框）2、line-height的5种设置方式及区别 normal || 1.5 || 150% || 50px || 5em初始化元素的时候，一般使用 line-height: 1.5 这种方式，它区别于其它四种方式的根本原因在于元素继承后的计算方式比如body初始化为 body{font-size: 14px; line-height: 1.5}则body里的元素都会

2020-11-05 17:13:52 2405

原创 CSS整理

CSS1、域名——>DNS——>ip地址——>服务器客户端握手交互——>传输数据客户端浏览器获取一行显示一行的执行，遇到外链文件，比如.css，开启新的线程，同时（即异步）执行2、单选择器权重顺序!important 权重 Infinity——>行间样式style 权重 1000——>id选择器权重 100——>class||属性||伪类选择器权重 10——>标签选择器||伪元素权重 1——&gt..

2020-11-05 17:05:10 227

原创 HTML整理

HTML1、如果想要表现自己的专业性，就得把一些看似不是问题的问题，用专业性术语说出来比如什么是html？2、<html lang="en, zh">lang="en" 是干嘛的？SEO很重要的一个知识点告诉搜索引擎爬虫，我们的网站是关于什么内容的3、HTML 最重要的是各种各样的标签，其中最重要的两个标签是div span重要在它们没有任何装饰效果，没有装饰效果就是它的特点，也是它的重要体现理解众多的标签，核心概念就是容器，所以，各种各样的容器，..

2020-11-03 12:27:42 259

原创前端兼容性问题

1、addEventListener()IE 8 及更早 IE 版本，Opera 7.0及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。但是，对于这类浏览器版本可以使用 detachEvent() 方法来移除事件句柄:element.attachEvent(event, function);element.detachEvent(event, function);实例跨浏览器解决方法:var x = document.

2020-10-12 22:24:00 901

原创 HTTP和HTTPS协议及工作原理分析

HTTP协议概念HTTP协议（HyperText Transfer Protocol，超文本传输协议，属于应用层）是用于从服务器传输超内容到本地浏览器的传送协议。是一个无状态的协议想了解http，就需要了解TCP，IP协议。因为http是基于TCP，IP层上面的。如下图所示：整张图应该从下边向上看，假设别人想发一条信息给我的电脑。首先是通过网络把信息传导到的电脑，但不能说我的电脑对于所有的信息都接受，我会判断信息，之后在处理信息，这些就是七层模型做的事情。一步一步分开来看，并用打电话这一.

2020-10-12 22:22:55 908

原创解决$router.go(-1)返回上一层页面不刷新页面问题

原因：页面没有跳转过去，但网址已经跳转过去了，这个原因是因为他没有进行缓存，所以页面没有进行及时的渲染。方案一//先在router/index.js中添加路由元信息，设置需要缓存的页面 routes: [{ path: '/', name: 'index', component: index, meta: { keepAlive: false, //此组件不需要被缓存 } },{

2020-10-06 21:49:57 7869 1

原创使用vue 刷新页面后state数据被清空的问题（刷新总是跳转到登陆页面）

在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex（一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化），解决组件之间同一状态的共享问题。因子：Vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。 Vuex劣势：在刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。言而总之：实际问题：在vue项目中，使用Vuex做状态管理时，调试页面时，刷新后state上的数据消失了，该如何

2020-09-28 14:03:33 3039 2

原创 MySQL 常用需求写法记录一下

1、MySQL 分组查询文章表各个分类的前N条数据SELECT A1.* FROM cd_app2_article AS A1 INNER JOIN (SELECT A.cate_id,A.create_time FROM cd_app2_article AS A LEFT JOIN cd_app2_article AS B ON A.create_time = B.create_time AND A.id <= B.id GROUP.

2020-09-24 16:07:44 192

原创调试错误，请回到请求来源地，重新发起请求。错误代码 insufficient-isv-permissions 错误原因: ISV权限不足，建议在开发者中心检查对应功能是否已经添加

接人H5手机网站支付宝支付时，已经将表单发给页面了，支付宝响应调试错误，请回到请求来源地，重新发起请求。错误代码insufficient-isv-permissions错误原因:ISV权限不足，建议在开发者中心检查对应功能是否已经添加。遇到这种问题，我查了一遍，这里给上几个链接：https://blog.youkuaiyun.com/ys_healone/article/details/97271807https://blog.youkuaiyun.com/sinat_32575213/article/...

2020-09-18 20:51:05 4599

原创使用router-view时组件之间的通信

1.子组件给父组件传值父组件： <router-view @getShopCode='getShopCode'></router-view>methods:{ getShopCode(value){ conso.log(value); } }子组件： methods:{ goShopList(value){ this.$emit('getShopCode',value) this.$router.

2020-09-15 18:31:29 1766

原创 ES6 Promise 并行执行和顺序执行

1.Promise.all 并行执行promisegetA和getB并行执行，然后输出结果。如果有一个错误，就抛出错误/** * 每一个promise都必须返回resolve结果才正确 * 每一个promise都不处理错误 */const getA = new Promise((resolve, reject) => { //模拟异步任务 setTimeout(function(){ resolve(2); }, 1000) }).then(resu

2020-09-15 00:14:09 1116

原创 vue在多方法执行完后再执行另一个方法（等待请求完数据再执行）async/await使用方法和Promise.all

vue在一个方法执行完后执行另一个方法用Promise.all来实现。Promise是ES6的新特性，用于处理异步操作逻辑，用过给Promise添加then和catch函数，处理成功和失败的情况ES7中新提出async搭配await，建议使用async搭配await。function fun1(){ return new Promise((resolve, reject) => { /* 你的逻辑代码 */ console.log("1");

2020-09-14 23:20:23 28658 2

原创后台返回数据打印是[object object]的，报错：SyntaxError: JSON.parse: expected property name or ‘}‘ at line 1 column

今天基于这个问题纠结了一下午，导致这个问题的坑也是挺深的，查找问题最好是从这条数据的存储开始查找问题1：先确定后台接收数据后存储到数据库里有没有自动转义特殊字符，比如原始数据是：[{"user_id":20,"good":true}]，这样的一个对象数组存入数据库是：[{"user_id":20,"good":true}]说明数据经过后端的逻辑处理，把前端的数据转义存储了解决这个问题，前端传参数组的时候先用JSON.

2020-09-12 22:18:59 5941 1

原创 Invalid options object. Copy Plugin has been initialized using an options object that does not match

报错：报错文件和代码：查看了官网也没有看出所以然，最后在npm官网上找打了原因错误配置：怎么看都没有错误最后参看一下这个npn官网找打了原因，地址：https://www.npmjs.com/package/copy-webpack-plugin更改正确的写法：总结原因：应该是版本更新后，语法不兼容导致的...

2020-08-01 15:23:53 9675 1

原创 vue报错 TypeError: merge is not a function

利用ncu -u升级去年的vue项目package.json里的所有依赖，目的是想增删改它去做另一个项目，却发生了这样一个错误：（如下）查找问题原因：这是webpack配置中区分环境配置文件中的插件webpack-merge的报错，所以，看源码吧报错文件：报错代码:分析原因通过阅读运行文件里的错误代码，溯源后，发现该方法向外暴露了一个对象export { merge, mergeWithCustomize, unique, customizeArray, custo

2020-08-01 14:54:16 9041 3

原创 MySQL操作权限整理

用户权限管理主要有以下作用：1. 可以限制用户访问哪些库、哪些表2. 可以限制用户对哪些表执行SELECT、CREATE、DELETE、DELETE、ALTER等操作3. 可以限制用户登录的IP或域名4. 可以限制用户自己的权限是否可以授权给别的用户一、用户授权mysql> grant all privileges on *.* to 'yangxin'@'%' identified by 'yangxin123456' with grant option;添加权限（和已.

2020-07-08 12:57:37 3223

原创谷歌浏览器安装Vue Devtools插件（国内的谷歌浏览器如何安装插件）

国内的谷歌浏览器安装插件还确实是个问题，下面的教程是安装vue插件，也是向别的博主学习盒实践，记录分享给需要的朋友。我这里用到webstorm这个编辑器，默认你也会用，这样更简单分享第一步：下载源码第二步：下载好后解压缩进入vue-devtools-master工程目录，用webstorm打开这个项目执行npm install 或者有淘宝版的执行 cnpm install然后执行 npm build...

2020-07-03 16:05:26 16698 9

原创处理 JavaScript 异步操作的几种方法总结

引言js的异步操作，已经是一个老生常谈的话题，关于这个话题的文章随便google一下都可以看到一大堆。那么为什么我还要写这篇东西呢？在最近的工作中，为了编写一套相对比较复杂的插件，需要处理各种各样的异步操作。但是为了体积和兼容性，不打算引入任何的pollyfill，甚至连babel也不允许使用，这也意味着只能以es5的方式去处理。使用回调的方式对于解耦非常不利，于是找了别的方法去处理这个问题。...

2020-02-22 00:29:18 2891

原创 Python爬虫自学之第（①）篇——爬虫伪装和反“反爬”

有些网站是防爬虫的。其实事实是，凡是有一定规模的网站，大公司的网站，或是盈利性质比较强的网站，都是有高级的防爬措施的。总的来说有两种反爬策略，要么验证身份，把虫子踩死在门口；要么在网站植入各种反爬机制，让爬虫知难而退。本节内容就着这两种反爬策略提出一些对策。身份伪装就算是一些不知名的小网站，多多少少还会检查一下headers验证一下访者的身份，大网站就更不用说了（我一次爬网易云的...

2020-02-20 11:25:36 1303

原创前端知识点总结

1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。（通俗易懂的来讲讲DOM、两个节点之间可能存在哪些关系以及如何在节点之间任意移动）DOM: Document Object Module, 文档对象模型。节点的关系：父（parent）、子（child）和同胞（sibling）等节点关系；- 在节点树中，顶端节点被称为根（root）- 每个节点都有父节点、...

2020-02-19 16:33:31 468

转载 h5页面调用cmd命令并隐藏cmd弹窗

/***通过js调用cmd命令利用ffmpeg实现录屏或者录像功能***/var cmd = new ActiveXObject("WScript.Shell"); /* 命令参数说明 cmd.exe /c dir 是执行完dir命令后关闭命令窗口。 ...

2020-02-18 17:37:16 1207

原创 python 文件读写（追加、覆盖）

很明了的一个常用参数图标：更像细的一个参数说明：由于文件读写时都有可能产生IOError，一旦出错，后面的f.close()就不会调用。所以，为了保证无论是否出错都能正确地关闭文件，我们可以使用try ... finally来实现：file= open("test.txt","r")try: for line in file.readlines(): ...

2020-02-12 19:27:47 71509 1

原创 python+selenium 浏览器无界面模式运行

以Chrome浏览器为例：方法一：from selenium.webdriver import Chrome, ChromeOptionsopt = ChromeOptions() # 创建Chrome参数对象opt.headless = True # 把Chrome设置成可视化无界面模式，windows/Linux 皆可drive...

2020-02-12 18:56:09 3158

原创 selenium等待定位标签加载完再执行

遇到的问题描述我们经常会碰到用selenium操作页面上某个元素的时候，需要等待页面加载完成后，才能操作。否则页面上的元素不存在，会抛出异常。比如：一个动态网页使用了ajax的异步加载，我们需要等待元素加载完成后，才能操作这个元素（事实上，现在我们遇到的所有想要爬取的网站都或多或少的使用了各种各样的动态技术加载局部元素来提升访问效率）selenium 中提供了非常...

2020-02-11 22:12:52 5143 1

原创 Python爬虫自学之第（⑤）篇——爬取某宝商品信息

能看到这里说明快进入动态网页爬取了，在这之前还有一两个知识点要了解，就如本文要讲的json及其数据提取JSON是什么 json是轻量级的文本数据交换格式，符合json的格式的字符串叫json字符串，其格式就像python中字符串化后的字典，有时字典中还杂着列表字典，但是里面的数据都被双引号包着，下面是一个例子'{"Africa": [{ "name":"蜜獾" , "nick...

2020-02-05 22:23:45 1174 2

原创 Python爬虫自学之第（④）篇——强大的正则表达式，re模块

如果把BeautifulSopu比喻成通过线索一步步接近目标的侦探的话，那么正则表达式就是牛逼哄哄的“天眼系统”，只要提供一些目标的特征，无论搜索范围多大，只要存在那么一两个符合特征的目标，全都会被它直接逮住。特性牛逼王BS的爸爸，我告诉你个秘密，其实BeautifulSoup也是用正则实现的，而且它find_all的参数里还能接收正则呢信息精确定位，BeautifulSou...

2020-02-05 10:35:21 369

原创 Python爬虫自学之第（③）篇——实战：requests+BeautifulSoup实现静态爬取

前篇全片都是生硬的理论使用，今天就放个静态爬取的实例让大家体验一下BeautifulSoup的使用，了解一些背后的原理。顺便在这引入静态网页的概念——静态网页是指一次性加载所有内容的网页，爬虫一次请求便能得到所有信息，对爬虫非常友好，适合练手豆瓣top250电影信息爬取我们来爬取每部电影的图片，名称，导演演员，类型，评分，和它的一句话总结，继续对<li>...

2020-02-05 00:11:16 823 1

原创 Python爬虫自学之第（②）篇——BeautifulSoup解析网页

学了requests，了解了伪装技巧后，终于能爬到些比较正常的网页源码（html文档）了，但这离结果还差最后和是最重要的一步——筛选。这个过程就像在泥沙中淘金一样，没有合适的筛子，你就会把有价值的漏掉了，或者做了无用功把没用的也筛了出来。淘金者看土质，做筛子。对应到爬虫领域就是观察html，定制筛选器。稍稍了解HTML信息都在网页源码里，浏览器通过解析源码来加载我们所看到的东西，那我们是...

2020-02-04 23:58:57 930

原创 pycharm中更新pip版本的问题

经常使用Python的都知道pip，但有时候，下载某个模块不成功，提示信息如下pytharm查看自带的pip版本解决方式一：pytharm的terminal里卸载pip再安装pip如果还不行，解决方式二去你当前的项目路径下找到lib文件夹下的site-packages，删除相关的pip版本再去file——>settings查看自带pip版本的地方，...

2020-02-04 19:12:04 18854 5

原创 Python爬虫自学之第（零）篇——爬虫思路和request模块使用

爬虫思路无思路不成器，如果你怎么想都想不出爬虫的原理，不妨来看下我们平时是如何上网的，大概就是这样：输入或者点开目标网址→[可选：登录/回复]→浏览全页筛选出价值内容→如果很喜欢，还会拷贝下载回来所以爬虫归结起来也就这几步：构造目标网址（重点）发起请求（request），相当于点开网页。获取网页内容（坑）。定制筛选器，对内容进行筛选（重点）。把爬取结果保存到容器...

2020-02-04 18:39:01 334

原创 Python2和Python3的兼容性写法

# python2 和 python3的兼容代码try: # python2 中 import cookielib print(f"user cookielib in python2.")except: # python3 中 import http.cookiejar as cookielib print(f"user cookielib i...

2020-02-04 14:58:34 889

原创 http详解请求报文格式和响应报文格式

HTTP 工作原理超文本传输协议(Hypertext Transfer Protocol，简称HTTP)是应用层协议。HTTP 是一种请求/响应式的协议，即一个客户端与服务器建立连接后，向服务器发送一个请求;服务器接到请求后，给予相应的响应信息。HTTP 协议采用请求/响应模型。客户端向服务器发送一个请求报文，服务器以一个状态作为响应。以下是 HTTP 请求/响应的流程：客户...

2020-02-04 13:06:06 7775 1

原创 python3下使用requests实现模拟用户登录 —— 基础篇（马蜂窝）

我是从这篇博客中（https://blog.youkuaiyun.com/zwq912318834/article/details/79571110）了解的一点基础东西，代码都是从这篇博客里面的源代码直接复制过去测试和学习的。遇到的问题：1、返回状态码：502——百度得知这是一个反爬虫的状态码，原博主是写于2018年3月份，我测试是在2020年2月份，说明马蜂窝已经做了反爬虫的策略，由于自己这方面不够...

2020-02-03 19:48:25 4116

转载网页Request Headers请求头和Response Headers响应头

Request HeadersAccept:告诉服务器，客户机支持的数据类型Accept-Encoding:告诉服务器，客户机支持的数据压缩格式Cache-Control：缓存控制，服务器通过控制浏览器要不要缓存数据Connection:处理完这次请求，是断开连接还是保持连接Cookie:客户机通过这个可以向服务器带数据Host:访问的主机名Upgrade-I...

2020-02-03 01:05:43 2619

原创移动端阻止body左右偏移

如果一直找不到你的CSS问题，就用下面的CSS解决吧html,body{ overflow-x: hidden; }原生JSfunction bodyScroll(){ e.preventDefault();}document.addEventListener('touchmove', bodyScroll, false); //阻止document....

2019-09-08 03:30:23 729

原创宝塔nginx运行vue项目刷新404问题解决

我的项目是webpack构建的，因为我做一切开发都想要希望要从一个标准的构建去编码所以，我的项目在node下运行，开发，调试是没有一点问题的，npm run build也是完全OK的，vue路由是history模式把build出来的dist文件夹部署到生产环境，使用nginx的时候，问题就来了我的问题描述：如果从首页打开，点击任何页面都能够正常访问，而当你处在某个页面（非首页）的时...

2019-09-08 01:48:16 7457 1

原创 Element组件 Drawer 抽屉的关闭问题

场景我使用的Drawer 抽屉是从上往下开的效果，点击搜索图标，从上往下开没问题，输入关键字搜索，搜索出来的列表放置于搜索栏下面，所以使用了一个子组件问题就来了搜出来的列表item，点击任意一条，地址栏的路由是变化了，但是这个Drawer 抽屉不会主动关闭，解决思路把父组件关于Drawer的实例，传到子组件去，代码如下再在子组件里通过pros接收，代码如下...

2019-09-07 06:09:23 27014 3