- 博客(206)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 web运行时安全
对黑白名单校验：比如前端传递了一个用户名，可以搜索该用户是否在白名单或者黑名单列表。对传递的数据的格式、长度、类型（前端和后端都要）进行校验。
2024-02-27 19:04:00
495
原创 redis
传统的mysql属于磁盘读写，当访问量大的时候，因为IO读写磁盘速度的限制导致访问瓶颈。于是redis，作为基于内存的数据存储系统，具有优良的速度，解决了访问速度的问题。执行redis-server运行redis，执行redis-cli运行客户端jiejiji界面使用redis。redisInsight的安装根mysql的workbench功能一样，可以连接redis数据库查看数据。KEYS *me查看所有以me结尾的键。TTL key 查看该键的过期时间。2，redis能存储的数据类型。
2024-01-01 18:17:17
583
原创 vue3版本学习
响应式属性经过计算得到的值(ref)，放到模板中，只会随着响应式author.books属性变化而变化。如果不用computed包裹，也会随着响应式属性变化而变化，但是不只是author.books属性。
2023-12-06 23:36:56
246
原创 k8s常见命令
一个pod里面好几个container，deployment是针对这个pod的配置文件，比如设置这个pod有几个副本。获取容器日志：kubectl logs my-pod -c my-container。查看各个资源的详细信息：kubectl describe pod my-pod。获取正在运行的pod日志：kubectl logs -f my-pod。3，deployment和pod关系。2，进入正在运行的pod执行交互命令。4，更新deployment。2，获取当前运行容器。
2023-08-28 22:44:29
437
原创 node项目与consul交互原理
该代码的意思是，使用consul-template工具，利用模板hcl和vault地址生成配置文件。keyOrDefault函数：从consul中读取该路径下变量，找不到的话使用默认值。ctmpl文件：通过helm工具读取到yaml中的部分配置，比如env。而这个生成的配置文件就是用来拉取远程consul配置到本地的一个文件。定义项目的内部的，与代码相关的一些变量，以及consul的资源路径。上面是ctmpl文件里的两行代码，它是用go语言写的。用来定义项目外部的，容器镜像，副本，网络请求等。
2023-08-03 15:48:21
178
原创 执行npm install卡住了一直不动
查看一下项目的.npmrc文件，是不是里面配置的npm仓库地址不对，无法访问。或者本地配置的registry地址不对。
2023-07-19 16:46:12
217
原创 错误边界的正确使用
然后此时B组件中产生的所有js错误才会被Errorboundary捕获。错误使用：直接将dom作为children放到错误边界组件中。正确使用：将dom作为一个子组件放到错误边界组件中。如果不加错误边界， 界面会直接白屏，非常不友好。转载请注明来自kalinux，并附带文章链接。
2022-12-23 12:16:15
194
原创 mac vscode没有写入权限/无法自动更新
mac电脑中，应用程序如果在下载文件夹中，会被限制权限为只读，没有修改系统文件的权限，此时将vscode从下载文件夹移动到应用程序文件夹即可，但是如果还是不行，可以按住command键，同时拖动vscode。然后重启vscode，此时应该可以自动升级vscode版本，同时可以修改。1，正常的打开一个react项目，然后修改文件内容，保存时候会提示没有修改权限。2，vscode自动升级版本，从vscode设置那里点击升级，会提示你，vscode仅允许只读。这种方法每次新pull一个项目都得执行一次很麻烦。
2022-09-21 19:03:48
3757
2
原创 （react页面错误处理）react错误边界ErrorBoundary和react-use判断是否有网络
react页面错误防止白屏，添加兜底页面
2022-09-01 20:54:09
723
原创 clip-path内部文字无法溢出
clip-path的文本无法溢出，因为clip-path在裁剪outer这个容器的时候，顺便把文字内容也裁剪了
2022-08-09 15:49:39
231
原创 使用nextJs代码不在div中无法seo
场景：通过getServerSideProps获取服务端数据，并且传递到子元素中进行渲染，理论上应该是出现在html的body中的，但是实际上只有中包含获得的数据。 主要原因在于HomeNews中首次渲染使用的newsList = [ ]，在componentDidmount之后才进行setNewsList(transformToNews([...newsArr])），这个时候dom已经渲染完毕了，所以查看源代码，服务端渲染的数据是空。直接改为：即可。可以看见首屏数据在di...
2022-07-07 10:55:30
164
原创 location.href相对路径和绝对路径的区别
类似：location.href = https://www.baidu.com/a/b/c使用绝对路径跳转，页面返回后刷新，导致无法定位到当时跳转到位置。相对路径又分为两种情况：使用location.href以及进行跳转的时候，有两种：和假如当前网页地址：https://bbs.hupu.com:8080/home则第一种跳转到：https://bbs.hupu.com:80...
2022-07-07 09:54:20
265
原创 Global CSS cannot be imported from within node_modules.
1，假如报的是antd-mobile的错误 ，需要在next.config.js中配置：2，然后重启项目：npm run dev
2022-06-10 10:55:18
1940
2
原创 css实现头像佩戴中
可以直接用<!DOCTYPE HTML><html><head><style>.outer{ width:0; height:0; border:50px solid red; border-left-color:transparent; border-bottom-color:transparent; position:relative; white-space: nowrap; }.i...
2022-03-03 18:51:01
327
1
原创 antd去除单选按钮Radio.Button被选中时的浅蓝色外边框阴影
在使用antd的Radio.Group，Radio.Button的时候，被选中按钮的外圈有个浅蓝色的框框，想要去除：这个时候打开控制台元素，选中该按钮，发现该元素的classname = ant-radio-button-wrapper-checked，去到antd.css文件，搜索该class，找到一个样式的颜色是浅蓝色：将其覆盖为：.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-but.
2022-01-17 12:37:47
4279
原创 引入antd.css文件导致项目样式受到影响
1，antd.css文件中的class名称都以antd为前缀，理论上不会影响我们的代码，那么我们打开antd.css文件看一下，为什么样式变化了：可以看到，antd.css文件中虽然大部分样式是以antd为前缀的，但是它会设置一些标签的默认样式，比如它给p标签设置margin-bottom是1em，但是我们平时项目中p元素默认margin=0，所以此时引入antd.css文件就会引起样式错乱2，怎么办呢这里是有两个情况的，一个是如果你项目中用到antd较少的组件，比如只用了Table组件，那么可以.
2022-01-17 12:17:10
1948
原创 Echarts的legend图例中的文字长度过长
1，如图所示，文字长度过长2，网上很多解决办法是通过修改textStyle/rich，去修改width：textStyle: { rich:{ a: { width: 11 }, }, }但是不知道是版本原因，还是啥，我怎么改都没有用3，最后用 的formatter解决的：const dealWith = function(name:any){ .
2021-12-19 18:43:14
7159
1
原创 React.createElement: type is invalid expected a string (for built-in components) but got: undefined
报错代码：import { ReactComponent as Back } from '@/assets/back.svg';<div className={styles['title-back']} onClick={close} style={{color}}> <Back></Back></div>报错内容：希望类型是string或者是组件，但是实际上是undefined。报错原因：不同版本的react引入svg的..
2021-12-01 16:30:21
1075
原创 service worker
提出场景一个网页有三个tab页，普通人登录只能访问tab. A，管理人员登录可以访问A，B，而超级管理员可以访问A，B，C。现在要求做一个提示功能，即所有人如果未登录，会提示未登录；普通人登录并访问B或C，会提示无权限访问B接口、C接口；管理人员登录并访问C，会提示无权限访问C接口；解决办法理论上，前端发起fetch请求，根据后端的报错信息可以进行提示，但是因为该项目已经开发完毕；并且包含很多个fetch请求，逐个更改很麻烦，所以使用service worker，把所有的请求与响应全部拦截，.
2021-11-15 15:08:02
1077
原创 Failed to register a ServiceWorker
index.js是注册文件，serviceWorker.js是被注册文件。假设你的项目名称是web-service-test，你的根目录就在web-service-test，你把index.js放在src下，serviceWoreker.js也放在src下。那么你的注册文件路径是：.register('/src/serviceWorker.js', {scope: '/src/'})总结： 注册路径是相对于根目录的。而不是两个文件的相对路径。-----------------------
2021-11-03 18:29:47
4281
原创 将vue项目打包dist并生成exe启动服务
需求：1，vue项目打包为dist后，如何运行dist/index.html?2，一般可以放到服务器上去运行，可以用nginx，tomcat，xampp3，但是我们也可以用node的express去搭建一个服务，运行index.html4，搭建完毕，理论上启动服务（node app.js)，即可访问：localhost:80825，但是我不想手动输入命令去启动服务，我想把项目弄成一个exe，只要点击exe就能够启动服务，这里有很多方法：pkg、nexe、node-packer、enclose等.
2021-08-23 17:39:40
1228
原创 js算法进阶
1，一个字符串，该字符串只可能包含：‘[,],{,},(,)'，其中的几个，判断该字符串是否符合以下规则：左括号必须使用相同类型右括号闭合必须以正确顺序闭合例如：输入 {（） } ：true输入（[)]：false输入（[): falsefunction judge(str){ //思路，将字符串中所有括号的左边push到数组，然后遇到括号右边的就和数组最后一个对比，如果符合就从数组里pop出去。const arr=[];const len = str.length;if(
2021-08-15 18:06:52
239
原创 css进阶
flex布局1.行内块状都可设为flex2.设为flex布局后，子元素float，clear，vertical-align失效3.设置在容器的属性：flex-direction: 项目水平还是垂直排列flex-wrap：水平（换行方式）justify-content: 水平（左右居中贴边环绕？）align-items： 垂直（上下居中拉扯？）align-content：垂直(上下居中贴边环绕？）多行flex-flow:flex-direction和flex-wrap简写，用处不大.
2021-08-14 09:18:45
91
原创 webpack进阶
1，基本配置2，高级配置3，优化打包效率4，优化产出代码5，构建流程概述6，babel1,webpack51，package.json里webpack-dev-server命令改为：”dev":"webpack serve --config build/webpack.dev.js2，webpack周边插件改动：const {merge} = require('webpack-merge')3，const CleanWebpackPlugin = require('..
2021-07-18 13:32:18
277
原创 项目开发流程（针对前端）
1，所有开发人员包括：产品经理，UI设计，前端开发，客户端开发，后端以及测试2，首先是项目需求分析阶段，产品经理喊所有人开会，讨论项目3，前端开发人员和产品经理讨论需求的背景，以及需求的合理性（包括性能、意义），需求是否闭环（比如微信分享，点开内容后，还能返回到微信app中），开发难度（需求与开发成本折中），是否需要其他人的支持（比如需要客户端支持，不及时提出会导致人家排期满了，到时候要不到人），不要急于在会上排期（要结合整个部门对你工作上的安排）...
2021-07-10 18:13:01
495
科研方法论2020答案.doc
2020-04-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人