自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(202)
  • 收藏
  • 关注

原创 面试之Java的SPI机制详细讲解你会吗?

面试Java之SPI详细教学

2023-04-09 10:23:09 587

原创 我的python爬虫面试题总结

增量爬取即保存上一次状态,本次抓取时与上次比对,如果不在上次的状态中,便视为增量,保存下来。对于 scrapy 来说,上一次的状态是抓取的特征数据和上次爬取的 request 队列(url 列表),request 队列可以通过 request 队列可以通过 scrapy.core.scheduler 的 pending_requests 成员得到,在爬虫启动时导入上次爬取的特征数据,并且用上次 request 队列的数据作为 start url 进行爬取,不在上一次状态中的数据便保存。

2023-03-29 18:52:58 1405

原创 ChatGPT如何帮助DevOps提升效率

DevOps 是一种方法论,旨在提高软件开发和 IT 运营团队的协作和效率。DevOps 涉及各种任务和流程的自动化,例如规划、编码、测试、部署、监控和故障排除。然而,其中一些任务和流程仍然有大量任务需要人工手动处理,而这会减慢软件产品和服务的交付和质量。随着人工智能技术的快速崛起和扩张,AI 技术也渐渐被运用到 DevOps 流程中。ChatGPT 是一种由 OpenAI 编写的高级语言生成模型,它能适应不同的领域和语境,使用深度学习技术来创建各种文本形式(包括代码),这也使其成为自动化 DevOps

2023-03-29 10:56:49 3266

原创 如何实现Python单例模式?最牛实战详解

