weixin_44076384的博客

原创 echarts图表收藏个人备用网站汇总，方便后续查找

echarts案例收藏

原创 vue实现数组内的对象属性值的改变，保证数据和视图的同步

方法1： 1：this.set(this.listvalue,index,...this.listvalue[index],initname:′0′)解释：this.set(this.list_value, index, { ...this.list_value[index], init_name: '0' }) 解释：this.set(this.listv​alue,index,...this.listv​alue[index],initn​ame:′0′)解释：this.set(数组, 索引, { …

原创 css的伪类, 伪元素有哪些及其作用：

css的伪类有哪些及其作用： :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子元素添加样式。 :lang 向带有指定 lang 属性的元素添加样式 伪元素： :first-letter，将特殊的样式添加到文本的首字母。 :first-line，将

原创 从输入URL到页面加载发生了什么

总体来说分为以下几个过程: 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面 连接结束 1.什么是dns解析？ 简单说就是从网址到IP地址的转换，这个过程就是DNS解析。 2.TCP连接 HTTP协议是使用TCP作为其传输层协议的，当TCP出现瓶颈时，HTTP也会受到影响。 3.发送http请求。 其实这部分又可以称为前端工程师眼中的HTTP，它主要发生在客户端。发送HTTP请求的过程就是构建HTTP请求报文并通过TCP协议中发送到服务器指定

原创 git 拉取远程的项目到本地，并且建立联系。

转载 浅谈Bootstrap自适应功能在Web开发中的应用

https://www.jianshu.com/p/e99a63834126

原创 js关于可以输入也可以下拉选择的select

可以输入也可以下拉选择的select 我们知道，一般select下拉框是只能选择的，不能用来输入内容的。而有时我们会遇到下拉框中没有要选择的信息项或者下拉选项特别多时，我们可以让select变成text，允许用户输入想要的内容，同时还可以在输入的时候将包含关键字的项也列出来，供快速选择。 查看演示 下载源码 本文将用实例和大家分享一款基于jQuery的下拉框插件，它允许用户输入内容，同时下拉选项中会及时匹配相关选项，支持键盘操作，还支持html选项内容，当然还能让下拉的过程带有动画效果。我们来看下如何使用。

原创 element-ui的走马灯详解

1：如何关闭走马灯的默认功能，关闭鼠标覆盖时候停止滑动？ 设置禁止鼠标覆盖事件style=“pointer-events:none;” 直接设置style即可。 2：其他默认功能参考elementui,比如禁止两侧的》《等。

原创 git clone 远程分支之后如何提交到新的分支

1.git clone ‘url’(远程地址) 2.通过vscode打开 3.点击master，点击选择你要的该分支。 4. 执行git checkout -b dev_xjh_offline（你的分支，如果没有会自动创建） 5.执行git branch 命令 6.git push origin dev_xjh_offline 7.输入密码即可 ...

原创 vue全家桶

https://www.jianshu.com/p/301bf9fc6e57 vue全家桶介绍很全的网址。

原创 vue基础知识点26-29

26、虚拟 DOM 实现原理？ 虚拟 DOM 的实现原理主要包括以下 3 部分： 用 JavaScript 对象模拟真实 DOM 树，对真实 DOM 进行抽象； diff 算法 — 比较两棵虚拟 DOM 树的差异； patch 算法 — 将两个虚拟 DOM 对象的差异应用到真正的 DOM 树。 27、Vue 中的 key 有什么作用？ key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速。Vue 的 diff 过程可以概括为：oldCh 和 newCh

原创 vue基础知识点21-25

21、Vue 是如何实现数据双向绑定的？ Vue 数据双向绑定主要是指：数据变化更新视图，视图变化更新数据，如下图所示： 其中，View 变化更新 Data ，可以通过事件监听的方式来实现，所以 Vue 的数据双向绑定的工作主要是如何根据 Data 变化更新 View。 Vue 主要通过以下 4 个步骤来实现数据双向绑定的： 实现一个监听器 Observer：对数据对象进行遍历，包括子属性对象的属性，利用 Object.defineProperty() 对属性都加上 setter 和 getter。这样的

原创 vue基础知识点16-20

16、你使用过 Vuex 吗？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。“store” 基本上就是一个容器，它包含着你的应用中大部分的状态 ( state )。 （1）Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。 （2）改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以

原创 vue基础知识点11-15

11、父组件可以监听到子组件的生命周期吗？ 比如有父组件 Parent 和子组件 Child，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，可以通过以下写法实现： // Parent.vue <Child @mounted=“doSomething”/> // Child.vue mounted() { this.$emit(“mounted”); } 复制代码以上需要手动通过 $emit 触发父组件的事件，更简单的方式可以在父组件引用子组件时通过 @hook 来监听即可，如下所

原创 vue基础知识点6-10

6、直接给一个数组项赋值，Vue 能检测到变化吗？ 由于 JavaScript 的限制，Vue 不能检测到以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 为了解决第一个问题，Vue 提供了以下操作方法： // Vue.set Vue.set(vm.items, indexOfItem, newValue) // vm.set，Vue.set的一个别名

原创 vue基础知识点1-5

1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？ 答：spa（ single-page application 单页面应用）不会因为用户的操作而进行页面的重新加载和跳转，主要是利用路由机制实现HTML内容的替换，UI 与用户的交互，避免页面的重新加载。 优点： 用户体验好、快，内容的改变不需要重新加载整个页面，避免了不必要的跳转和重复渲染； 基于上面一点，SPA 相对对服务器压力小； 前后端职责分离，架构清晰，前端进行交互逻辑，后端负责数据处理； 缺点： 初次加载耗时多：为实现单页 Web 应用功

原创 vue面试之（父传子、子传父、兄弟之间以及vuex）

说说vue中数据传递那些事（父传子、子传父、兄弟之间以及vuex） VUE中的数据传递是单向的； (1). 父传子 (2). 子传父 (3). 兄弟之间传递 复制代码 1.父传子（props） 如何让子组件获取到父组件中的数据？ (1). 把父组件的数据以动态属性的方式当在子组件的行间属性上； (2). 在子组件中用props这个属性接收，（对象、数组） (3). 在子组件中使用动态的属性名保持一致； 复制代码 **2.子传父（发布订阅）** (1).在vue的实例m

原创 什么是Token？

1、Json Web Token是干什么 简称JWT，在HTTP通信过程中，进行身份认证。 我们知道HTTP通信是无状态的，因此客户端的请求到了服务端处理完之后是无法返回给原来的客户端。因此需要对访问的客户端进行识别，常用的做法是通过session机制：客户端在服务端登陆成功之后，服务端会生成一个sessionID，返回给客户端，客户端将sessionID保存到cookie中，再次发起请求的时候，...

原创 cookie,session,localStorage的理解

一: cookie， 1.是什么：储存在用户本地终端上的数据，也叫浏览器缓存 怎么产生： Cookie是由W eb服务器保存在用户浏览器 (客户端 )上的小文本文件,它可 以包含有关用户的信息 。由网络服务器发送出来以存储在网络浏览器上，从而下次这位独一无二的访客又回到该网络服务器时，可从该浏览器读回此信息。 2.作用：Cookies存储用户在特定网站上的密码和 ID 3.特点：可以控制cooki...

原创 # vue 计算属性

vue 计算属性 computed:让模板里可以直接写入函数，减去了模板的负担，防止对模板进行繁重的操作。 <div id="example"> {{ message.split('').reverse().join('') }} </div> <div id="example"> <p>Original message: "{{ mess...

原创 react中虚拟dom的diff算法

diff算法： 虚拟dom比对的方式就是dom算法。 1.同层级之间进行比对。 2.比对的算法简单，速度较快。 setState是异步的，是为了提升react的底层性能。 获取reactz中dom节点的方法： 1.用e.target。 2.用ref ={（input）=>{this.input = input }} ...

原创 react回顾笔记

react中label标签中的for标签要替换为htmlFor; 父组件向子组件传递内容，通过属性的形式传递。 子组件接收内容通过，this.prop.属性值。 this.props.方法名。 子组件向父组件传递内容：调用父组件的方法从而修改数据。注意绑定this。 当组件中的state或者props发生改变的时候，render函数就会重新执行。 react中的虚拟dom： 1.什...

原创 react

生命周期函数：在某一时刻组件会自动执行的函数。

原创 scrapy爬虫框架介绍

1，简要介绍scrapy框架 scrapy是一个快速、高层次的基于python的web框架，用于抓取web站点并从页面中提取结构化的数据。scrpy使用了Twisted异步网络来处理网络通讯。 注：Twisted是用来创建具有可扩展性、跨平台的网络服务器和客户端的引擎 2.为什么使用scrapy框架？scrapy框架有哪些优点？ 它更容易构建大规模的抓取项目 它异步处理请求，速度非常快 它可以使用...

原创 ajax

什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、...

原创 python中异步与同步

首先理解异步与同步的概念： 异步： 多任务， 多个任务之间执行没有先后顺序，可以同时运行，执行的先后顺序不会有什么影响，存在的多条运行主线。（同一时间只能做一件事，做完了才能做下一件事情） 同步： 多任务， 多个任务之间执行的时候要求有先后顺序，必须一个先执行完成之后，另一个才能继续执行， 只有一个主线（可以近似的理解成同一时间有多个事情在做，但有先后) 阻塞：从调用者的角度出发，如果在调用的时候...

原创 python数据库总结

数据库实际上就是数据库管理工具+数据库 数据库系统是一种系统软件。是以软件形式存在。 关系型数据库完成两个任务： 1.记录实体的属性。 2.记录实体与实体之间的关系 关系可以分为三种：1，一对一关系。 2，一对多关系。 3，多对多关系。 一对多关系是最常见的，具体如何实现呢？ 答：在多端创建一个字段，用来保存一端的标识。 多对多关系在关系型数据库是不符合三范式的，所以必须把它拆成一对多关系。 ...

原创 python中对数据库的理解--------MySQL数据库

数据库：按照数据结构来组织、存储和管理数据的仓库。 数据库的分类：关系型数据库和非关系型数据库 MySQL------关系型数据库。 关系型数据库的特点 ： 将数据保存在不同的表中，再将这些表放入数据库中，而不是将所有数据统一放在数据库里。 优点：这样不仅增加了Mysql的读取速度，灵活性和可管理型也得到了很大的提高，访问以及管理Mysql数据库的最常用标准化语言为SQL结构化查询的语句，竟而让数...

转载 python爬虫了解及深入

安装Requests库 启动cmd控制台， 安装Requests库（pip install requests） 测试安装效果：启动IDLE &amp;gt;&gt;&gt; import requests &gt;&gt;&gt; r = requests.get("http://www.baidu.com") &gt;&gt;&gt; r.status_code 200 &gt;&gt;&g

原创 python爬虫的html格式输出 prettify（）

基于bs4库的html格式输出 prettify（）方法 如何让内容更加友好地显示，对人友好，对我们所写的程序也友好？？？ 我们发现在bs4库中有一个prettify（）方法 该方法可以被r.text调用，也可以被html的各个标签对象调用 它的作用就是使解析出来的html程序“每逢标签，自动换行” 可以对程序起到很好的作用辅助。 ...

原创 python使用代理访问服务器

python使用代理访问服务器主要有一下3个步骤： 1.创建一个代理处理器ProxyHandler： proxy_support = urllib.request.ProxyHandler()，ProxyHandler是一个类，其参数是一个字典：{ ‘类型’:‘代理ip:端口号’} 什么是Handler？Handler也叫作处理器，每个handlers知道如何通过特定协议打开URLs，或者如何处理...

原创 python爬虫beautifulsoup相关知识分享

import requests from bs4 import BeautifulSoup #基本知识 html = requests.get(“https://blog.csdn.net/weixin_44076384”) bsObj = BeautifulSoup(html.text, features=“html.parser”) #网页源码 print(bsObj.prettify()) ...

原创 A href中target属性的用法

A href中target属性的用法 target这个属性指定所链接的页面在浏览器窗口中的打开方式， 它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下： _blank，在新浏览器窗口中打开链接文件。 _parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。 如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件， 就象_se...

原创 from collections import Counter（python中自带的计数器，非常便利）

from collections import Counter type(Counter) type类型，本身是type类型。 例如： txt=“from collections import Counter” count=Counter（text) Counter({‘o’: 5, ‘r’: 3, ’ ': 3, ‘t’: 3, ‘m’: 2, ‘c’: 2, ‘l’: 2...

原创 python与反爬虫

禁止爬虫：模拟浏览器来进行访问，加上headers头部信息。 不加的话通过urlopen，read获取数据会出问题，获取不到数据，相反网站认为你在攻击它。 python2与python3的不兼容_urllib2 网页下载器：将URL对应的网页以HTML下载到本地，用于后续分析 常见网页下载器：Python官方基础模块：urllib2 第三方功能包：requests python 3.x中urlli...

转载 Python中的 os.path.join() os.path.split()和os.path.splitext()函数区别

os.path.join(): 把分散的路径组合成完整的路径： import os a = ‘home’ b = ‘picture’ c = ‘dog.jpg’ path = os.path.join(a,b,c) print('path = ',path) path = home/picture/dog.jpg os.path.split(): 把文件名和路径分开： import os...

原创 python中Django学习笔记。

Django的目标： 高可扩展性， 向后兼容。 低耦合，高内聚。

原创 python的web开发。Flask和Django

原创 python的模块、包、库的联系与区别

1.python模块： 一个模块就是指python代码的一个文件，一个.py文件就称为一个模块。 2.包（package） 为了组织好模块，将多个模块分为一个包。包是python模块文件所在的目录，且该目录下必须存在__init__.py文件。常见的包结构如下： package_a ├── init.py ├── module_a1.py └── module_a2.py package_b ├...

原创 python中的%s,d,f的用法。以及sep的用法

%s字符串占位符。%ns表示字符串的截取，%4s表示截取4位字符串。 %d数字占位符。 %f浮点数、小数占位符。（默认会保留6位小数） 保留两位小数可以用%.2f 保留两位小数可以用%.3f (其他方法前文有介绍） 打印百分比(使用%%） 举例： tax=“percent %.2f %%”%99.97623 print(tax) percent 99.98% sep的用法： ...