- 博客(32)
- 收藏
- 关注
RSS订阅原创 type ‘{ children: element[]； separator: string； }‘ is not assignable to type ‘intrinsicattributes &
typescript children报错类型
2022-06-09 16:08:08
2379
原创 算法之有限状态机以及实现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
1389
1
转载 https加密解密过程详解
在日常互联网浏览网页时，我们接触到的大多都是 HTTP 协议，这种协议是未加密，即明文的。这使得 HTTP 协议在传输隐私数据时非常不安全。因此，用于对 HTTP 协议传输进行数据加密，即 HTTPS 。那么我们再访问https网站时，大家知道https是安全数据加密传输，但是如果让大家仔细描述从访问打开一个网站。到数据整个加解密的流程，估计有很多朋友(可能哈)很难清晰的表达出来吧。包括我自己描述的也会模拟两可。在此非常有必要详解下整个流程。要点： https协议对传输内容进..
2021-11-17 16:55:16
8002
1
原创 React自定义弹框，可放大图片，放大图表等局部组件，并使用动画过渡效果
antd有个图片预览，但是没有组件的预览功能，比如图表的放大功能，有部分有需求的放大功能组件，可以使用。组件分为两个部分 jsx 和 less实现效果项目地址：放大功能组件: 放大图片，图表等自定义组件内容...
2021-11-15 13:38:58
633
原创 常用的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
78
原创 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
2005
原创 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
610
原创 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
187
原创 webpack打包学习笔记04-生产环境，代码分离，懒加载
生产环境配置development(开发环境)和production(生产环境)这两个环境下的构建目标存在着巨大差异。在开发环境中，我们需要：强大的 source map 和一个有着 live reloading(实时重新加载) 或 hot module replacement(热模块替换) 能力的 localhost server。而生产环境目标则转移至其他方面，关注点在于压缩 b...
2019-06-03 21:45:18
284
原创 webpack打包学习笔记03-模块热替换
模块热替换模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新。本页面重点介绍其实现，而概念页面提供了更多关于它的工作原理以及为什么它有用的细节。上篇开发模块讲到了webpack-dev-server这个插件，可以不用刷新直接reload页面，也就是说，这里的reload其实是...
2019-06-02 12:39:20
306
原创 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
159
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
213
原创 如何解决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关注的人