![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
菜鸟入门
文章平均质量分 81
七冬与小糖
天天敲代码,早日拿高薪
展开
-
学习网络请求模块——axios
Vue.js知识axiosaxios基本使用axios发送并发请求axios实例axios功能特点:在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持Proimse API拦截请求和响应转换请求和响应数据axios基本使用首先需要安装axios,npm stall aniox --save安装完成后,需要在main.js中导入并简单使用axios(config)import { createApp } from 'vue'import Ap原创 2021-09-13 20:50:17 · 314 阅读 · 1 评论 -
Vue.js知识——Promise、vuex
Vue.js知识PromisePromise的all方法VuexPromisePromise是异步编程的一种解决方案。最常见的异步场景就是网络请求了。语法:new Promise((resolve,reject)=>( //异步请求操作 )).then(()=>{ // 成功时的数据操作 }).catch(()=>{ //失败时的数据操作})异步操作之后会有三种状态:pending:等待状态,比如正在进行网络请求,或者定时器没有到时间fulfill原创 2021-09-12 20:32:05 · 500 阅读 · 0 评论 -
Vue.js知识——路由(二)
Vue.js知识路由全局导航守卫全局前置守卫keep-aliveTabBar路由全局导航守卫导航:“导航”表示路由正在发生改变。vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。全局前置守卫当有这么一个需求,当页面进行跳转的时候,最上方的页面标题也会跟着修改。注册语法如下:const router = new VueRouter({ ... })router.beforeEach((to,原创 2021-09-10 15:19:22 · 133 阅读 · 0 评论 -
Vue.js知识——路由、箭头函数
Vue.js知识Vue CLI脚手架Vue CLI脚手架CLI是Command-Line Interface ,翻译为命令行界面,俗称脚手架vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置原创 2021-09-06 21:06:04 · 1347 阅读 · 4 评论 -
Vue.js知识——webpack、loader、Vue的配置
Vue.js知识webpack的基本使用webpack.config.js配置和package.json配置loadercss文件处理webpack的基本使用webpack版本:3.6.0在文件下创建两个文件夹:src,源文件dist,存放打包之后的文件src文件夹下:写入两个文件main.js(入口文件)(CommonJS的导入方式)const {add,mul} = require("./aaa.js")console.log(add(20,30));console.log原创 2021-09-03 17:04:57 · 743 阅读 · 0 评论 -
Vue.js知识——slot插槽、ES6模块化的导入和导出
Vue.js知识slot 插槽具名插槽编译作用域作用域插槽ES6模块化的导入和导出export使用export defaultimport使用slot 插槽什么是slot?在生活中很多地方都有插槽,电脑的usb,排插当中的电源插槽。插槽的目的就是让原来的设备具有更多的扩展性,在vue中,组件的插槽也是为了让封装的组件更加具有扩展性,让使用者可以决定组件内部的一些内容到底展示了什么。代码演示:此时有一个组件cpn,在vue的实例中使用了4次,但是4次的末尾都要展示不同的标签,如何实现?源代码:&原创 2021-08-31 17:26:55 · 301 阅读 · 0 评论 -
Vue.js知识——父子组件的通信、父子组件的访问方式
Vue.js知识父子组件的通信通过props向子组件传递数据(properties)props驼峰标识子组件通过自定义事件向父组件发送消息父子组件的通信在开发中,往往一些数据确实需要从上层传递到下层:比如在一个页面中,我们从服务器请求到了很多的数据,其中一部分数据,并非是整个页面的大组件来展示,而是需要下面的子组件进行展示。这个个时候,并不会让子组件再次发送一个网络请求,而是直接让大组件将数据传递给小组件。如何进行父子组件间的通信?通过props向子组件传递数据(properties) c原创 2021-08-30 17:14:14 · 463 阅读 · 0 评论 -
Vue.js知识——v-model、组件
Vue.js知识v-modelv-model与radio结合使用v-model与checkbox结合使用v-model与select结合使用v-model的修饰符组件注册组件的基本步骤组件化的基本使用过程全局组件和局部组件全局组件局部组件父组件和子组件组件的语法糖模板组件抽离的写法(理解)为什么组件中的data必须是函数v-modelv-model可以用来实现表单元素和数据的双向绑定<body> <div id="app"> {{message}}原创 2021-08-27 23:00:26 · 787 阅读 · 1 评论 -
Vue.js知识—— v-if && v-else、v-show、v-for、购物车案例
Vue.js知识v-if && v-else用户登录切换的案例v-showv-for数组中哪些方法是响应式的购物车案例v-if && v-else<body> <div id="app"> <h2 v-if="isShow">{{message}}</h2> <h2 v-else>如果信息为false,就显示我</h2> </div> <script sr原创 2021-08-26 20:29:30 · 589 阅读 · 0 评论 -
Vue.js知识——指令2、计算属性、事件监听
Vue.js知识指令2v-bind计算属性事件监听v-on介绍v-on的参数问题v-on 修饰符指令2v-bindv-bind可以动态获取超链接地址 <div id="app"> <a v-bind:href="ulr">百度一下</a> </div> <script> let app = new Vue({ el:"#app", data:{ ulr:"原创 2021-08-25 20:48:13 · 135 阅读 · 0 评论 -
Vue.js知识——Vue基本用法(列表的展示,Mustache语法、指令)
Vue.jsVue的基本用法Vue的第一个代码列表的展示案例-计数器mustache语法指令v-oncev-htmlv-prev-cloakVue的基本用法Vue的第一个代码首先需要导入Vue:<script src="../vue.js"></script>在官方网站下载源代码,并导入scritp第二步创建对象:创建Vue对象的时候,传入了一些options:{ }{ }包含了el属性:该属性决定了这个Vue对象挂载到哪一个元素{ }包含了data属性:原创 2021-08-24 20:30:28 · 421 阅读 · 0 评论 -
JavaScript高级——数据、变量、内存相关问题、对象、函数
JavaScript高级数据、变量、内存相关问题对象函数IIFE原型和原型链原型原型链instanceof数据、变量、内存相关问题undefined与null的区别?undefined代表定义未赋值,null表示定义了也赋值了,值为null什么时候给变量赋值null?初始赋值,表明将要赋值为对象,结束前,让对象成为垃圾对象。严格区别变量类型与数据类型数据类型:- 基本数据类型:String、Nubmer、boolean、undefined、null &n原创 2021-08-21 23:20:36 · 656 阅读 · 2 评论 -
JavaScript知识——事件、BOM简介
JavaScript知识事件事件的委派事件的绑定拖拽鼠标滚轮事件键盘事件BOM事件事件的委派事件的委派指的是将事件统一绑定给元素的共同的祖先元素,这样后代元素上的事件触发时,会一直冒泡到祖先元素,从而通过祖先的响应函来处理事件。例子:使得添加的超链接和原来的超链接都拥有单击响应事件。<script> window.onload = function () { var btn = document.getElementById("btn"); v原创 2021-08-17 19:42:34 · 342 阅读 · 2 评论 -
JavaScript知识——DOM增删改、操作内联样式
JavaScript知识DOM增删改操作内联样式获取元素的样式例子DOM增删改 <div> <ul id="city"> <li id="bj">北京</li> </ul> </div> <div class="btn"> <button id="btn1">创建一个“广州”节点,添加到#city下</button原创 2021-08-16 21:01:32 · 669 阅读 · 0 评论 -
JavaScript知识——数组、函数方法、Date对象、包装类、正则表达式、DOM简介
JavaScript知识数组数组的方法函数方法call()和apply()argumentsDate对象包装类数组创建数组var arr = new Array();arr[0] = 135;console.log(arr[0]);console.log(arr.length); #求数组的大小,最大索引+1//135//1使用字面量创建数组var arr = [1,2,3,4,5,6];var arr = new Array(10,2,3,30,5,6);var arr =原创 2021-08-15 17:34:54 · 342 阅读 · 3 评论 -
JavaScritp知识——this、工厂方法创建对象
JavaScritp知识this工厂方法创建对象构造函数原型对象prototypethis解析器在调用函数每次都会向函数内部传递一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,这个对象称之为函数执行的上下文对象。根据函数的调用方式不同,this会指向不同的对象以函数的形式调用,this永远都是windonw以方法的形式调用,this就是调用方法的那个对象函数方法调用:function fun(){ console.log(this);}fun();/原创 2021-08-12 23:16:57 · 139 阅读 · 0 评论 -
Python知识——进程间通信、生产者与消费者模型、线程
Python知识进程间通信IPC主进程跟子进程借助于队列通信子进程与子进程进行通信生产者与消费者模型线程开启线程的两种方法进程间通信IPC主进程跟子进程借助于队列通信from multiprocessing import Queue, Processdef producer(q): q.put('队列里面的信息') print('hello world')if __name__ == '__main__': q = Queue() p = Process(转载 2021-08-12 17:25:04 · 220 阅读 · 0 评论 -
JavaScript知识——嵌套for循环、对象、函数
JavaScript知识嵌套for循环对象创建对象函数嵌套for循环beark 选择退出的for循环 outer: for (var i = 1; i < 10; i++) { document.write("外层循环" + i); for (var j = 1; j < 5; j++) { document.write("内存循环" + j); for原创 2021-08-12 10:03:43 · 383 阅读 · 0 评论 -
Python知识——进程对象及其他方法、互斥锁
Python知识进程对象及其他方法僵尸进程与孤儿进程守护进程互斥锁进程对象及其他方法一台计算机上面运行着很多进程,那么计算机是如何区分并管理这些进程服务端的呢?计算机会给每一个运行的进程分配一个PID号如何查看:Windows,加入cmd输入tasklist即可查看tasklist | findstr PID查看具体的进程mac电脑 进入终端后输入ps auxfrom multiprocessing import Process, current_processimport time原创 2021-08-11 16:46:41 · 127 阅读 · 0 评论 -
Python知识——多道技术、进程、join方法
Python知识多道技术多道技术单核实现并发的效果必备知识点并发:看起来像同时运行的就可以称之为并发并行:真正意义上的同时执行ps:并行肯定算并发单核计算机肯定不能实现并行,但是可以实现并发。...原创 2021-08-10 11:00:30 · 164 阅读 · 0 评论 -
JavaScript知识——JS怎么写、变量、逻辑运算符
JavaScript知识JS怎么写写在script标签内JS写在body的标签里面写在外部文件JS怎么写写在script标签内JS写在<script>标签内,要加“;” <script> //控制浏览器弹出一个警告框 alert("hello world!!"); </script> <script> //控制浏览器弹出一个警告框 alert("hello worl原创 2021-08-09 18:37:13 · 1674 阅读 · 0 评论 -
计算机网络基础——粘包问题、socketserver模块
计算机网络基础粘包何为粘包现象解决粘包问题socketserver模块基于tcp协议基于udp协议粘包先基于tcp协议写一个远程执行命令的程序:客户端:from socket import *client = socket(AF_INET, SOCK_STREAM)client.connect(('127.0.0.1', 8080))while True: msg = input('请输入命令:>>>').strip() if len(msg) == 0原创 2021-08-05 21:17:53 · 174 阅读 · 0 评论 -
计算机网络基础——套接字
计算机网络基础套接字基于tcp协议的套接字案例基于udp协议的套接字通信案例套接字基于tcp协议的套接字一个生活中的场景。你要打电话给一个朋友,先拨号,朋友听到电话铃声后提起电话,这时你和你的朋友就建立起了连接,就可以讲话了。等交流结束,挂断电话结束此次交谈。 生活中的场景就解释了这工作原理。案例用代码的形式进行通信:模拟客户端:import socket# 1 、买手机phone = socket.socket(socket.AF_INET, socket.SOCK_STREAM)原创 2021-08-04 20:44:44 · 120 阅读 · 0 评论 -
Python知识——异常处理
Pyhton知识异常处理异常处理异常是程序发生错误的信号,程序一旦出错就会抛出异常,程序的运行随即终止#异常的追踪信息Traceback (most recent call last): File "D:\python\py", line 1, in <module> xNameError: name 'x' is not defined#异常的类型 #异常的内容为何要处理异常?为了增强程序的健壮性,即便是程序运行过程中出错了,也不要终止程序,而是捕捉异常并处理:原创 2021-08-02 21:58:27 · 6295 阅读 · 1 评论 -
Python知识——元类、自定义元类
Python知识元类class机制分析自定义元类元类Python中有这么一句话,一切皆为对象,那么看下面的代码:class People: def __init__(self, name, age): self.name = name self.age = age def say(self): print('<%s:%s>' % (self.name, self.age))obj = People('egon', 18原创 2021-08-02 01:17:30 · 421 阅读 · 0 评论 -
Python知识——反射机制,内置方法
Python知识反射内置方法反射python是动态语言,而反射(reflection)机制被视为动态语言的关键。反射机制指的是在程序的运行状态中:对于任意一个类,都可以知道这个类的所有属性和方法;对于任意一个对象,都能够调用他的任意方法和属性。这种动态获取程序信息以及动态调用对象的功能称为反射机制。在python中实现反射非常简单,在程序运行过程中,如果我们获取一个不知道存有何种属性的对象,若想操作其内部属性,可以先通过内置函数dir来获取任意一个类或者对象的属性列表,列表中全为字符串格式转载 2021-07-30 23:10:08 · 224 阅读 · 0 评论 -
Python知识——多态、绑定方法与非绑定方法
Python知识多态什么是多态?多态性鸭子类型绑定方法与非绑定方法绑定方法1、绑定给对象的方法2、绑定给类的方法非绑定方法多态什么是多态?同一事物多种形态class Animal: # 同一类事物:动物 def talk(self): passclass Cat(Animal): # 动物的形态之一:猫 def talk(self): print('喵喵喵')class Dog(Animal): # 动物的形态之二:狗 def原创 2021-07-28 23:42:35 · 125 阅读 · 0 评论 -
Python知识——深度优先与广度优先、Mixins机制、super方法
Python知识深度优先与广度优先Mixins机制深度优先与广度优先如果多继承是菱形继承,经典类与新式类的属性查找顺序不一样:经典类:深度优先,会在检索第一条分支的时候就直接一条道走到黑,即会检索共同的父类新式类:广度优先,会在检索最后一条分支的才会检索共同的父类class A(object): def test(self): print('from A')class B(A): # def test(self): # print('fro转载 2021-07-27 12:05:42 · 224 阅读 · 1 评论 -
Python知识——继承、菱形问题与MRO介绍
Python知识继承什么是继承如何实现继承菱形问题继承什么是继承继承是一种创建新类的方式,新建的类可以继承一个或多个父类(python支持多继承),父类又可称为基类或超类,新建的类称为派生类或子类。子类会“”遗传”父类的属性,从而解决代码重用问题class Parent1(object): x = 1111class Parent2(object): passclass Sub1(Parent1): # 单继承 passclass Sub2(Parent转载 2021-07-23 23:56:25 · 217 阅读 · 1 评论 -
Python知识——封装、property
Python知识封装将封装的属性进行隐藏操作为何要隐藏属性?特性(property)property第一种使用方式property第二种使用方式本文参考:面向对象之封装封装面向对象三大特性最核心的一个特性封装<—>整合将封装的属性进行隐藏操作如何隐藏属性:在属性名前加__前缀,就会实现一个对外隐藏属性效果class Foo: __x = 1 def __f1(self): print('hello world')''' print(Fo转载 2021-07-22 15:00:49 · 176 阅读 · 0 评论 -
Python知识——面向对象编程的案例
面向对象编程的案例学校类的定义与使用班级定义与使用关联学校与班级以学校、班级、课程、学生数据和功能的整合,来加深面向对象编程的理解与运用。学校类的定义与使用lass School: school_name = '广师大' def __init__(self, address, nickname): self.address = address self.nickname = nickname self.classes = []原创 2021-07-21 21:35:39 · 182 阅读 · 0 评论 -
Python知识——类、产生对象
Python知识类产生对象__init__方法解决方法一:通过定义函数,将重复功能简化解决方法二:总结属性查找类在程序中:务必保证先定义类,后产生对象这与函数的使用是类似的,先定义函数,后调用函数,类也是一样的,在程序中需要先定义类,后调用类。不一样的是,调用函数会执行函数体代码返回的是函数体执行的结果,而调用类会产生对象,返回的是对象。#先定义类 驼峰体class Student: # 1、变量的定义 stu_school = 'NUPG' # 2、 功能的定义原创 2021-07-20 21:04:49 · 343 阅读 · 2 评论 -
Python知识——日志模块
日志模块日志基本配置日志级别:logging.debug('调试debug') #10logging.info('消息info') #20logging.warning('警告warn') #30logging.error('错误error') #级别为40logging.critical('严重critical') #级别为50默认日志级别为30,可以通过logging.basicConfig(level)进行修改默认级别logging.basicConfig(level=原创 2021-07-04 21:06:43 · 570 阅读 · 2 评论 -
Python知识——序列化、JSON函数、pickle、configparser、hashlib模块
序列化 & 反序列化把内存的数据类型转换成一种特定的格式,该格式的内容可用于存储或者传输给其他平台使用内存中的数据类型——>序列化——>特定的格式(json格式或者pickle格式)内存中的数据类型<——反序列化<——特定的格式(json格式或者pickle格式)用途:可用于存储——>用于存档传输给其他平台使用——>跨平台数据交互针对用途1的特定格式:可以用一种专用的格式——>pickle 只有python可以识别针对用途2的特定格式:应原创 2021-07-03 20:26:11 · 198 阅读 · 3 评论 -
Python知识——random模块、os模块、打印进度条
random模块import randomprint(random.random()) #随机产生一个(0,1)之间的浮点数print(random.randint(1,3)) #[1,3] 随机产生一个1<= and <=3的整数print(random.randrange(1,3)) #[1,3) 随机产生一个 1<= and <3的整数print(random.choice([1,'aaa',[1,5,6]])) #随机从choice([])中挑选一个值,注意()转载 2021-07-02 20:05:41 · 151 阅读 · 0 评论 -
Python知识——模块查找优先级、包、软件开发的目录规范、时间模块
模块查找的优先级无论是import还是from…import在导入模块时都涉及到查找问题优先从内存中寻找模块,其次是硬盘中寻找。sys.path 值为一个列表,存放了一系列的文件夹,其中第一个文件夹是当前执行文件所在的文件夹import sysprint(sys.path)'''['d:\\python', 硬盘中查找模块的文件夹以及压缩包顺序'C:\\Users\\***\\AppData\\Local\\Programs\\Python\\Python39\\python39.zip',原创 2021-06-29 21:17:03 · 539 阅读 · 1 评论 -
Python知识——二分法、面向过程编程思想、匿名函数、模块
二分法需求:有一个按照从小到大顺序排列的数字列表,找到目标数字,如果目标数字不在列表,打印不存在nums = [1, 3, 5, 11, 20, 22, 35, 36, 37, 40, 45, 46,57,84,93,99,101,156]def binary_search(find_num, nums): print(nums) #每轮都打印列表,以观察列表的变化 if not nums == []: #判断列表是否为空,不为空才可以进行比较 mid_val原创 2021-06-24 23:28:05 · 120 阅读 · 1 评论 -
Python知识——叠加多个装饰器的加载以及运行分析、yield返回值、生成式、函数递归
叠加多个装饰器的加载、运行分析def deco1(func1): def warpper1(*args, **kwagrs): #func1 = wrapper2的内存地址 print('正在运行===》deco1.warpper1') res1 = func1(*args, **kwagrs) return res1 return warpper1def deco2(func2): def warpper2(*args, **原创 2021-06-23 13:39:29 · 159 阅读 · 0 评论 -
Python知识——迭代器、生成器
迭代器什么是迭代器迭代器指的是迭代取值的工具,迭代是一个重复的过程,每次重复都是基于上一次结果而继续的,单纯的重复并不是迭代count = 0while count < 5: print(count) count += 1为何要有迭代器迭代器是用来取值的工具,而涉及到把多个值取出来的类型有:列表,字符串,元组,字典,集合,文件。以下是一个用while循环取值的案例:l = ['张三', '李四', '王五']i = 0while i < len(l): prin原创 2021-06-20 01:36:02 · 165 阅读 · 0 评论 -
Python知识——装饰器、有参装饰器
装饰器器:指的是工具,可以定义成函数装饰:指的是为其他事物添加额外的东西点缀合在一起的解释:装饰器指的定义一个函数,该函数是用来为其他函数添加额外的功能为何要用装饰器:开放封闭原则:开放:指的是对拓展功能是开放的封闭:指的是对修改源代码是封闭的装饰器就是在不修改被装饰器对象源代码以及调用方式的前提下,为被装饰对象添加新功能如何使用装饰器:需求:在不修改index函数的源代码以及调用方式的前提下为其添加统计运行时间的功能def index(x,y): time.sleep(3)原创 2021-06-18 00:00:02 · 218 阅读 · 3 评论