前言今天在群里讨论时讨论到了单例模式,这应该是大家最熟悉的一种设计模式了。简单而言,单例模式就是保证某个实例在项目的整个生命周期中只存在一个,在项目的任意位置使用,都是同一个实例。单例模式虽然简单,但还是有些门道的,而少有人知道这些门道。边界情况Python中实现单例模式的方法很多,我以前最常使用的应该是下面这种写法。class Singleton(object): _instance = None def __new__(cls, *args, **kw

2020-07-24 11:25:46 308

原创 6年Python大神总结10大开发技巧,80%的人都不会

今天给大家分享 10 个我平时整理非常实用的 Python 开发小技巧,内容目录如下:值得一提的是,这 10 个技巧全部收录在我自己写的 《Python黑魔法指南》里另外要特别注意:光理论是不够的。这里顺便免费送大家一套2020最新python入门到高级项目实战视频教程,可以去小编的Python交流.裙 :七衣衣九七七巴而五(数字的谐音)转换下可以找到了,还可以跟老司机交流讨教!1. 如何在运行状态查看源代码?查看函数的源代码,我们通常会使用 IDE 来完成...

2020-07-24 11:03:31 267

原创 java开发三年,这些接口你都不会用,凭什么给你涨工资??

接口概述:1、接口是Java语言中的一种引用类型,是方法的"集合",所以接口的内部主要就是定义方法,包含常量,抽象方法(JDK 7及以前),额外增加默认方法和静态方法(JDK 8),额外增加私有方法(jdk9)。接口的定义,它与定义类方式相似,但是使用 interface 关键字。它也会被编译成.class文件,但一定要明确它并不是类,而是另外一种引用数据类型。public class 类名.java–>.classpublic interface 接口名.java–>.clas

2020-07-23 17:55:12 307

原创 如何用Vue技术完美记住滚动条和实现下拉加载呢?本文详细教你

滚动条常见于移动端 App 在滚动点击进入的时候问题描述当我们在开发 web app 的时候,经常会遇到一个问题,就是当从一个可滚动的列表页进入到下一个详情页面,然后返回列表页面的时候,很难去还原滚动条的状态,无法记住进来时候的位置。以前我尝试过很多方法:有 vue-router 自带的 scrollBehavior,需要记住 scrollTop,然后还原,但是管理这个 scrollTop 显得很麻烦,有的时候还不容易取值 还有使用纯 CSS 的方式,在列表页面放置一个 route

2020-07-22 10:26:53 739

原创 2020年JavaScript开发必须知道的41个技巧,你会几个?

前言JS是前端的核心,但有些使用技巧你还不一定知道;本文梳理了JS的41个技巧,帮助大家提高JS的使用技巧;文章有点长,可以clone下源码,直接撸,源码地址请戳全部源码,原创不易,欢迎star;序列文章:Vue 开发必须知道的 36 个技巧React 开发必须知道的 34 个技巧Array1.数组交集普通数组const arr1 = [1, 2, 3, 4, 5 , 8 ,9],arr2 = [5, 6, 7, 8, 9];const intersection = ar

2020-07-21 14:02:59 240

原创 30张脑图带你从0开始学好Vue.js,超详细

本篇还是给大家分享一下思维导图,如果您刚好能收获一二,那是小芝麻荣幸???? 能帮到您查缺补漏;本篇内容适用于:初学前端;及工作时间不久想回顾基础的各位伙伴;这次先上图片链接地址:gitee.com/jinsexiaozh…-------------------------------接下来开始正文--------------------------0、模块化进化史::光理论是不够的。技术也在不断更新。在此赠送2020最新企业级别Vue3.0/Js/ES6/TS/React/node等实战视频

2020-06-21 10:42:17 848

原创 如何用Node中的Express应用框架的技术选型?本文详解

前言现在的 Node 对于前端而言可以涵盖各个方面,包括命令行接口、插件、依赖库、脚手架以及 Web 服务等。本文是一篇对于 Node 使用的浅谈文章,会简单讲解一些个人使用 Node 的经验,分享的内容主要可分为三个方面:工具篇 插件篇 服务篇工具篇会讲解使用 NPM 发布命令行接口的简单教程。插件篇主要讲述如何开发一个有趣的 Webpack 插件(Vue CLI / Babel 插件同理)。服务篇会讲解一些基于 Express 应用框架的技术选型方案,这类技术往往对于做一些前端工具平台非常有

2020-06-18 14:09:39 338

原创 如何用vue-cli4.0构建多页面模板脚手架!?本文实战教你

multipageGithub地址github.com/qinouz/mult…基于 vue-cli4.0 构建 多页面 模板脚手架!启动项目git clone https://github.com/qinouz/multipage.gitcd multipagenpm installnpm run dev复制代码目录√ Vue-cli4 √ 根据目录结构生成多页面配置 √ 配置多环境变量 √ rem 适配方案 √ Vuex 状态管理 √ Vue-rout.

2020-06-18 10:52:11 615

原创 Vue组件通信的六种方式,你会几个?

在平时的开发过程中,父子 / 兄弟组件间的通信是肯定会遇到的啦,所以这里总结了 6 种 Vue 组件的通信props / $e$emit / Vuex$attrs / $listeners $parent / $children 与 ref provide / inject 前言如上图所示,A/B,B/C,B/D 组件是父子关系,C/D 是兄弟关系。那如何根据不同的使用场景,选择不同的通信方式呢?所以前提就是我们要了解不同的通信方式的作用和区别。一. props ..

2020-06-16 11:25:25 249

原创 Vue源码阅读,如何渲染代码块生成? 本文详解

1. 构造compiler个人觉得 本章 可以大概看看我写的内容 最有效的方法是查看测试用例 很详细 覆盖很全面 这一段比较绕,主要是包装compile,最终暴露出compile本身以及包装后的compileToFunctions1.1 compiler和compileToFunctions的基础baseCompile它是对src/compiler包下暴露出的核心parse进行初步包装,我们知道parse传入template,返回的是ast语法树,此时生成的render,staticRen

2020-06-15 21:27:09 757

原创 这15道Vue常见面试题,你会几道??

1.vue优点?答: 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作; 虚...

2020-06-15 21:07:42 215

原创 TypeScript在Model中是如何操作运用的?本文详解

在MVC、MVVC等前端经典常用开发模式中,V、C往往是重头戏,可能是前端业务主要集中这两块。结合实际业务,笔者更喜欢路由模式、插件式设计,这种在迭代和维护上更能让开发者收益(不过你需要找PM协调这事,毕竟他们理解的简化用户体验,多半是怎么让用户操作简单)。但我们今天来看看Model,看看M有什么扩展的可能。如果读者熟悉iOS开发,应该听过VIPER开发模式,下面推荐iOS开发 使用viper架构构建复杂页面 使用 VIPER 构建 iOS 应用 积木法搭建 iOS 应用—— VIPER

2020-06-12 21:29:26 981

原创 Webpack 5模块联邦会不会引发微前端的革命呢? 本文详解

Webpack 5的模块联邦提供加载部分编译好的代码能力,这个似乎会成为微前端架构的标准实现。Webpack只是我分享的一小点,我是08年出道的高级前端架构师,有问题或者交流经验可以来我的扣扣裙 519293536 我都会尽力帮大家哦引言在当前的微前端实现中,我们需要通过一系列的技巧去实现。正如上图所示,微前端的公共依赖加载目前并没有非常好的实现方案。然后,Webpack 5中的模块联邦将会改变这一现状。模块联邦可以去依赖一个远程模块,这个依赖会在运行时生效,并不影...

2020-06-12 17:57:43 739

原创 如何用Vue+TypeScript项目配置实战?本文教你

❝最近想学习一下TypeScript语法,但是只是看官方文档又有些乏味,还是通过项目在实践中学习比较有趣,所以在这里记录一下我的学习历程,与Vue项目结合开发。(官方文档 请戳>>)❞项目搭建通过脚手架搭建1. 通过Vue CLI 3 创建vue项目vue create vue-typescript// 在此选择typescript支持? Check the features needed for your project: () Babel () Ty...

2020-06-12 11:07:47 631

原创 教你如何用24个ES6方法解决实际开发的JS问题?本文详解

本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。1.如何隐藏所有指定的元素const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));// 事例:隐藏页面上所有`<img>`元素?hide(document.querySelectorAll('img'))复制代码2.如何检查元素是否具有指定的类?页面DOM里的每个节点上都有一

