分类：编程语言

2020
10-08

关于vue 结合原生js 解决echarts resize问题

解决页面echarts图表resize问题左侧的菜单栏模块是可以收缩的，点击左上角的icon可以收缩，但是点击左上角的icon后，右侧的echarts图并未进行对应的收缩，使用element-resize-detector插件能够解决问题（如何解决Vue项目中使用echarts，宽度变化导致图不能resize问题）但是会有点卡顿，所以采用原生的方法来处理，再结合windows自带的原生resize事件处理浏览器宽度高度变化，可以不使用插件来处理问题了。<template><di... 继续阅读 >
2020
10-08

利用Python实现斐波那契数列的方法实例

今天我们来使用Python实现递归算法求指定位数的斐波那契数列首先我们得知道斐波那契数列是什么?斐波那契数列又叫兔子数列斐波那契数列就是一个数列从第三项开始第三项的值是第一项和第二项的和依次类推其次我们再来看递归算法是什么?递归就是如果函数(子程序)包含了对其自身的调用，该函数就是递归的话不多说上案例:第一种方法:不使用递归算法#首先定义一个新的列表来储存最后的结果new_list=[]#然后让用户输入指... 继续阅读 >
2020
10-08

关于Redis网络模型的源码详析

前言Redis的网络模型是基于I/O多路复用程序来实现的。源码中包含四种多路复用函数库epoll、select、evport、kqueue。在程序编译时会根据系统自动选择这四种库其中之一。下面以epoll为例，来分析Redis的I/O模块的源码。epoll系统调用方法Redis网络事件处理模块的代码都是围绕epoll那三个系统方法来写的。先把这三个方法弄清楚，后面就不难了。epfd=epoll_create(1024);创建epoll实例参数：表示该epoll实例最多可监听的socketf... 继续阅读 >
2020
10-08

Element Tooltip 文字提示的使用示例

组件—文字提示基础用法<divclass="box"><divclass="top"><el-tooltipclass="item"effect="dark"content="TopLeft提示文字"placement="top-start"><el-button>上左</el-button></el-tooltip><el-tooltipclass="item"effect="dark"content="TopCenter提示文字"placement="top"><el-button>上边</el-button></el-tooltip><el-tooltipclass="item"effect="dark"content="TopRight提示文字"plac... 继续阅读 >
2020
10-08

Element Popover 弹出框的使用示例

组件—弹出框基础用法<template><el-popoverplacement="top-start"title="标题"width="200"trigger="hover"content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"><el-buttonslot="reference">hover激活</el-button></el-popover><el-popoverplacement="bottom"title="标题"width="200"trigger="click"content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"><el-buttonslo... 继续阅读 >
2020
10-08

关于PHP中interface的用处详解

