- 博客(75)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 如何使浏览器不提示记住密码
一、背景 为了系统使用安全，需要使浏览器不提示记住密码。 安全风险场景：对于公共使用的系统，A用户为了方便登录，选择了“记住密码”，B用户可以通过浏览器的密码管理查看到密码明文。二、为什么浏览器会提示记住密码？ 浏览器提示密码是根据input标签的type=“password”类型实现的。...
2024-04-24 23:09:42
656
原创 使用webpack5+TypeScript+npm发布组件库
作为一只前端攻城狮，没有一个属于自己的组件库，那岂不是狮子没有了牙齿，士兵没有了武器，姑娘没有了大宝SOD蜜，你没有了我....言归正传，下面将给大家介绍如何通过webpack5编译一个TS组件发布到NPM平台。
2024-04-15 22:54:40
943
原创 Echart使用水球图不生效
水球图官方链接：https://www.npmjs.com/package/echarts-liquidfill。1、Echarts的版本需要和‘echarts-liquidfill’。在vue3中使用echart5绘制水球图，未显示，也没有报错。1、安装水球图的依赖包。2、在使用的vue页面。
2024-01-26 16:54:50
278
原创 Vue3引用echart5 报错解决
一、TypeError: Cannot read properties of undefined (reading 'type')用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。作用：将一个由reactive生成的响应式对象转为普通对象。当渲染具有不可变数据源的大列表时，跳过响应式转换可以提高性能。原因：由于把echart实例绑定到了一个响应式的变量上。【1】使用markRaw 把响应式变量定为非响应式变量。作用：标记一个对象，使其永远不会再成为响应式对象。
2024-01-26 11:34:06
317
原创 Vue3动态插入组件
要渲染的实际组件，当 is 是字符串，它既可以是 HTML 标签名也可以是组件的注册名。一、使用+is实现动态组件插入。：一个用于渲染动态组件或元素的“元组件”。
2024-01-25 11:00:12
973
原创 VUE引入DataV报错记录
类型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的参数不能赋给类型“Plugin
2024-01-25 09:49:19
2537
原创 Mongodb+NodeJS实现服务端架构
官网: https://www.mongodb.com/源于百度中的一段话：MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。
2023-09-14 22:27:51
276
3
原创 如何把本地项目上传github
【1】点击添加（+）-->New repository。【3】点击确定，项目已在github创建成功，如下图。【1】进入到项目文件夹，打开git branch。2）项目文件夹中出现.gitignore文件。Repository name：项目名称。Description ：项目的描述。【4】切换至github上的分支，【6】push文件到github。【3】提交文件至git本地仓库。重命名：billingSys。【2】填写新项目的配置项。【2】初始化git项目。
2023-08-26 20:41:17
1296
原创 useEffect中的函数会执行2次原因
useEffect是React18的新特性，表示React的生命周期Hooks组件。等价于Claas组件的componentDidMount、componentDidUpdate，useEffect的返回函数等价于componentWillUnmount。【1】仅在开发模式下，且使用了严格模式("Strict Mode")下会触发。生产环境模式下和原来一样，仅执行一次。为了帮助开发者提前发现重复挂载造成的 Bug 的代码。【2】之所以执行两次，是为了。一、useEffect介绍。
2023-08-05 20:32:31
2764
原创 position:sticky-粘性吸附布局
position:sticky-粘性吸附布局，就是在一个容器里,将一个子元素设置为在元素显示在,显示的效果与一致，当元素被滑动出是,显示效果与一致。
2023-05-22 20:25:33
713
原创 报错：Error: error:0308010C:digital envelope routines::unsupported
react框架下npm run start 报错
2023-03-18 23:09:33
200
原创 React如何通过代理进行本地调测
由于在react进行本地调测时，访问后端接口会遇见跨域问题，所以我们需要通过代理的方式来解决跨域问题（服务端之间通信不存在跨域问题）本记录使用的"react": “^18.2.0”
2023-03-18 22:59:34
617
原创 JavaScript的错误类型数据
在使用JavaScript开发过程中，当我们遇见浏览器控制台中出现的报错时，如何从这些错误类型快速定位到问题代码是一种必不可少的技能，下面我们来看看JavaScript的7种错误类型（卷起来…）
2023-03-08 21:31:41
372
原创 Angular8集成Tinymce5
目录一、Tinymce5简介二、Angular8集成Tinymce5一、Tinymce5简介描述：TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类插件有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。官网：Tinymce 官网官网及文档(中文)：Tinymce 中文文档（不全）二、Angular8集成Tinymce5安装tinymcenpm install --save-dev tin
2021-10-28 22:26:48
1351
1
原创 数组进行异或运算
题目描述：对于两个整型数组arr1、arr2，其异或运算规则定义如下：对于arr1或arr2中的某个元素X，如果X在arr1中出现N次，在arr2中出现M次，则结果中包含|N-M|个X，其中M，N>=0，请对arr1、arr2两个数组进行异或运算，把结果按照升序排列输出：let arr1 = [1, 22, 3, 4, 55, 66,'zyk','zyk',true];let arr2 = [11, 22, 33, 44,22,22,22,22,'zyk',false,false];XO
2021-09-27 10:01:52
1578
原创 ngx-translate-lint组件
一、组件信息组件名称：ngx-translate-lintnpm仓库地址：https://www.npmjs.com/package/ngx-translate-lint组件描述：使用@ngx-translate组件实现的国际化项目，需要检查资源文件中键值是否有效，是否重复等检查工作，可以使用ngx-translate-lint组件组件作用简述：检查资源文件中键值对的键（key）是否重复；检查在资源文件中定义的键值对是否在项目中使用到；检查不同资源文件中的键是否一一对应，以中英文资源文件为
2021-09-14 09:37:07
221
原创 实现指定区域的全屏功能
一、需求描述：需要实现指定区域进行全屏显示二、原理：通过浏览器提供的方法（有浏览器差异）调用浏览器的全屏功能；浏览器 方法名 备注 requestFullScreen exitFullscreen 谷歌 webkitRequestFullScreen webkitCancelFullScreen 火狐 mozRequestFullScreen mozCancelFul...
2020-12-17 23:08:05
958
原创 VSCode插件使用记录
一、Live-server功能描述：开启一个web服务器，代码变更后会自动刷新页面，解决本地代码加载的同源问题。使用方式：【1】打开vscode命令输入框：ctrl+shift+p【2】命令行集合命令 描述 备注 Open with Live Server 打开web服务 Stop with Live Server 关闭web服务 Change Live Server workspace 切换项目空间 ...
2020-08-18 00:22:02
338
1
原创 JS使用import和export模块化开发问题记录
一、代码：html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鱼</title> <link rel="stylesheet" href="
2020-08-17 23:51:21
719
3
原创 从浏览器多进程到JS单线程学习笔记
一、带着问题做看客1、为什么说浏览器是多进程，有哪些进程呢？这些进程都是做什么的？2、为什么说浏览器内核是多线程，有哪些线程呢？这些线程都是做什么的？3、JS单线程是什么呢？4、JS运行机制是什么呢？二、进程和线程的区别进程 线程 进程好比一个工厂，有独立资源（系统分配的内存） 线程好比工厂中的工人 工厂（进程）之间是相互独立 多个工人（线程）...
2020-05-17 19:20:47
203
原创 UTC、格林威治时间、本地时间
一、名词解释1、什么是格林尼治时间（GMT） 是指位于英国伦敦郊区的皇家格林尼治天文台的标准时间，格林尼治标准时间的正午是指当太阳横穿格林尼治子午线时（也就是在格林尼治时）的时间，由本初子午线确定。2、什么是格林威治时间 由于翻译原因，格林威治 ========格林尼治；3、什么是UTC 协调世界时，又称世界统一时间、世界标准时间、国际协...
2019-12-04 23:03:20
3915
原创 找出数组中的重复元素
方法一private isExistData(value) { if (!Array.isArray(value)) { return ''; } let res = ''; for (let i = 0; i < value.length; i++) { let flag = 0; for (let j = 0; j...
2019-11-23 21:09:45
503
原创 Angular实现生成excel文件（不同sheet页的文件）
一 需求背景 后台不愿意生成excel，成功的甩到了web（有木有大神知道像导出生成文件的功能是放在服务端做好，还是放到客户端做好呢？求指导啊！！！），于是百度到了web侧生成excel文件，亲测，好用。。二 核心插件 【1】npm install xlsx --save 详情见：https://www.npmjs.com/package...
2019-08-05 22:57:43
1328
原创 angular使用[innerHTML]时样式不生效
一、问题描述使用[innerHTML]向angular的模板中添加模板时，被添加模板中的css样式不生效。二、详细介绍【1】需要根据数据模型动态创建表格的表头（部分代码如下）：//模板.../ <td [innerHTML]="col.render?col.render(item[col.key],col.key,i,item):item[col.key]">&l...
2019-07-08 23:15:47
2893
原创 angular+TranslateService 实现国际化
一、导入依赖库（ngx-translate）npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader --save二、app.module.ts引入模块import { BrowserModule } from '@angular/platform-browser';import {...
2019-07-03 21:57:37
2909
原创 HTTP状态码集合
1、状态码类型状态码 名称 描述 1XX 信息性状态码 接受的请求正在处理 2XX 成功状态码 请求正常处理完毕 3XX 重定向状态码 需要增加附件操作以完成请求 4XX 客户端错误状态码 服务器无法处理请求 5XX 服务器错误状态码 服务器处理请求出错 2、具体状态码状态码 描述 ...
2019-06-09 22:17:52
173
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人