2020-06-12 10:57:18 349 2

原创 如何手 Vue的手势组件呢?本文教你

前言最近需要使用手指捏合扩大的手势操作,找了几个组件,要么对 Vue 适配不好,要么量级太大,决定自己手写手势操作。项目与效果预览思路直接在 DOM 上绑定touchstart、touchmove、touchend不仅要绑定这几个事件,而且用在其他项目还不好复用。所以用 Vue 自定义指令比较合适,指令还可以封装成插件,再使用npm托管,这样随时随地都可以使用了。Vue 自定义指令Vue 官网就有自定义指令的教程,摘取我们需要的关键代码。Vue.dire...

2020-06-12 10:17:49 370

原创 Vue组件为什么data必须是一个函数呢?本文案例详解

前言我们需要先复习下原型链的知识,其实这个问题取决于 js ,而并非是 vue 。function Component(){ this.data = this.data}Component.prototype.data = { name:'jack', age:22,}复制代码首先我们达成一个共识(没有这个共识,请补充下 js 原型链部分的知识):实例它们构造函数内的this内容是不一样的。 Component.prototype ,这类底下的方法或者值,都是

2020-06-12 10:01:51 258

原创 如何用vue-Element-ui实现左侧无限级菜单?本文详细教你

#最近项目中,要用到element-ui的无限级分类菜单,根据角色生成不同的递归数据,查阅了网上很多资料,发现很多都不太完整并且没有很多的延伸性。###梳理递归数据我们一般拿到后台的数据是:1.扁平化数据格式2.递归式数据格式复制代码let arr = [{ name:小七, id:1},{ name:小八, id:2},{ name: 小九, id:3}]我们从后台拿到的是这种扁平化处理数据,那我们实现递归菜单的话需要什