确实，PHP接口是有它的目的的。它们是契约，是给其他开发人员的说明手册。然而，还是很难理解接口有什么用。基础接口是抽象的类，无法直接实例化，但是可被实现。这是一个基本的例interfaceMyInterface{publicfunctionsetName(string$name);publicfunctiongetName();}classMyClassimplementsMyInterface{private$name;publicfunctionsetName(string$name){$this->name=$name;}publicfunctiongetName(){re... 继续阅读 >
2020
10-08

Element Card 卡片的具体使用

组件—卡片基础用法<el-cardclass="box-card"><divslot="header"class="clearfix"><span>卡片名称</span><el-buttonstyle="float:right;padding:3px0"type="text">操作按钮</el-button></div><divv-for="oin4":key="o"class="textitem">{{'列表内容'+o}}</div></el-card><style>.text{font-size:14px;}.item{margin-bottom:18px;}.clearfix:before,.clearfix:after{display:table... 继续阅读 >
2020
10-08

Element Carousel 走马灯的具体实现

本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/carousel基础用法普通走马灯<divclass="block"><spanclass="demonstration">默认Hover指示器触发</span><el-carouselheight="150px"><el-carousel-itemv-for="itemin4":key="item"><h3>{{item}}</h3></el-carousel-item></el-carousel></div><divclass="block"><spanclass="demonstration">Click指示器触发</span><el-carouseltrigger="... 继续阅读 >
2020
10-08

three.js欧拉角和四元数的使用方法

前言这篇郭先生就来说说欧拉角和四元数，欧拉角和四元数的优缺点是老生常谈的话题了，使用条件我就不多说了，我只说一下使用方法。1.欧拉角（Euler）欧拉角描述一个旋转变换，通过指定轴顺序和其各个轴向上的指定旋转角度来旋转一个物体。下面我们开看看它的方法1.set(x:number,y:number,z:number,order?:string):Eulerx-用弧度表示x轴旋转量。y-用弧度表示y轴旋转量。z-用弧度表示z轴旋转量。order-(opti... 继续阅读 >
2020
10-08

Element Collapse 折叠面板的使用方法

本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/collapse基础用法普通折叠面板<el-collapsev-model="activeNames"@change="handleChange"><el-collapse-itemtitle="一致性Consistency"name="1"><div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div><div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div></... 继续阅读 >
2020
10-08

Element Input输入框的使用方法

本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/input基础用法带图标的输入框（属性方式）<el-inputplaceholder="请选择日期"suffix-icon="el-icon-date"v-model="input2"></el-input><el-inputplaceholder="请输入内容"prefix-icon="el-icon-search"v-model="input21"></el-input>带图标的输入框（slot方式）<el-inputplaceholder="请选择日期"v-model="input22"><islot="su... 继续阅读 >
2020
10-08

ASP.NET WebAPI2复杂请求跨域设置的方法介绍

ASP.NetCore的跨域设置比较简单 官方都整合了具体的参见微软官方文档：https://docs.microsoft.com/zh-cn/aspnet/core/security/cors?view=aspnetcore-3.1#ecors跨域条件跨域是指的当前资源访问其他资源时发起的http请求由于安全原因（由于同源策略，域名、协议、端口中只要有一个不同就不同源），浏览器限制了这些请求的正常访问，特别需要注意的是这些发生在浏览器中。解决方法方法1.web.config文件中的system.webS... 继续阅读 >
2020
10-08

解决vuex数据页面刷新后初始化操作

在vue项目的开发中经常会用到vuex来进行数据的存储，然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题！下面是我用过的解决方法1、利用storage缓存来实现vuex数据的刷新问题我们可以在mutation等vuex的方法中对于数据进行改变时，将数据同时存储进我们的本地浏览器缓存中；下面是我在mutation中写的方法；同步将数据的更改保存，也可以在页面调用vuex的mutation方法时同步更改；但是这种方法只能针对少量的数据需要保... 继续阅读 >
2020
10-08

Angular利用HTTP POST下载流文件的步骤记录

Angular/VueHTTPPOST下载流文件HTTPPOST请求流文件转成excel在使用Angular开发项目时，通常会有下载文件的功能项。一般是后台返回下载地址，通过<a>标题或者使用window打开下载地址新窗口，浏览器则会识别出流文件进行文件下载。但是，有时候进行http异步请求，后台返回的并不是下载地址，而是直接返回一个文件流，这时如何使用http请求回来的文件流转换成文件下载？其实并非Angular框架存地这样的情况，其他PWA如Vue,Re... 继续阅读 >
2020
10-08

vue中keep-alive、activated的探讨和使用详解

在修改公司的一个项目的时候发现了activated这个东西，一直觉得很疑惑，之前也没怎么用过啊！官网的生命周期那也没说过这东西啊！生命周期不就createmountupdate和destory这几个东东么，怎么多了个activate出来。百思不得其解，于是去问了下度娘和查了下文档！恍然大悟，原来这东东是结合keep-alive这东东使用的，下面顺便记录一下。keep-alive<keep-alive>包裹动态组件的时候，会缓存不活动的组件实例，而不是摧毁他们。其是一... 继续阅读 >
2020
10-08

C#结合SMTP实现邮件报警通知的实现示例

写在前面C#是微软推出的一门面向对象的通用型编程语言，它除了可以开发PC软件、网站（借助http://ASP.NET）和APP（基于WindowsPhone），还能作为游戏脚本，编写游戏逻辑。SMTP是一种提供可靠且有效的电子邮件传输的协议，是建立在FTP文件传输服务上的一种邮件服务，主要用于系统之间的邮件信息传递，并提供有关来信的通知。今天主要跟大家分享一下如何通过C#结合SMTP来实现报警通知。 1整体思路C#结合SMTP实现邮件报警通知... 继续阅读 >
2020
10-08

关于angular浏览器兼容性问题的解决方案

edge浏览器下，固定列的边框消失问题：edge浏览器下，固定列的边框消失原因：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签：position:-webkit-sticky!important;position:sticky!important;谷歌、火狐及-webkit-内核的浏览器均支持该属性（css3），IE不支持该属性，所以在IE中，会自动降级，表格无固定列，可滑动的形式。Edge浏览器在1703之后的版本使用了chromium内核，对css3... 继续阅读 >
2020
10-08

Vue生命周期activated之返回上一页不重新请求数据操作

activated:英文原意：使活动、触发在Vue的生命周期函数中，这个好像用的不是特别多？（也许只是在我的工作中这个用的不多，或者说叫几乎不用这个）一、需求前不久在项目中有这样一个需求：在订单页面的地址信息栏，默认通过接口填充了一个已经设置过的一个的默认地址，现在要跳转去地址列表重新选择一个地址并回填到订单页面的地址信息位置二、尝试常规操作：我们通常会将通过接口请求数据的方法放在==created==或者==mounted==... 继续阅读 >
2020
10-08

Laravel中如何轻松容易的输出完整的SQL语句

前言laravel中自带的查询构建方法toSql得到的sql语句并未绑定条件参数，类似于这样select*fromuserswhereid=?，所以写了个扩展包laravel-dump-sql，可以获取完整的sql语句。源码laravel-dump-sql-github.com/guanguans/l…安装$composerrequireguanguans/laravel-dump-sql-v发布服务$phpartisanvendor:publish--provider="Guanguans\\LaravelDumpSql\\ServiceProvider"使用安装成功后查询构建器会新增... 继续阅读 >
2020
10-08

使用React-Router实现前端路由鉴权的示例代码

React-Router是React生态里面很重要的一环，现在React的单页应用的路由基本都是前端自己管理的，而不像以前是后端路由，React管理路由的库常用的就是就是React-Router。本文想写一下React-Router的使用，但是光介绍API又太平淡了，而且官方文档已经写得很好了，我这里就用一个常见的开发场景来看看React-Router是怎么用的吧。而我们一般的系统都会有用户访问权限的限制，某些页面可能需要用户具有一定的权限才能访问。本... 继续阅读 >
2020
10-08

vue项目使用$router.go(-1)返回时刷新原来的界面操作

在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。问题如下：界面1：界面2使用$router.go(-1)返回上一次的界面由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框解决方法1：不要使用$router.go(-1)，而是使用$router.push('某某某'),但是其实这种方法是不合理的，因为你... 继续阅读 >
2020
10-08

3分钟看懂Python后端必须知道的Django的信号机制

概念django自带一套信号机制来帮助我们在框架的不同位置之间传递信息。也就是说，当某一事件发生时，信号系统可以允许一个或多个发送者（senders）将通知或信号（signals）发送给一组接受者（receivers）。（感觉就很像Qt的信号与槽机制）信号系统包含以下三要素：发送者－信号的发出方信号－信号本身接收者－信号的接受者Django内置了一整套信号，下面是一些比较常用的：Django内置信号Modelsignalspre_init#... 继续阅读 >
2020
10-08

Spring Boot常见外部配置文件方式详析

日常开发和发布我们经常将SpringBoot的配置文件application.properties(或application.yaml)直接放在项目目录下然后打包进jar包.但是在很多时候,我们可能因为CI需要或者安全管理需要集中管理配置文件,这就涉及到外部配置文件的问题.根据SpringBoot官方文档,外部配置文件一般可以放到这4个地方:/config/config也就是:java命令当前运行目录下的config目录;java命令当前运行目录;classpath目录下的config... 继续阅读 >
2020
10-08

给Django Admin添加验证码和多次登录尝试限制的实现

Django自带的Admin很好用，但是放到生产环境总还差了点什么==看看admin的介绍：Django奉行Python的内置电池哲学。它自带了一系列在Web开发中用于解决常见问题或需求的额外的、可选工具。这些工具和插件，例如django.contrib.redirects都必须在settings中的INSTALLED_APPS处进行注册，有的还需要执行manage.pymigrate命令，在数据库中创建一些数据表。Admin站点是Django有别于其它Web框架最重要的一点，并且非常受欢迎，简直是出... 继续阅读 >