青红造了个大白之成长记

网络 / 前端 / 后端 / 数据库 / 人生得意须尽欢~
私信 关注
一下子就醒了
码龄3年

博客所有内容仅供学习,如有错误欢迎提出。若有侵权,请联系博主删除,谢谢。

  • 615,652
    被访问量
  • 174
    原创文章
  • 7,825
    作者排名
  • 447
    粉丝数量
  • 于 2018-06-12 加入CSDN
获得成就
  • 获得517次点赞
  • 内容获得212次评论
  • 获得1,593次收藏
荣誉勋章
兴趣领域
  • #前端
    #XHTML#小程序#CSS#Flutter#JavaScript#ECMAScript 6#Node.js#TypeScript#WebPack#面试#Vue.js#React.js#前端框架#HTTPS
TA的专栏
  • JavaScript笔记
    4篇
  • 工具函数
    4篇
  • websocket
    1篇
  • Taro
    7篇
  • 实例展示
    13篇
  • Java
    8篇
  • 前端
    15篇
  • python
    3篇
  • SQLServer
    9篇
  • 数据结构
    6篇
  • J2EE
    22篇
  • 路由交换
    11篇
  • 网络互连
    23篇
  • 实用资源
    1篇
  • Linux
    16篇
  • 网络基础
    1篇
  • Git
    4篇
  • github
    1篇
  • 工具
    4篇
  • vue
    10篇
  • webpack
    2篇
  • react
    16篇
  • nodejs
    2篇
  • dvajs
    1篇
  • ant pro
    1篇
  • .md
    1篇
  • Lodash
    1篇
  • React-router
    1篇
  • Redux
    1篇
  • npm
    2篇
  • ajax
    1篇
  • postman
    1篇
  • 网络安全
    2篇
  • VSCode
    1篇
  • MVVM
    1篇
  • Flux
    1篇
  • dva
    3篇
  • collection
    4篇
  • tool-funtion
    2篇
  • vue-router
    1篇
  • vuex
    1篇
  • axios
    1篇
  • antd-mobile
    1篇
  • antd
    2篇
  • http-server
    1篇
  • Nginx
    1篇
  • Interview
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

生成树协议 — STP

4.1.1 实验目的(1)理解生成树协议STP的用途(2)理解生成树协议STP的工作过程(3)掌握根桥、根端口、指定端口的选举规则(4)掌握生成树协议STP中端口角色的变化(5)掌握基本生成树协议的配置4.1.2 实验原理1.生成树协议STP网络设计通常采用冗余方法提高网络的健壮性、稳定性。常见的冗余方式有:链路冗余和设备冗余。如图4-1所示。该三层结构的网络中,核心层、分布层和接入层均采用了链路冗余。 不过,对网络中冗余链路...
原创
54阅读
0评论
0点赞
发布博客于 2 月前

网络地址转换--动态NAT配置

2.1 实验目的(1)理解动态NAT和静态映射的区别;(2)掌握NAT地址池的配置;(3)掌握NAT转换中访问控制列表的应用;(4)掌握静态NAT的配置2.2 实验原理1.动态NAT动态转换(亦称NAT pool)是指不建立内部地址和全局地址的一对一的固定对应关系。而通过共享NAT地址池的IP地址动态建立NAT的映射关系。当内网主机需要进行NAT地址转换时,路由器会在NAT地址池中选择空闲的全局地址进行映射,每条映射记录是动态建立的,在连接终止时也被收回。 ...
原创
86阅读
0评论
0点赞
发布博客于 2 月前

学生信息管理系统:SSM框架实现学生信息的增删改查

一、项目概述:该项目主要实现对学生信息的管理,通过学生信息管理系统能够进行学生信息的增加、查看,查询,删除等功能,实现学生管理工作的系统化和自动化。该项目已经上传到github了,想看源码请移步:https://github.com/LazyTraveller/student_info_system (内含数据库脚本)百度网盘:链接:https://pan.baidu.com/s/1UEv3C7H0WvrPXYt18D3flw提取码:54yf二、项目采用的技术:该项目采用的...
原创
352阅读
0评论
1点赞
发布博客于 2 月前

JavaScript 数组去重

//数组去重const unique = (arr) => [ ...new Set(arr)]// 或者遍历比较// 对象用for(let key in obj)// 数组用for (let i = 0; i< 10; i++) const unique1 = (arr) => { const arr1 = []; for (let i = 0; i < arr.lenght;i++) { if (arr1.indexOf(arr[i].
原创
72阅读
0评论
0点赞
发布博客于 7 月前

JavaScript 深拷贝

// 深拷贝 不适合函数的拷贝JSON.parse(JSON.stringify({}))// 递归深拷贝 时候数组和对象的拷贝const deepCopy = function (obj) { if (typeof obj !== "object") return; const newObj = obj instanceof Array ? [] : {}; for (var key in obj) { newObj[key] = typeof o.
原创
75阅读
0评论
0点赞
发布博客于 7 月前

JavaScript 数组扁平化

var arr = [1,2,[3,4,5,[6,7,8],9],10,[11,12]];// 多层嵌套function fn(arr) { let arr1 = []; arr.forEach((item) => { if (arr instanceof Array ) { arr1 = arr1.concat(fn(item)) } else { arr1.push(item) }.
原创
91阅读
0评论
0点赞
发布博客于 7 月前

JavaScript 闭包

什么是「闭包」? 「闭包」的作用是什么?var a = '变量' // 在函数内部可以访问的local变量function foo() { // 一个函数 console.log(a)}简言之, 有一个局部变量a,有一个函数foo,foo里面可以访问到a变量,这就是一个闭包:函数+函数内部能访问到的变量(作用域)的总和,这就是一个闭包。还有另外的一些概括:闭包指有权访问另一个函数作用域中变量的函数 。 《JavaScript高级程序设计》一个作用域可以访问另外.
原创
85阅读
0评论
0点赞
发布博客于 7 月前