2020-06-11 21:43:56 2098 1

原创 如何实现vue3.0的响应式呢?本文实战教你

之前写了两篇vue2.0的响应式原理,链接在此,对响应式原理不清楚的请先看下面两篇和尤雨溪一起进阶vue和尤雨溪一起进阶vue(二)现在来写一个简单的3.0的版本吧大家都知道,2.0的响应式用的是Object.defineProperty,结合发布订阅模式实现的,3.0已经用Proxy改写了Proxy是es6提供的新语法,Proxy 对象用于定义基本操作的自定义行为(如属性查找、赋值、枚举、函数调用等)。语法:const p = new Proxy(target, handler

2020-06-11 21:25:26 255

原创 Vue首屏加载速度如何优化提升80%?本文详解

在Vue项目中,引入到工程中的所有js、css文件,编译时都会被打包进vendor.js,浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多,那么vendor.js文件体积将会相当的大,影响首屏的体验。可以看个例子: 差点忘记介绍了:我是一名08年出道的高级前端老鸟,大家如果想跟我交流学习经验,可以进我的扣扣裙 519293536 有问题我都会尽力帮大家。主要是中高级问题,小白勿进哦这是优化前的页面加载状态:执行npm run build打包项目,出来的vendeor...

2020-06-11 11:18:59 2191 3

原创 用vue3.0.1如何搭建仿京东的电商H5项目呢?本文实战教你

前言就在前段时间,vue官方发布了3.0.0-beta.1 版本,趁着五一假期有时间,就把之前的一个电商商城的项目,用最新的Composition API拿来改造一下!????GitHub地址请访问????:github.com/GitHubGanKa…项目介绍vue-jd-h5是一个电商H5页面前端项目,基于Vue 3.0.0-beta.1+ Vant 实现,主要包括首页、分类页面、我的页面、购物车等。????本地线下代码vue2.6在分支demo中,使用mockjs数据进行开发,效果

2020-06-10 21:41:55 956

原创 Vue响应式系统如何操作运用?本文详解

前言之前学习 vue 的时候,一直没刨根问底过。在看到网上这类文章比较多,参差不齐的质量有时候看的一头雾水。当然也有不错的文章,但是终究是别人的理解。于是写一篇关于自己的理解记录下来,亲身实践才能收获更多!初阶:响应式原理在说明之前,我们先了解一个Object.defineProperty()。引用 MDN 上的权威介绍developer.mozilla.org/zh-CN/docs/…:Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改...

2020-06-10 21:24:59 187

原创 2020最新中级web前端面试题库(含详细答案,15k级别)你会几道呢?

前言1.本篇文章,献给我家女朋友,祝她在杭州找一个965的好公司!2.除了面试题。结合多年开发经验整理出2020最新企业级实战视频教程, 包括 Vue3.0/Js/ES6/TS/React/node等想学的可进裙 519293536 免费获取,小白勿进哦!题外话:关于中级 -> 高级的进阶,我也写了一篇文章,希望对你有帮助:写给初中级前端的高级进阶指南HTML篇HTML5语义化html5语义化标签百度ife的h5语义化文章,讲得很好,很多不错的公司都会问语义化的...

2020-06-10 12:09:09 2471

原创 如何用JavaScriptJ封装拖动验证滑块?本文教你

前言星期六闲着没事,就想着写写原生js玩玩,在网上看了几个效果后决定做这个效果,并且使用了prototype和eventEmitter封装成了库。最终效果分析1.看到这个效果我们首先应该想到和拖动有关的api: onmousedown, onmousemove, onmouseup其次要支持用户传入放置这个组件的dom元素和完成的回调事件。2.除了滑块验证,结合多年开发经验整理出2020最新企业级实战视频教程, 包括 Vue3.0/Js/ES6/TS/React/...

2020-06-10 11:42:59 401

原创 Vue学习总结之Vue的生命周期是怎么运用操作的?本文详解

写在前面1.每一篇文章都希望您有所收获,每一篇文章都希望您能静下心来浏览、阅读。每一篇文章都是作者精心打磨的作品。2.如果您觉得二郎神杨戬有点东西的话,作者希望你可以帮我点亮那个点赞的按钮,对于二郎神杨戬这个暖男来说,真的真的非常重要,这将是我持续写作的动力。您只需要小手轻轻一点,带来的却是温暖了这个作者,给予他前进的动力。3.除了本文案例,结合多年开发经验我还整理出2020最新企业级高级实战视频教程包括 Vue3.0/Js/ES6/TS/React/node等想学的可进裙 51929353...

2020-06-09 17:20:20 364

原创 Vue3 到底哪里好?和React Hook对比有啥有优势?本文详解

前言这几天 Vue 3.0 Beta 版本发布了,本以为是皆大欢喜的一件事情,但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点:意大利面代码结构吐槽:“太失望了。杂七杂八一堆丢在 setup 里,我还不如直接用 react”我的天,3.0 这么搞的话,代码结构不清晰,语义不明确,无异于把 vue 自身优点都扔了怎么感觉代码结构上没有 2.0 清晰了呢 ???? 这要是代码量上去了是不是不好维护啊抄袭 React 吐槽:抄来抄去没自己的个性有 re

2020-06-09 10:54:53 1359 1

原创 Vue中Axios如何封装管理?本文详解

Vue Axios 封装定义Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性 支持Promise API 拦截请求和响应 转换请求数据和响应数据 自动转换JSON数据 客户端支持 XRSF 回归正题在Vue 项目开发中,我们与接口打交道最多了,如何来优雅的使用Axios变得尤为重要了。 通常我们通过客户端向后端发送请求来接收接口数据,然后将这些接口数据完美的呈现到网页上。.

2020-06-09 10:22:55 572 1

原创 最新vue-router的hooks用法你会吗?本文详解

虽然Vue 3还没有正式发布,但是热爱新技术的我早已按捺不住自己的内心,开始尝试在小项目中使用它了。1.根据这篇《今日凌晨Vue3 beta版震撼发布,竟然公开支持脚手架项目!》我搭建了一个Vue 3的脚手架项目,用这种方式搭建的脚手架项目不仅仅只有vue是新版的,就连vue-router、vuex都是最新的。2.光理论是不够的。在此赠送2020最新企业级 Vue3.0/Js/ES6/TS/React/node等实战视频教程,想学的可进裙 519293536 免费获取,小白勿进哦!给大家截一下pack

2020-06-09 10:00:42 846

原创 Vue 3.x 如何高效学成?本文详解

前言本文所分享的是关于 vue 3.x 在用法上的改变,而不是在代码实现上的不同。虽然 vue2 到 vue3 的实现大改,但在用法上变化基本不大,比较明显的一个变化就是添加了 setup(){} 函数了,几乎所有的配置变成了以函数的方式进行定义。即使是这样,但小改动还是很多的。本文主要分享的是 vue 2.x 与 vue 3.x 之间一些常见用法的差异。虽然记录的不多,但也不算少。本文资料来源:github.com/vuejs/rfcs/…当然这里默认你已经熟练掌握了 vue 2.x 的...

2020-06-08 21:50:11 990

原创 60%的人不懂Python中的多线程,本文教你

python 里有一个 threading 模块,其中提供了一个函数: 1 threading.Thread(target=function,args=(),kwargs={}) function 是开发者定义的线程函数,args 是传递给线程函数的参数,必须是tuple类型,kwargs 是可选参数,字典类型。调用 threading.Thread 之后,会创建一个新的线程,参数 target 指定线程将要运行的函数,args 和 kw...

2020-06-08 16:15:17 166

原创 用Python如何画出数据可视化图呢?本文详解

python画分布图代码示例: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 #encoding=utf-8 i...

2020-06-08 15:54:56 312

原创 用Python如何开发Excel宏脚本?新手必学

今天介绍一个叫 xlpython 的库,通过它我们可以用 Python 来开发 Excel 的宏脚本,真正实现在 Excel 中调用 Python。基本环境操作系统:Windows 10 x64Office:2016安装Python1.下载Python安装包登录[https://www.python.org/downloads/windows/]进行下载Python2.x或Python3.x均可,推荐Python3.x(因为2020年1月1日起Python2就停止服务了.....

2020-06-08 15:34:21 1420

原创 80%人没搞懂python迭代器和生成器的区别,本文详解

今天,我们来为大家介绍一下Python的进阶知识——迭代器和生成器,你们知道是怎么运行工作的吗?迭代1. 什么是迭代?使用for循环遍历取值的过程叫做迭代,比如:使用for循环遍历列表获取值的过程2. 可迭代对象使用for循环遍历取值的对象叫做可迭代对象, 比如:列表、元组、字典、集合、range、字符串3.如何判断一个对象是否可以迭代另外注意:光理论是不够的。这里顺便免费送大家一套2020最新python入门到高级项目实战视频教程,可以去小编的Python交流.裙 ...

2020-06-08 15:10:41 315

原创 Python实战之如何爬取豆瓣电影?本文教你

爬虫又称为网页蜘蛛,是一种程序或脚本。但重点在于,它能够按照一定的规则,自动获取网页信息。爬虫的基本原理——通用框架1.挑选种子URL;2.讲这些URL放入带抓取的URL列队;3.取出带抓取的URL,下载并存储进已下载网页库中。此外,讲这些URL放入带抓取URL列队,进入下一循环。4.分析已抓取列队中的URL,并且将URL放入带抓取URL列队,从而进去下一循环。5.光理论是不够的。这里顺便免费送大家一套2020最新python入门到高级项目实战视频教程,可以去小编的Pyt...

2020-06-08 14:52:52 2732

原创 Python实战之如何爬取猫眼电影排行?本文详解

本节中,我们利用requests库和正则表达式来抓取猫眼电影TOP100的相关内容。requests比urllib使用更加方便,而且目前我们还没有系统学习HTML解析库,所以这里就选用正则表达式来作为解析工具。1. 本节目标本节中,我们要提取出猫眼电影TOP100的电影名称、时间、评分、图片等信息,提取的站点URL为http://maoyan.com/board/4,提取的结果会以文件形式保存下来。2. 准备工作在本节开始之前,请确保已经正确安装好了requests库。如果没有安装...

2020-06-08 14:06:33 1318

原创 Python如何快速爬取淘宝MM呢?教你一招

本篇目标1.抓取淘宝MM的姓名,头像,年龄2.抓取每一个MM的资料简介以及写真图片3.把每一个MM的写真图片按照文件夹保存到本地4.熟悉文件保存的过程1.URL的格式在这里我们用到的URL是 http://mm.taobao.com/json/request_top_list.htm?page=1,问号前面是基地址,后面的参数page是代表第几页,可以随意更换地址。点击开之后,会发现有一些淘宝MM的简介,并附有超链接链接到个人详情页面。另外要注意:光理论是不够的。这里...

2020-06-08 14:00:09 498

原创 如何在Spring Boot应用启动之后立刻执行一段逻辑?本文详解

1. 前言不知道你有没有接到这种需求,项目启动后立马执行一些逻辑。比如简单的缓存预热,或者上线后的广播之类等等。如果你使用Spring Boot框架的话就可以借助其提供的接口CommandLineRunner和ApplicationRunner来实现。另外注意:很多人在学Java高级过程中难免会遇到各种问题搞不懂。为此我建了个裙 783802103,汇聚了众多Java大佬一起交流解答,小白勿进!!2. CommandLineRunnerorg.springframework....

2020-06-05 14:15:46 200

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除