自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

冷故事的博客

用于交流学习笔记

  • 博客(32)
  • 收藏
  • 关注

原创 nvm的node包管理

nvm node版本管理相关内容

2022-06-09 16:17:26 177

原创 type ‘{ children: element[]; separator: string; }‘ is not assignable to type ‘intrinsicattributes &

typescript children报错类型

2022-06-09 16:08:08 2376

原创 算法之有限状态机以及实现KMP算法

有限状态机一、简要介绍有限状态机(模拟电路,有开启和断开两个状态)状态总数(state)是有限的。任一时刻,只处在一种状态之中。某种条件下,会从一种状态转变(transition)到另一种状态。举例:菜单鼠标悬停:菜单显示,鼠标移开:菜单隐藏。  var menu = {       // 当前状态    currentState: 'hide',      // 绑定事件    initialize: function() {      var self = this

2022-02-17 17:36:36 699

原创 浏览器控制台打印DOM详细信息

浏览器控制台打印DOM详细信息当我们使用console打印一个dom的时候,通常会出现打印出一个标签,此时有两种解决方法使用数组包起来 [dom]使用对象的一个key指向dom,然后打印这个dom直接使用__proto__属性...

2021-11-25 17:22:20 1388 1

转载 https加密解密过程详解

在日常互联网浏览网页时,我们接触到的大多都是 HTTP 协议,这种协议是未加密,即明文的。这使得 HTTP 协议在传输隐私数据时非常不安全。因此,用于对 HTTP 协议传输进行数据加密,即 HTTPS 。那么我们再访问https网站时,大家知道https是安全数据加密传输,但是如果让大家仔细描述从访问打开一个网站。到数据整个加解密的流程,估计有很多朋友(可能哈)很难清晰的表达出来吧。包括我自己描述的也会模拟两可。在此非常有必要详解下整个流程。要点:  https协议对传输内容进..

2021-11-17 16:55:16 7994 1

原创 React自定义弹框,可放大图片,放大图表等局部组件,并使用动画过渡效果

antd有个图片预览,但是没有组件的预览功能,比如图表的放大功能,有部分有需求的放大功能组件,可以使用。组件分为两个部分 jsx 和 less实现效果项目地址:放大功能组件: 放大图片,图表等自定义组件内容...

2021-11-15 13:38:58 632

原创 常用的CSS相关样式

多行展示...{ display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical}display: -webkit-box; overflow: hidden; ...

2021-10-20 11:15:42 76

原创 table设置了display:table属性怎么调整高度?

1. 在table标签上设置: overflow: hidden2. 设置height: 100px或者height: 100%都可以运行

2020-07-08 08:48:03 1529

原创 div盒子八角拖拽以及相关实现

之前一直没有系统的使用过js封装的拖拽代码,所以这次经过自己的研究,总算是封装了一个还算可以的拖拽工具吧,话不多说,上图盒子的八个角可以按照各自对应的方向进行拖拽,盒子灰色部分拖拽整体,多用于编辑相关组件的封装使用,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="U...

2020-03-30 18:20:13 558

原创 nginx原理的理解

这篇文章不错,收藏了,详细阐述了nginx反向如何代理的问题https://baijiahao.baidu.com/s?id=1652608869911988442&wfr=spider&for=pc

2020-02-20 11:31:54 155

原创 如何使用node和express框架迅速开启一个服务,并写出简单的接口用于接口测试

mkdir democd demonpm init -y // 开启项目新建index.jsvarexpress=require('express')varapp=express()//respondwith"helloworld"whenaGETrequestismadetothehomepageapp.get('/'...

2020-02-20 10:56:04 333

原创 react 广告无缝滚动插件--横向滚动(自适应长度)

工作中碰到一个广告的无缝滚动,花了小半天终于实现了无缝滚动的衔接,流畅性非常好,用的是animationFrame方法代码如下import React from 'react'import {Icon} from 'antd'import './index.less'export default class Advertise extends React.Component{...

2019-12-15 00:46:00 3442

原创 自己封装antd风格的YearRangePicker,并设置不可选范围,年份选择以及月份选择组件

由于antd的yearPicker并没有封装完全,或者说根本没有这个插件,但是目前,我们公司碰到了一个要求在十年内的日期选择,所以没法使用antd自带的yearPicker了只能自己手动封装,内容如下具体代码,参见我的码云:https://gitee.com/lenggushi/YearPicker.git...

2019-11-24 14:59:50 1960

原创 echarts for react 插件解决legend图例点击最后一个不可点击,至少保留一个 legend

这里使用echarts for reactnpm i echarts --savenpm iecharts-for-react --save代码如下:import React from 'react';import 'url-search-params-polyfill';// import YearPicker from "./components/YearPicker"...

2019-11-20 15:52:53 2004

原创 react-router学习笔记-路由的使用方法

我们公司用的是react-router5.0,查了一些资料其实和react-router4.0相差其实并不是很多,而且5.0的文档目前来看,很少,可能还不完善的吧,所以,这里着重介绍4.0的相关用法首先react-router需要引入 react-router-dom这个包, 它和react-router这个包其实相差一个link标签,所以,我们常用react-router-dom这个包安...

2019-09-15 11:23:55 205

原创 react-router学习笔记-自定义路由组件

之前接触过react框架,但是很长时间没有使用了,最近公司在使用这个框架,顺便学习一下,router的具体实现不使用react -router的代码:(具体代码可以到我的码云上面查看:https://gitee.com/lenggushi/react-demo.git(还在更新中),有不足之处可以评论交流哈import React from 'react';function About...

2019-09-15 10:30:14 578

原创 Git笔记-git常用的一些命令(远程仓库)

创建本地的SSH keyssh-keygen -t rsa -C "youremail@example.com"如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人第2步:登陆GitHub,打开“Account set...

2019-08-23 18:07:13 163

原创 Git笔记-git常用的一些命令(本地)

这里记录一些git常用的命令,毕竟不经常使用git的话,会经常遗忘,话不多少,用最简单的方式记录命令初始化git项目git init添加文件git add readme.txt提交文件(-m后面跟说明)git commit -m "this is a file, need to commit"查看提交状态git status查看文件更改日志(显示提交...

2019-08-23 17:40:35 190

转载 Content-Security-Policy的实战应用

今天在浏览微信页面的时候,发现他的script标签上都有个once属性,好奇之下查阅了一番,发现这个属性是和一个http header Content-Security-Policy有关,这个header不看不知道,一看吓一跳啊,一把利器啊1. 同源限制首先我们要知道web浏览器为了安全都有会同源限制,什么是同源限制?就是来自 https://mybank.com 的代码应仅能访问 htt...

2019-07-04 22:06:57 5097

原创 简单的深度克隆

方法一:obj = JSON.parse(JSON.stringify(obj))缺点:这种方式不能对函数对象进行克隆优点: 适合简单的克隆方法二:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <...

2019-06-30 22:27:33 149

原创 递归树结构-html

有时候我们需要写一些不知道几级的菜单,下面上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box"></div>...

2019-06-30 22:05:24 609

原创 webpack打包学习笔记06-shim预置依赖

shim 预置依赖webpackcompiler 能够识别遵循 ES2015 模块语法、CommonJS 或 AMD 规范编写的模块。然而,一些 third party(第三方库) 可能会引用一些全局依赖(例如jQuery中的$)。因此这些 library 也可能会创建一些需要导出的全局变量。这些 "broken modules(不符合规范的模块)" 就是shim(预置依赖)发挥作...

2019-06-08 17:59:46 268

原创 webpack打包学习笔记05-缓存

缓存我们的网页一般都会被浏览器缓存,这是因为加载大量的图片啊,css,js之类的,如果没有缓存,每次都要下载这么多东西,所以浏览器会采用缓存减少资源的请求。然而我们有时候并不需要这种减少资源请求,因为不断的更新代码,我们需要最新的代码,这个时候需要用到缓存的技术(补充说明:一般我们会通过改变html中对不同js的引用来使浏览器加载不同的资源,下面详细说明)输出文件的文件名 out...

2019-06-04 22:30:42 186

原创 webpack打包学习笔记04-生产环境,代码分离,懒加载

生产环境配置development(开发环境)和production(生产环境)这两个环境下的构建目标存在着巨大差异。在开发环境中,我们需要:强大的 source map 和一个有着 live reloading(实时重新加载) 或 hot module replacement(热模块替换) 能力的 localhost server。而生产环境目标则转移至其他方面,关注点在于压缩 b...

2019-06-03 21:45:18 283

原创 webpack打包学习笔记03-模块热替换

模块热替换模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块,而无需完全刷新。本页面重点介绍其实现,而概念页面提供了更多关于它的工作原理以及为什么它有用的细节。上篇开发模块讲到了webpack-dev-server这个插件,可以不用刷新直接reload页面,也就是说,这里的reload其实是...

2019-06-02 12:39:20 303

原创 webpack打包学习笔记02-webpack管理资源与开发环境相关配置

管理资源还是使用之前的文件,这里不做修改加载cssnpm install --save-dev style-loader css-loaderwebpack.config.jsconst path = require('path')module.exports = { entry: './src/index.js', output: { filenam...

2019-06-02 00:04:31 124

原创 webpack打包学习笔记01-webpack安装与配置

首先找个空文件夹 npm init,初始化项目,包含基本的信息,本地安装npm install --save-dev webpackwebpack4+版本需要cli支持npm install --save-dev webpack-cli"scripts": { "build": "webpack --config webpack.config.js"...

2019-06-01 21:58:14 158 1

原创 项目中多项选择,减少数据库字段,采用的数值相加得到的值,分解算法

通常后端保存一个多选项,如果这个数据比较多,则通常会建立多个数据库字段,为了减少字段,通常会保存各个选项相加得到的值,例如问一个人的爱好: 跑步(1),唱歌(2),跳舞(4),打游戏(8),只需要保存一个值就可以得到唯一的组合,比如,保存了12,就是打游戏+跳舞 即:4+8,这个值是唯一的,所以设计的时候也要唯一,保证前两个数加起来不超过第三个数就行,保存时候很方便,但是取出来的话,应该怎...

2019-06-01 20:58:53 208

转载 关于TCP/IP,必须知道的十个知识点

本文整理了一些TCP/IP协议簇中需要必知必会的十大问题,既是面试高频问题,又是程序员必备基础素养。一、TCP/IP模型TCP/IP协议模型(Transmission Control Protocol/Internet Protocol),包含了一系列构成互联网基础的网络协议,是Internet的核心协议。基于TCP/IP的参考模型将协议分成四个层次,它们分别是链路层、网络层...

2019-05-11 15:58:38 211

原创 如何解决node_modules包压缩出错或者拷贝不全的问题

最近因为公司使用内网开发项目,所以node_modules无法通过npm方式下载安装,而且element ui网站被禁止了,只能苦逼自己去扒网站,这里可以推荐一个软件叫webzip,有兴趣的同学可以去搜一下,这个主要是扒静态网站,但是element ui是扒不了的,但是因为是开源框架,所以可以很容易从GitHub上找到源码的问题来了,我用自己的电脑使用cnpm下载好了相关的elementui相...

2019-05-10 21:58:15 12658

转载 HTTP请求和响应报文

http连接中报文分为请求与响应,分别为request和response,每种报文在http首部都有不同的字段唉标识不同的用途。1. 请求报文:HTTP协议使用TCP协议进行传输,在应用层协议发起交互之前,首先是TCP的三次握手。完成了TCP三次握手后,客户端会向服务器发出一个请求报文。请求报文的格式如下图抓包所示:前三行为请求行,其余部分称为request-header。请求行中的m...

2019-05-10 21:41:59 274

原创 关于异步执行的函数如何保证链式操作

关于在函数执行完成之后才执行的函数,也算是异步加载的函数事件,可以通过如下方式完成1,最笨的方法:setTimeOut;而且需要计算时间的间隔,一旦出现加载问题或其他不可预知的错误,可能导致程序漏洞2.使用回调函数,比如当这个函数运行结束之后,把另一个函数引入到这个函数的末端3.使用promise,ES6的方法:let promise = new Promise((resolve,r...

2017-06-21 08:54:54 400 1

空空如也

空空如也

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

TA关注的人

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