工具函数的封装:判断js数据类型

利用Object.prototype.toStringconsole.log(Object.prototype.toString.call("hello"));//[object String]console.log(Object.prototype.toString.call(123));//[object Number]console.log(Object.prototype.toString.call(true));//[object Boolean]console.log(Object.
原创
84阅读
0评论
0点赞
发布博客于 7 月前

工具函数封装:时分秒转时间戳、时间戳转时分秒

时间戳转时分秒:// 格式化时间 export const formatTime = (time) => { let hours = Math.floor(time / 3600); let min = Math.floor((time % 3600) / 60); let s = parseInt(time % 3600) % 60; let hh = hours < 10 ? '0' + hours : hours; let mm = min < 10 ?.
原创
193阅读
0评论
1点赞
发布博客于 7 月前

Taro项目使用websocket实现一个在线聊天室

Taro提供了一些websocket相关的接口https://taro-docs.jd.com/taro/docs/apis/network/webSocket/connectSocket1、聊天室的效果二、实现思路1、Taro.connectSocket创建连接2、onMessage监听服务器返回的数据3、创建一个全局存储消息的数组 let arr = []4、Input输入框获取到的值,在点击发送的时候,放进arr数组,arr.push({nickname:...
原创
456阅读
0评论
0点赞
发布博客于 7 月前

Taro 项目实现更改微信头像,使用七牛上传图片

一、效果图二、taro 提供了选择图片的接口https://taro-docs.jd.com/taro/docs/apis/media/image/chooseImage// 文档提供的示例Taro.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册.
原创
553阅读
0评论
1点赞
发布博客于 8 月前

工具函数封装:深度获取对象的值、深拷贝对象、去除数组对象中的重复对象、验证手机号、取小数点

// (1)深度获取深层对象的值const deepGet = (object, path, defaultValue) => { return (!Array.isArray(path) ? path.replace(/\[/g, '.').replace(/\]/g, '').split('.') : path) .reduce((o, k) => (o || {})[k], object) || defaultValue;}// (2)验证手机号码con.
原创
161阅读
0评论
0点赞
发布博客于 8 月前

工具函数的封装:日期格式化

一、代码/** * 时间戳 转换 * @param {*String} value 时间戳 * @param {*String} type 转换类型 * @param {*String} seperatorY 年份分割符 * @param {*String} seperatorH 时间分割符 */const formatTimeStamp = (value, type = 'YYYY-MM-DD', seperatorY = "-", seperatorH = ":") =>.
原创
115阅读
0评论
0点赞
发布博客于 8 月前

Taro项目实现手机号绑定,发送验证码倒计时

UpdatePhone.jsximport Taro, { Component, PureComponent } from '@tarojs/taro'import { View, Button, Text, Picker } from '@tarojs/components'import { connect } from '@tarojs/redux'import { AtForm, AtInput, AtButton, AtToast } from "taro-ui"import Ar
原创
516阅读
0评论
1点赞
发布博客于 9 月前

在Taro项目中Ping++ 接入微信小程序支付

相关ping++支付文档:https://help.pingxx.com/article/1011655/源码的地址:https://github.com/PingPlusPlus/pingpp-js一、在项目中引入ping++的sdk可以使用npm 的安装方式npm install pingpp-js在页面的顶部引入let pingpp = require('pingpp-js');二、使用1、需要获取到code2、提交订单数据,成功生成预支付订单后,返回.
原创
406阅读
0评论
1点赞
发布博客于 9 月前

小程序待支付倒计时的实现

1、遵循框架taro语法 componentDidMount() { this.fetchInitData(); }fetchInitData = () => { let { id } = this.$router.params; console.warn('detail get id ', id) if (id) { this.props.dispatch({ type: 'order/personOr
原创
304阅读
0评论
0点赞
发布博客于 9 月前

使用Taro 实现的小程序商城的购物车功能模块

Taro是一套遵循React语法规范的多端开发解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用Taro,我们可以只书写一套代码,再通过Taro的编译工具,将源代码分别编译...
原创
641阅读
0评论
1点赞
发布博客于 10 月前

基于Taro框架实现的小程序分享图片功能

Taro是一套遵循React语法规范的多端开发解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。使用Taro,我们可以只书写一套代码,再通过Taro的编译工具,将源代码分别编译...
原创
497阅读
0评论
1点赞
发布博客于 10 月前

vue-element-admin 使用过程中踩坑

vue-element-admin文档:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%89%8D%E5%BA%8F%E5%87%86%E5%A4%87vue-element-admin源码:https://github.com/PanJiaChen/vue-element-admin一开始在根据官方...
原创
2830阅读
0评论
3点赞
发布博客于 2 年前

基于Promise的ajax封装

function ajax(url, method = 'get', param = {}) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); const paramString = getStringParam(param); ...
原创
158阅读
0评论
0点赞
发布博客于 2 年前

在vscode中使用git

在项目创建好仓库的情况下,并且已经把初始项目推送到了github的远端仓库,如果没有需要创建仓库并且添加远端的仓库地址。代码推送的过程是先把修改好的代码添加到本地的仓库,然后推送到本地的分支,接着推送到远端的master分支,最后合并分支。项目添加了新功能或者经过了修改,想把这些新的修改推送到远端查看修改的内容,当点击文件即可查看修改前后的代码对比,当觉得没问题以后就点击文件后面...
原创
262阅读
0评论
1点赞
发布博客于 2 年前

常用 Git 命令

一、新建代码库#在当前目录新建一个Git代码库$ git init#新建一个目录,将其初始化为Git代码库$ git init[project-name]#下载一个项目和它的整个代码历史$ git clone[url]二、配置Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下(项目配置...
转载
99阅读
0评论
1点赞
发布博客于 2 年前

JS将数组转化为对象obj:键值对形式{}

目标需求:添加零食种类根据零食种类分配的UUID映射展示出来:获取到零食种类的列表的数据结构是这样子的:这是一个数组,里面包含很多对象,每个对象里面含有相同的属性首先把想要的字段通过工具函数库lodash_.pick()出来: let b = []; classifylist.map( it => { b.push(_.pick(it...
原创
14333阅读
0评论
1点赞
发布博客于 2 年前

Windows下使用Nginx

简述:Nginx是一个开源的Web服务器,同时Nginx也提供了反向代理和负载均衡的功能。Nginx通常作为负载均衡器暴露在外网接受用户请求,同时也使用其反向代理的功能,将用户的请求转发到实际提供服务的内网服务器。Windows10需要什么环境下需要安装Nginx把windows开发机作为服务对外提供服务,只是个人在本地测试或者没有应用于商业用途的情况下,这时适合在windows装...
原创
329阅读
0评论
1点赞
发布博客于 2 年前

HTTP服务器 -- http-server 的安装与运行

http-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.HttpServlet容器响应Web客户请求流程如下:1)Web客户向Servlet容器发出Http请求;2)Servlet容器解析Web客户的Http请求;3)Servlet容器创建一个HttpRequest对象,在这个对象中封装Http请求信息;4)Servlet容器创建一个HttpRe...
原创
6734阅读
0评论
2点赞
发布博客于 2 年前

react+antd+dva项目:在菜单栏添加通知红色标徽

效果图如图:目的是当有新消息来临的时候,可以醒目地出现在后台的菜单栏,对未处理的消息一目了然,及时提醒后台管理员,快速处理消息。由于各自搭建的项目环境和编写代码的方式不一样,在这里只展示实现的思路和部分代码,仅供参考于学习。三处修改:1.在菜单配置文件配置:{ name: '消息记录', icon: 'notification', p...
原创
1551阅读
1评论
1点赞
发布博客于 2 年前

根据请求响应的状态码做判断,给予开发者错误提示:responseCode

根据response来判断错误,获取错误信息提示。//@ts-check/// <reference path="../types.d.ts" />export const ERROR_NO_TOKEN_INFO = 10086;export const ERROR_PASSWD_DIFF = 20488;/** * @param {{code: number, ...
原创
2650阅读
0评论
2点赞
发布博客于 2 年前

dva+antd+react项目,在antd pro的脚手架的基础上实现订单的增删改查

效果图:该实例是在antd pro 的项目环境下修改实现:https://pro.ant.design/docs/getting-started-cn添加订单页面:订单列表页面:antd pro这个脚手架是使用分层架构,来层层实现数据传递,pages存放页面,从页面获取数据传递到models层,然后再models中调用services的异步请求接口数...
原创
3367阅读
0评论
3点赞
发布博客于 2 年前

在dva中的effects实现callback

在前端实现修改用户密码的功能,通过dispatch来实现与后端api接口的交互。界面点击“提交”执行的代码如下:handleSubmit = () => { const { form, dispatch } = this.props form.validateFields((err, fieldsValue) => { if (err) return ...
原创
1544阅读
0评论
0点赞
发布博客于 2 年前

dva+antd mobile搭建移动端的项目

第一步:使用dva创建项目,通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。$ npm install dva-cli -g$ dva -vdva-cli version 0.9.1dva new dva-quickstartcd dva-quickstart$ npm start创建完后,项目的文件结构大概如下:第二步:安装antd-mo...
原创
2959阅读
0评论
3点赞
发布博客于 2 年前

Vue.js2.0基础:用axios来实现数据请求

官方都不再更新vue-resource,并推荐大家使用axios,那我们就一起来学习一下它。同样我们需要事先安装好它,可以npm和bower安装,我们这里用最简单的cdn加载。<scriptsrc="https://unpkg.com/axios/dist/axios.min.js"> </script>CDN安装十分简单,接下来,我们看看它的语法,如何...
原创
114阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础:Vuex的3个核心概念

Vuex是一个提供状态管理机制,相比使用传统的全局对象,它有两大优点,一个是它的状态存储是响应式的,另一个是要不能随意修改Vuex的状态,必须按照它的规矩来办事。最后也了解了它有适用和不适用的业务场景。创建仓库Store要使用Vuex,我们要创建一个实例store,我们称之为仓库,利用这个仓库store来对我们的状态进行管理。//创建一个 store const store...
原创
377阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础:vue-router

对于SPA( single pageapplication单页面应用),尤其是做移动端的网页应用,由于使用<a/>标签实现页面的切换和跳转,会有一定的加载时间消耗,经常遇到这样的画面:网速慢一点的时候,就一直在加载,严重影响产品的用户体验,这也是(html5)移动端网页应用在使用流畅度干不过原生app的地方之一。所以常用的做法将网页应用做成一个SPA单页面应用,用视...
原创
371阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础:Vue Devtools——vue开发调试神器

安装用chrome浏览器访问以下地址,就可以在chrome商店找到我们的Vue Devtools插件。地址:https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd点击右上角“添加至CHROME”,开始安装。浏览器会对我们进行询问提示,我们选择...
原创
1429阅读
0评论
1点赞
发布博客于 2 年前

node和npm不兼容的问题

今晚手贱,升级了node的版本,结果在使用npm安装依赖包的时候出现了下面这样的错误,大概的意思就是node和npm不兼容,刚开始百度,找到的办法是npm版本降级,执行命令以后,还是出现这样的问题,通过种种的解决办法都无效,最终放弃修改了,决定直接重装node。卸载的办法就不说了,自行百度。之前全局安装的东西都没有了,哭晕厕所。。。通过搜索node以往的版本,我选择了一个8.9.4...
原创
2910阅读
4评论
1点赞
发布博客于 2 年前

前后端分离,前端请求后端接口的过程

前端的代码是运行在nodejs环境下,前端代码大概分为service层,model层,和view层(page),service层封装请求接口的函数,model层调用service层定义的函数获取参数并存储起来,然后把存储的数据再page中展示出来。下面一步步讲解:由于涉及的前端知识比较多,很多细节并没有讲解得得很充分,只是大概讲一个过程,想学更多得前端知识请看:es6,react,dva,...
原创
20776阅读
0评论
2点赞
发布博客于 2 年前

Vue.js2.0基础:组件(五)

组件是我们人为地把页面合理地拆分成一个个区块,让这些区块更方便我们重复使用,有了组件,我们可以更高效合理地开发和维护我们的项目。规划组件假设我们页面上有这样的一个布局:上图是我们模仿微信公众号的“历史消息”的界面,我们看到的是一个文章的目录列表,在我们公众号,则看到的是我们《Vue2.0基础》的系列文章。这种情况下,我们把每一个文章标题区块看作一个组件来进行规划,这样就方便...
原创
93阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础:在html中绑定数据(四)

Mustache 语法什么叫Mustache语法,别被这高大上的叫法吓到了,其实就是双大括号{{ }}的写法,在之前演示过在视图中显示我们的数据,这是最常见的绑定方式。有了它,我们可以轻松地在视图显示我们的数据并及时自动更新,无需手动控制。<divid="app">{{ name }}</div><script>letapp=new...
原创
895阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础: 实例的生命周期(三)

Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段,每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。学习实例的生命周期,能帮助我们理解vue实例的运作机制,更好地合理利用各个钩子来完成我们的业务代码。我们分别来看看这几个阶段:1. beforeCreate此阶段为实例初始化之后,此时的数据观察和事件配置都没好准备好。我们试着console一下实例的数据data和挂载元...
原创
163阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础:创建一个Vue实例(二)

Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新。那么,它是怎么做到的,我们的代码要怎么写才能做到这一点。答案是:Vue实例。先确保你的项目安装好Vue.js安装好之后,我们来看看怎么创建和使用Vue实例,我们把它分成 4 步走。第1步 创建语法创建一个Vue实例的语法很简单,如下: ...
原创
200阅读
0评论
1点赞
发布博客于 2 年前

Vue.js2.0基础:初识Vue与快速入门(一)

Vue.js框架是什么,为什么选择它?1.诞生背景近几年来,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的APP。比如下面这些:这种webapp它们不仅仅像h5营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换...
原创
247阅读
0评论
1点赞
发布博客于 2 年前

前端资源汇总

ES6,ES7和ES8JS思维导图 promise和async,await介绍1 async和await介绍2 reduce,async,filter,map使用 promise原理 JS异步实现方式 JS常用的设计模式 ajax跨域最全的解决方案了vueapivue的API教程 vuex入门教程和思考 Vuex下Store的模块化拆分实践 vue-router...
原创
118阅读
0评论
1点赞
发布博客于 2 年前

Webpack静态模块打包器(下)

LoadersLoaders是webpack提供的最激动人心的功能之一了。通过使用不同的loader,webpack有能力调用外部的脚本或工具,实现对不同格式的文件的处理,比如说分析转换scss为css,或者把下一代的JS文件(ES6,ES7)转换为现代浏览器兼容的JS文件,对React的开发而言,合适的Loaders可以把React的中用到的JSX文件转换为JS文件。Loaders需要单...
转载
117阅读
0评论
1点赞
发布博客于 2 年前

Webpack静态模块打包器(上)

先看下面这个webpack的配置文件:// 一个常见的`webpack`配置文件const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const ExtractTextPlugin = require('extract-text-webpack-plugin...
转载
209阅读
0评论
1点赞
发布博客于 2 年前

React高阶组件

高阶组件定义a higher-order component is a function that takes a component and returns a new component.翻译:高阶组件就是一个函数,且该函数接受一个组件作为参数,并返回一个新的组件。函数模拟高阶组件我们通过普通函数来理解什么是高阶组件最普通的方法,一个welcome,一个goodbye。...
原创
72阅读
0评论
1点赞
发布博客于 2 年前

软件和资源收集(四):图库、作图、音乐、视频

免费图库Unsplash网址:https://unsplash.com/Pexels网址:https://www.pexels.com/Gratisography网址:https://gratisography.com/picjumbo网址:https://picjumbo.com/Pixabay网址:https://...
原创
593阅读
0评论
1点赞
发布博客于 2 年前

软件和资源收集(三)

1、tizoniahttp://tizonia.org/一个命令行音乐播放器,支持Spotify, Google Play Music, YouTube 等服务。2、chroma.jshttps://github.com/gka/chroma.js一个处理颜色的 JS 库。3、react-particle-effect-buttonhttps://github.com...
原创
179阅读
0评论
1点赞
发布博客于 2 年前

软件和资源收集(二)

1、http3-explainedhttps://http3-explained.haxx.se/zh/HTTP/3 协议2、JavaScript高级程序设计【精简版】https://zhaohd.gitee.io/pro-js/#/3、construct-uihttps://github.com/vrimar/construct-ui一个基于Mithril.js 框...
原创
158阅读
0评论
1点赞
发布博客于 2 年前

软件和资源收集(一)

1、snailjshttps://github.com/BrunoBernardino/snailjs一个同时包括前端和后端的 Web 框架,采用 node + react,可以用作架构参考2、dbdiagram.iohttps://dbdiagram.io/home制作数据库关系图的在线工具。3、pagedrawhttps://github.com/Pagedraw/...
原创
220阅读
0评论
2点赞
发布博客于 2 年前

lodash工具库常用函数收集

lodash是一套工具库,内部封装了很多字符串、数组、对象等常见数据类型的处理函数。https://www.lodashjs.com/docs/4.17.5.html#lodash的引用 import _ from 'lodash'用一个数组遍历来说明为什么要使用lodash常规数组遍历agent.forEach(function (n,key) { age...
原创
270阅读
0评论
1点赞
发布博客于 2 年前

HDLC和PPP协议的配置

路由器经常用于构建广域网,广域网链路的封装和以太网上的封装有着非常大的差别。常见的广域网封装有HDLC,PPP和Frame-relay等,本章介绍HDLC和PPP。相对而言,PPP比HDLC有较多的功能。1 HDLC和PPP简介1.1 HDLC介绍HDCL是点到点串行线路上(同点电路)的帧封装格式,其帧格式和以太网帧格式有很大的差别,HDLC帧没有源MAC地址和目的MAC地址。Cis...
原创
2026阅读
0评论
3点赞
发布博客于 2 年前

网关冗余和负载平衡

为了减少交换机故障的影响,交换上有STP技术。然而作为网关的路由器出故障了,又有什么办法?HSRP和VRRP是最常用的网关冗余技术。HSRP和VRRP类似,由多个路由器共同组成一个组,虚拟一个网关,其中的一台路由器处于活动状态,当它出故障时,由备份路由器接替它的工作,从而实现对用户透明的切换。然而我们希望在冗余的同时,能同时实现负载平衡,以充分利用设备的能力,GLBP同时提供了冗余和负载平衡的能力...
原创
661阅读
0评论
2点赞
发布博客于 2 年前

EIGRP协议的配置

EIGRP(Enhanced Interior Gateway Routing Protocol,增强型内部网关路由协议)是Cisco公司开发的一个平衡混合型路由协议,它融合了距离向量和链路状态两种路由协议的优点,支持IP,IPX和ApplleTalk等多种网络层协议。由于TCP/IP是当今网络中最常用的协议,因此本书只讨论IP网络环境中的EIGRP。一、EIGRP概述 EIGRP是...
原创
5981阅读
0评论
4点赞
发布博客于 2 年前

EtherChannel

EtherChannel(以太通道)是由Cisco公司开发的,应用于交换机之间的多链路捆绑技术。它的基本原理是:将两个设备间多条快速以太或千兆以太物理链路捆绑在一起组成一条逻辑链路,从而达到带宽倍增的目的。除了增加带宽外,EtherChannel还可以在多条链路上均衡分配流量,起到负载分担的作用。当一条或多条链路出现故障时,只要还有链路正常,流量将转移到其他的链路上,整个过程在几毫秒内完成,从而直...
原创
754阅读
0评论
1点赞
发布博客于 2 年前

路由优化

在当今高性能的网络中,为了保证网络的伸缩性、稳定性、安全性和快速收敛,必须对网络进行优化。路由过滤和策略路由是路由优化的常用方法。一、 路由优化概述 路由过滤是指在路由更新中抑制某些路由不被发送和接收,被动接口、分布控制列表和重分布结合路由策略等都可以实现路由过滤。 策略路由提供了根据网络管理者指定的标准来进行数据包转发的一种机制。基于策略的路由比传统路由能力更强,使用更灵活,...
原创
1649阅读
0评论
1点赞
发布博客于 2 年前

IPv6

无论是NAT,还是CIDR 等都是缓解IP 地址短缺的手段,而IPv6 才是解决地址短缺的最终方法。IPv6是由IETF设计的下一代Internet协议,目的是取代现有的Internet协议IPv4。1 IPv6概述1.1 IPV6优点 IPv4的设计思想成功地造就了目前的国际Internet,其核心价值体现在简单、灵活和开放性。但随着新应用的不断涌现,传统的IPv4协议已经难以支持...
原创
208阅读
0评论
1点赞
发布博客于 2 年前

多区域 OSPF

在一个大型OSPF网络中,SPF算法的反复计算,庞大的路由表和拓扑表的维护以及LSA的泛洪等都会占用路由器的资源,因而会降低路由器的运行效率。OSPF协议可以利用区域的概念来减小这些不利的影响。因为在一个区域内的路由器将不需要了解它们所在区域的拓扑细节。OSPF多区域的拓扑结构有如下优势: ①降低SPF计算频率; ②减小路由表; ③降低了通告LSA的开销; ④将不稳...
原创
546阅读
1评论
1点赞
发布博客于 2 年前

RSA工具与RC4算法实现

一、目的通过对RSA工具与RC4算法实现,掌握RSA与RC4基本原理。二、环境两台安装windows的主机,通过网络相连。软件工具:MD5Verify、MD5Crack、RSA-TOOLS。这里用到的工具请自行百度获取。三、实验步骤使用RSA-TOOLS工具,完成RSA加密。为了生成符合要求的随机RSA密钥,操作如下:1、在“Number Base”组合框中选择进制...
原创
402阅读
0评论
1点赞
发布博客于 2 年前

配置AAA认证和授权

一、 目的1、掌握AAA认证的工作原理。2、掌握使用Cisco Secure ACS服务器实现AAA认证授权的方法。二、网络拓扑三、认证部分实验要求配置和测试本地和基于认证服务器的AAA认证。1、在R1上创建本地帐号,配置本地AAA认证登录console和VTY。2、配置和测试本地和基于认证服务器的AAA认证。1、在R1上创建本地帐号(用户名:A...
原创
6498阅读
0评论
3点赞
发布博客于 2 年前

创建React App + Express 前后台交互项目

创建express app 全局安装 express-generator $ npminstall-g express-generator 创建express app $express react-backend 安装依赖包 $ npminstall目录: 修改react-backend/routes/users.js, 返回简单的...
原创
1107阅读
0评论
1点赞
发布博客于 2 年前

Navicat连接MySQL发生错误:1251-Client does not support authentication protocol requested by server

解决方法:1、打开cmd命令行窗口,进入到MySQL的bin目录下。执行命令:mysql -u root -p2、执行下面的命令:ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456';3、刷新权限,执行命令:FLUSH PRIVIL...
原创
83阅读
0评论
0点赞
发布博客于 2 年前

ajax的工作原理

原创
51阅读
0评论
1点赞
发布博客于 2 年前

React数据流和组件间的通信

React单向数据流:  React是单向数据流,数据主要从父节点传递到子节点(通过props)。  如果顶层(父级)的某个props改变了,React会重渲染所有的子节点。怎么理解Props呢?Props:  props是property的缩写,可以理解为HTML标签的attribute。  不可以使用this.props直接修改props,因为props是只读的,pr...
原创
98阅读
0评论
2点赞
发布博客于 2 年前

接口测试工具Postman

一、接口定义软件不同部分之间的交互接口。通常就是所谓的API――应用程序编程接口,其表现的形式是源代码。 —— [ 百度百科 ]我们常说的接口一般指两种:(1)API:应用程序编程接口。程序间的接口(2)GUI:图形用户界面。人与程序的接口这里我们所说的接口特指API接口。API接口定义:对协议进行定义的引用类型。二、接口的分类1、接口分类(1)HTTP接口(2...
原创
18161阅读
3评论
9点赞
发布博客于 2 年前

dva框架目录详解图

原创
841阅读
0评论
1点赞
发布博客于 2 年前

.MD语法

.md即markdown文件的基本常用编写语法,是一种快速标记、快速排版语言,现在很多前段项目中的说明文件readme等都是用.md文件编写的,而且很多企业也在在鼓励使用这种编辑方式,特别作为一个前端从业者更要学会使用这种语言。下面就简单和大家分享一些.md基本语法一、基本符号:* - +. &gt;基本上所有的markdown标记都是基于这四个符号或组合,需要注意的是,如果以基本符号开头...
原创
259阅读
0评论
1点赞
发布博客于 2 年前

前端技术(五):dva

dva出自于暴雪出品的一款游戏《守望先锋》,援引官方的角色介绍:然后呢,蚂蚁金服的一位架构师sorrycc很迷这位美女,正巧刚开发了一款前端框架没有名字,作为一个向女神献礼的项目,dva框架就此诞生。实际上,dva只是基于现有开源框架的一层轻量封装,并没有引入任何新概念: React:管理View react-router:管理路由 Redux:管理Model ...
原创
2065阅读
0评论
3点赞
发布博客于 2 年前

前端技术(四):react-router,去中心化式路由

1.静态路由 vs. 动态路由在Web前端开发中,我们经常会需要处理页面路由问题。习惯上,路由信息会在一个地方集中配置好,我们可以称之为“静态路由”,或者叫“中心化式路由”。以react-router v3版本为例,代码类似下面这样:import { Router, Route, IndexRoute, browserHistory } from 'react-router'co...
原创
490阅读
0评论
1点赞
发布博客于 2 年前

前端技术(三):redux-saga,化异步为同步

1.什么是Saga?实际上,这个术语出自康奈尔大学的一篇论文:http://www.cs.cornell.edu/andru/cs711/2002fa/reading/sagas.pdf最初这篇论文是为了解决分布式系统中的LLT(Long Lived Transaction),也就是长时运行事务的数据一致性问题的。这么说有点抽象,我们来举个具体的例子:假如你在一个在线订票系统上订了一张...
原创
1141阅读
1评论
3点赞
发布博客于 2 年前

前端技术(二):从Flux到Redux

什么是Redux?首先我们要搞清楚,Redux解决了哪些问题?主要是以下3点:1.如何在应用程序的整个生命周期内维持所有数据?Redux是一个“状态容器”。写过React或者ReactNative的同学可能会有感受,如果多个页面需要共享数据时,需要把数据一层层地传递下去,非常繁琐。如果能有一个全局统一的地方存储数据,当数据发生变化时自动通知View刷新界面,是不是很美好呢?因此,我们需...
原创
117阅读
0评论
1点赞
发布博客于 2 年前

前端技术(一):从MV*到Flux

最近开始接触react框架,然后学习了关于react周边的一系列技术。react全家桶包括了react,组件化的框架,看官方文档即可react-router,路由管理redux, 是一个状态容器,提供可预测化的状态管理redux-saga,数据获取等异步时间和访问缓存react-redux,redux的官方绑定react-router-redux ,上面三者的结合体...
原创
141阅读
0评论
1点赞
发布博客于 2 年前

8 个给前端常用的 VS Code 扩展插件

微软的 VS (Visual Studio) Code 是一个免费的开源代码编辑器,最近越来越受欢迎。它非常轻巧、灵活,同时也提供了很多强大的功能。它支持绝大多数流行的编程语言,包括PHP、JavaScript、C++ 等。VS Code 是跨平台的。它不仅能用于 Windows 平台,同时也提供 Linux 和 Mac 版本。下载地址:https://code.visualstudio.co...
原创
368阅读
0评论
1点赞
发布博客于 2 年前

React--使用axios请求数据并把数据渲染到组件

开始这个实例之前需要对es6、react、axios有一定的了解安装一个react项目的脚手架 create react-app在开始之前,你可能需要安装yarn。$ yarn create react-app antd-demo工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖,如果在过程中出现网络问题,请尝试配置代理或使用其他 npm registry。然...
原创
2746阅读
0评论
2点赞
发布博客于 2 年前

git可视化学习网站,可快速清晰的学习git推送过程

地址:https://learngitbranching.js.org/将所有的关卡做一遍基本就了解了git的工作原理和一些常用的命令:提示:命令窗口:
原创
703阅读
0评论
2点赞
发布博客于 2 年前

npm 更换成淘宝镜像源

如果本地的网速比较慢,则可以考虑更换成淘宝的国内镜像,镜像集合地址:https://npm.taobao.org/打开终端的命令窗口,执行如下命令:一、临时方式:npm --registry https://registry.npm.taobao.org install express二、持久方式:npm config set registry https://regis...
原创
1419阅读
0评论
1点赞
发布博客于 2 年前

React Native 中组件的生命周期

React Native(RN) 中的组件也有生命周期(Lifecycle)。所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化; 第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个...
原创
68阅读
0评论
0点赞
发布博客于 2 年前

了解React

为什么要使用React可能大家在众多的教程、文章里已经了解过了React的好处,比如说它的虚拟DOM可以被高效的渲染,比如说它的组件化使得项目结构非常清晰,代码复用非常容易,比如说它的数据管理机制也能让你清晰的知晓数据的状态,而React本身就是被这种清晰的数据所驱动的。从虚拟DOM(Virtual DOM)说起想象这么一个场景,客厅里有一把我们不是很喜欢的椅子,想换一把,最合适的做法当然...
原创
88阅读
0评论
1点赞
发布博客于 2 年前

React数据流和组件间的通信方式

总结下React的单向数据流与组件间的沟通。想了解更多的react框架的知识,请阅读官方文档:https://react.docschina.org/docs/refs-and-the-dom.html首先了解一下:props和stateprops props是property的缩写,可以理解为HTML标签的attribute。作用:给组件传递数据,一般用在父子组件之间 说...
原创
132阅读
0评论
2点赞
发布博客于 2 年前

学生信息管理系统:SSM框架实现学生信息的增删改查

一、项目概述:该项目主要实现对学生信息的管理,通过学生信息管理系统能够进行学生信息的增加、查看,查询,删除等功能,实现学生管理工作的系统化和自动化。该项目已经上传到github了,想看源码请移步:https://github.com/LazyTraveller/Student-Information-Management-System (内含数据库脚本)百度网盘:链接:https:...
原创
33546阅读
73评论
40点赞
发布博客于 2 年前

javaweb:SSM框架整合所涉及到的关键配置文件

一、配置文件说明先简单地了解一下SSM整合所用到的配置文件:1.web.xml(核心)最主要理解&lt;servlet&gt;中的配置,因为其中配置了前端控制器,在SSM框架中,前端控制器起着最主要的作用.2.pom.xml 使用maven构建工程使用到的jar,以pom.xml文档打开,会以该文件中的依赖来构建工程,通过网络在线下载jar包,省去手动加入3.log4j.p...
原创
258阅读
0评论
1点赞
发布博客于 3 年前

项目开发:网上书店(详细的开发流程记录)----注册登录功能,通过邮件验证

一、完整代码已上传到github:https://github.com/LazyTraveller/estore二、需求分析1.整个项目是分成前台页面和后台管理两部分组成。 * 前台:提供用户浏览,购买,查看订单等功能。 * 后台:提供管理员管理商城,提供添加图书、分类等功能。2.根据网上商城的需求分成以下几个模块。 1.用户模块 * 前...
原创
3870阅读
27评论
13点赞
发布博客于 3 年前

客户管理系统案例(Servlet+JSP+JavaBean+JDBC)

一、客户管理平台功能 *添加客户*查询所有的客户信息*修改客户信息*删除客户信息*按条件查询*分页查询数据二、准备环境Servlet+JSP+JavaBean+JDBC1.创立如下数据库表customer,并完成web下的crud操作 字段名 说明 类型 id ...
原创
3281阅读
11评论
10点赞
发布博客于 3 年前

windows系统:通过git bash命令窗口更新git client

在推送项目的时候出现remote:git upgrade client 提示,由于版本不够导致上传失败,需要用以下命令行来更新git2.17.1之前用git update2.17.1之后用git update-git-for-windows...
原创
6779阅读
1评论
5点赞
发布博客于 3 年前

javaweb:JDBC元数据API、Apache—DBUtils框架

JDBC元数据元数据分类:数据库元数据、参数元数据、结果集元数据元数据- MetaData元数据:在JDBC中可以使用元数据获取数据库、表、表中字段等一些信息。元数据的作用:在JDBC中可以获取元数据的信息,通过元数据可以编写一些通用性较高的代码、框架。数据库元数据: DataBaseMetaData(Connection对象创建的)获取数据库元数据:Connection....
原创
261阅读
0评论
1点赞
发布博客于 3 年前

javaweb:SpringMVC 框架介绍以及三种入门部署方式的使用

一、SpringMVC 概述:Spring 为展现层提供的基于 MVC 设计理念的优秀的Web 框架,是目前最主流的 MVC 框架之一•  Spring3.0 后全面超越 Struts2,成为最优秀的 MVC 框架•Spring MVC 通过一套 MVC 注解,让 POJO 成为处理请 求的控制器,而无须实现任何接口。•支持 REST 风格的 URL 请求•  采用了松散耦...
原创
2013阅读
0评论
1点赞
发布博客于 3 年前

javaweb:利用Ajax技术实现异步传输数据、使用Xstream把Javabean转换成xml和JSON数据交换格式

什么是Ajax:Ajax的技术:Ajax被认为是(Asynchronous JavaScript and XML的缩写)。异步的js与xml使用Ajax技术可以使用js来访问服务器,而且是异步交互。一般的情况下,服务器给客户端的响应都是整个页面,一个完整的HTML页面但是在Ajax中因为是局部刷新,那么服务器就不用再发整个页面了,而只是数据。Text :纯文本Xml...
原创
257阅读
0评论
1点赞
发布博客于 3 年前

Firebug工具的介绍与安装

Firebug介绍Firebug是网页浏览器 Mozilla Firefox 下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利...
原创
13899阅读
0评论
4点赞
发布博客于 3 年前

Javaweb:Servlet过滤器以及常见应用展示

Filter简介:Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截,从而实现一些特殊的功能。l特点:•过滤器不是目标资源,是在访问目标资源的前后执行的。•过滤器的拦截是双向的•可以有多个过滤器。•过滤器拦截...
原创
356阅读
0评论
1点赞
发布博客于 3 年前

Javaweb:Servlet过滤器以及常见应用展示

Filter简介:Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截,从而实现一些特殊的功能。l特点:•过滤器不是目标资源,是在访问目标资源的前后执行的。•过滤器的拦截是双向的•可以有多个过滤器。•过滤器拦截...
原创
356阅读
0评论
1点赞
发布博客于 3 年前

github地址

https://github.com/LazyTraveller
原创
261阅读
0评论
0点赞
发布博客于 3 年前

javaweb:SQL介绍与MySQL数据库入门

 数据库简介:什么是数据库•数据库就是一个文件系统,但是访问的时候需要使用标准SQL语句来访问数据。关系型数据库•存储的都是实体与实体之间的关系。可以通过ER模型图来描述之间的关系•画图描述常见的数据库•Oracle  :甲骨文公司的数据库产品,大型的收费的数据库。•SQLServer  :微软公司的数据库产品,中型的收费的数据库。•MySQL  :...
原创
1069阅读
2评论
3点赞
发布博客于 3 年前

javaweb:JDBC连接MYSQL数据库详解,使用JDBC对数据库进行CRUD操作以及DAO模式的介绍

 JDBC简介:JDBC全称为:Java DataBase Connectivity(java数据库连接)。SUN公司为了简化、统一对数据库的操作,定义了一套Java操作数据库的规范,称之为JDBC。组成JDBC的2个包:链接:https://pan.baidu.com/s/1ePw4wDxcsZu9x-3MZHu8FQ 提取码:0g1z java.sqljava...
原创
1597阅读
0评论
7点赞
发布博客于 3 年前

javaweb:常用的web设计模式(Model1,Model2,javaweb三层架构和mvc)和三层结构案例展示

Jsp模式介绍:SUN公司推出JSP技术后,同时也推荐了两种web应用程序的开发模式,一种是JSP+JavaBean模式,一种是Servlet+JSP+JavaBean模式。JSP+JavaBean模式适合开发业务逻辑不太复杂的web应用程序,这种模式下,JavaBean用于封装业务数据,JSP即负责处理用户请求,又显示数据。Servlet+JSP+JavaBean(MVC)模式适合开...
原创
568阅读
0评论
1点赞
发布博客于 3 年前

MVC设计模式:票据案例

                                        小白成长记,不喜勿喷,请多多指教                                 源代码已上传到github:https://github.com/LazyTraveller/mvc-model 架构:运行项目前需要解决MAVEN依赖问题...
原创
892阅读
2评论
0点赞
发布博客于 3 年前

会话跟踪:实现购物车功能

                                      小白成长记,不喜勿喷,请多多指教                                 源代码已上传到github:https://github.com/LazyTraveller/shopping                                                ...
原创
573阅读
0评论
1点赞
发布博客于 3 年前

cookie实现自动登录

                                          小白成长记,不喜勿喷,请多多指教                                 源代码已上传到github:https://github.com/LazyTraveller/AutoLogin                                           ...
原创
277阅读
0评论
1点赞
发布博客于 3 年前

学生信息管理系统:实现对学生信息增删改查操作

小白成长记,不喜勿喷,请多多指教 源代码已上传到github:https://github.com/LazyTraveller/Mycat...
原创
8739阅读
5评论
3点赞
发布博客于 3 年前

web前端开发:杂乱无章--那些不太愿意迎合的年轻人社区网站

                                             小白成长记,不喜勿喷,请多多指教源代码已上传到github:https://github.com/LazyTraveller/JerryCat  
原创
325阅读
0评论
2点赞
发布博客于 3 年前

Git的使用:如何一步步将本地项目上传到Github

通过参照别人的博客成功地把项目上传到了github,同时结合自己遇到的问题分享给大家,希望对你们有帮助。如果想详细学习Git的话,可以通过Git教程 - 廖雪峰的官方网站来学习。Git的安装就不说啦。       第一步:我们需要先创建一个本地的版本库(其实也就是一个文件夹)。(其实不创建本地版本库也可以,直接cd进入需要上传的项目文件里,再进行如下步骤,本人亲测有效)    ...
原创
749阅读
0评论
1点赞
发布博客于 3 年前

javaweb:JSTL(JSP标准标签库)、自定义标签开发

JSTL 简介:JSTL的全称:•JSP Standard Tag Library,JSP标准标签库JSTL的作用:•提供给 Java Web 开发人员一个标准通用的标签函数库•和 EL 来取代传统直接在页面上嵌入 Java 程序(Scripting)的做法,以提高程序可读性、维护性和方便性JSTL的版本:•JSTL的主要版本是1.0、1.1和1.2(区别不大)...
原创
291阅读
0评论
1点赞
发布博客于 3 年前