- 博客(67)
- 收藏
- 关注
RSS订阅原创 报错：request to https://registry.npm.taobao.org failed, reason certificate has expired
淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。注意：此处修改的镜像用的是npm本身，一般国内用户还是建议使用淘宝镜像，所以推荐还是设置成用淘宝镜像，执行：npm config set registry。4、再次运行： npm config list，查看 registry 已经被更改为默认的 npm 公共镜像地址。1、查看当前的[npm镜像] 设置：npm config list。一、报错问题：提示淘宝镜像过期。
2024-03-19 15:35:58
895
原创 echarts实现点击不同的柱子实现类目的不同名字
可能柱子会有点偏,使用下面属性可进行左右调整 barGap:-1。首先实现echarts堆叠柱状图数据为0的不占用x轴空间。这个时候我们需要把类目中多余的为0项删除即可。
2024-01-05 11:34:34
600
原创 将数组里的某个对象放到移动到某一位置
splice()方法 通过删除或者替换现有的元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。需求：将friend 放到最后一位。concat() 方法。
2023-11-08 17:53:45
363
原创 【解决】控制台解析preview和response数据不一致,并使用transformResponse修改响应数据
前端接收后，后面的几位都变成0了,由于JavaScript中Number类型的自身原因，并不能完全表示Long型的数字，在Long长度大于17位时会出现精度丢失的问题。在Preview(预览功能)中，控制台会把发送过来的json数据自动转换成javascript的对象格式。因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。方案二：在传递给 then/catch 前，结合开源库。，使用transformResponse修改响应数据。方案一：在返回数据之前就将。
2023-08-28 13:38:34
616
原创 基于element UI 实现 table 列 拖拽
该组件目前仅支持最简单的拖拽效果，后续开发出兼容fixed、checkbox、expand参考文献基于element UI 实现 table 列 拖拽_element table列拖拽_淡然自若_blog的博客-CSDN博客Added non-passive event listener to ascroll- blocking ‘mousewheel‘event Consider marking event handl_绅士的可怖的博客-CSDN博客。
2023-08-23 11:57:18
2588
1
原创 教资笔记(综合素质篇)
教育法律法规概述:1:教育法概述2:教育法律关系3:教育法律救济(申诉)4:教育法律责任(行政,哪个是对内,哪个是对外)
2023-05-11 17:59:04
6109
1
原创 PMP学习笔记
裸考1题目1: 下列哪一项不属于项目的特征?DA:独特性B:临时性C:渐进明细D:重复性解析:重复性属于运营题目2: 在确定项目目标时,应该更加关注哪一个?DA:进度要求B:成本预算C:质量标准D:同等关注进度,成本和质量要求。
2023-04-11 17:45:46
1465
原创 Vue 3 介绍
ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步。Element Plus，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库。Vant 是有赞前端团队开源的移动端组件库，于 2016 年开源，已持续维护 4 年时间。目前 Vant 已完成了对 Vue 3.0 的适配工作，并发布了 Vant 3.0 版本。Vue3.0在经过一年的迭代后，越来越好用。轻量、可靠的移动端 Vue 组件库。Vue3性能更高，体积更小。
2023-03-30 13:32:08
370
原创 [vite] Dynamic require of “path“ is not supported
当引入path时报 Dynamic require of “path” is not supported 错误。查看 vite的版本可能不支持commonJS，所以要改为 import { } from ' ' 就可以了。
2023-02-06 09:43:39
1139
原创 pinia学习
Pinia 是 Vue.js 的轻量级状态管理库官方网站：https://pinia.vuejs.org/pinia和vuex4一样，也是vue官方的状态管理工具(作者是 Vue 核心团队成员）pinia相比vuex4，对于vue3的兼容性更好pinia相比vuex4，具备完善的类型推荐 => 对TS支持很友好pinia同样支持vue开发者工具,最新的开发者工具对vuex4支持不好Pinia 的 API 设计非常接近 Vuex 5 的提案。state: 状态actions: 修改状态（包括同步和异步，pin
2023-01-18 16:03:22
1074
原创 invalid json response body at https://registry.npmjs.org/vue reason: Unexpected end of JSON input
在react或者vue中安装包 遇到这样的错误 果断 切换成 淘宝的镜像源 就行！ npm config set registry https://registry.npm.taobao.org
2022-12-05 09:42:26
2433
原创 craco配置postcss8下的postcss-px-to-viewport插件
安装的 postcss-px-to-viewport 不适配最新版本的postcss8。解决方法：在craco.config.js中的配置postcss插件处修改配置为如下。1. 安装适配8的版本。然后重新启动项目即可。
2022-10-28 15:32:33
1236
1
原创 TypeScript
类型系统所有的 JS 代码都是 TS 代码JS 有类型（比如，number/string 等），但是JS 不会检查变量的类型是否发生变化，而 TS 会检查可以显式标记出代码中的意外行为，从而降低了发生错误的可能性。
2022-10-24 17:50:05
222
原创 解决tsc : 无法加载文件 C:\Users\MI\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本请参阅 https:/go.microsoft.c
刚安装上typescript后，写上测试程序，运行时会报如下错误。用管理员省份打开 windowsPowerShell。
2022-10-24 15:05:13
185
原创 React工具
配置vscode，在vscode中使用tab键可以快速生成HTML内容。prettier插件是一个代码格式化插件，可以格式化react代码。无需安装额外插件，直接在设置中添加如下设置即可。学习如何配置vscode插件进行代码格式化。
2022-08-25 11:41:43
949
原创 flex布局
什么是flex布局？它的由来由于传统的布局解决方案太过复杂，例如垂直居中、两端固定中间自适应。2009年，W3C提出了一种新的方案——flex布局也叫伸缩布局，flex布局它有什么好处？好处简单、灵活、自适应。......
2022-07-22 18:09:35
2873
原创 移动web
UI设计稿设计稿使用几倍图都行，如果是二倍图测量的像素值要除以2；如果是三倍图测量的像素值要除以3；图片图片在页面上显示的大小不由自身的尺寸决定，而是由设计稿的标注尺寸决定尽量使用稍微大点的图，以防图片变模糊；但又不能使用过大的图，因为会导致加载很慢；所以适中最好。...............
2022-07-22 17:58:04
640
1
原创 WebAPI整理
添加事件element.addEventListener('事件类型',function(){},是否捕获);移除事件element.removeEventListener('事件类型',事件处理程序名称（函数名）);(element.style.width='200px');window.setTimeout(函数,时间)==>window.clearTimeout(定时器标识)事件源.addEventListener('click',function(e){e}).........
2022-07-20 09:44:52
114
原创 面试题积累
1. 提取 URL 中的各个 GET 参数有这样一个URL：http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e，
2022-07-07 18:05:47
124
原创 将对象数组转换成二维数组
1. 实现一个函数将对象数组处理成二维数组参考结果:思路:1. 首先要想要遍历sourceData数组2. 想想怎么才能拿到value值呢,当然可以用到Object.values() 结果会得到一个数组3.然后再套一个数组是不是就是双层数组了呢?2. 实现一个函数可以将源数据按照header做匹配产出二维数组参考结果:方案一: 思路: 1. 通过Object.keys() 拿到sourceData数组的key值2.然后通过includes进行匹配3.匹配上之后把value值放到一个数组中4
2022-06-07 16:32:29
1770
原创 JS怎么实现首次打开弹出窗口，以后不弹出
我们自己做网站时，有时希望第一次打开某个页面时，弹出一个窗口，以后再打开页面时，就不显示这个弹窗了。实现这样的效果就需要使用JS，通过JS可以实现首次打开弹出窗口，以后不弹出。实现原理借用localStorage（本地存储）来检查用户之前有没有打开过这个页面，判断是否要打开弹窗。localStorage:localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除缓存数据，否则数据永远不会消失。实现方
2022-05-27 11:00:12
2076
原创 vue2双向绑定原理
Object.defineProperty() <input type="text" id="textInput"> 输入: <span id="textSpan"></span> <script> var Obj = {} textInput = document.querySelector('#textInput') // 输入 textSpan = document.querySelector('#text.
2022-05-17 13:54:11
559
原创 vue 如何PC端不同屏幕大小分辨率自适应
需求：vue自适应屏幕分辨率PC端1、安装postcss-px2rem及px2rem-loadernpm install postcss-px2rem px2rem-loader --save2、 在根目录src中新建utils目录下新建rem.js等比适配文件 可直接复制以下代码// rem等比适配配置文件// 基准大小const baseSize = 16// 设置 rem 函数function setRem () { // 当前页面屏幕分辨率相对于 192...
2022-05-11 09:20:44
6469
13
原创 ECMAScript 6(总结)
ECMAScript 6 简介ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript与JS的关系要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年
2022-05-07 17:43:15
267
原创 手写vuex
vuex状态管理器的好处:1.数据公共存储2.当数据变化通知页面更新代码实现:// 自己实现vuexlet Vueclass Store{ constructor(options) { this.vm = new Vue({ data: { state: options.state } }) // for getters let getters = options.getters || {} // 拿到配置
2022-05-03 22:27:28
83
转载 实时获取端口号和ip地址(域名)
使用自定义获取端口号和ip地址(域名)window.location在项目当中,很多项目是属于外包的,当项目做完就需要部署然后交给甲方,那么此时项目就不是我们负责端口号,和域名,后期因为部署到服务器上就不是我们管,然后是别人负责,就是想实现我在这个机子上打开是这个端口号和域名,在另外一个机子上打开又是另外一个端口号和域名直接跟接口拼接起来var domain=window.location.host; //获取当前域名(ip)和端口号var url='http://'+domain+'/.
2022-04-21 20:25:26
3380
原创 报错: vue : 无法加载文件 D:\Develop\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本...
在当前项目下执行一下命令vue add style-resources-loader，添加一个vuecli的插件的时候报下图错误:解决报错：（1）以管理员身份运行vs code 在桌面vscode快捷方式 右键 以管理员身份运行此程序（2）在终端执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）（3）在终端执行：set-ExecutionPolicy RemoteSigned（4）在终端执行：get-ExecutionP...
2022-04-12 14:43:45
1483
原创 echarts全国各市地图坐标
echarts全国各市地图坐标var jsons={北京市:[116.46,39.92], '北京市':[116.46,39.92], '北京':[116.46,39.92], '平谷区':[117.1,40.13], '密云区':[116.85,40.37], '顺义区':[116.65,40.13], '通州区':[116.66,39.91], '怀柔区':[116.62,40.32], '大兴区':[116.33,39.73],
2022-03-22 12:06:31
5628
2
原创 js实现平滑滚动到指定位置
方案一 :基于js实现平滑滚动的效果 // 实现滚动条平滑滚动的方法 scrollToCmtList() { // 1.1 返回文档在垂直方向已滚动的像素值 const now = window.scrollY // 1.2 目标位置（文章信息区域的高度） let dist = document.querySelector('.article-container').offsetHeight // 1.3 可滚动高度 = 整
2022-03-10 09:54:07
12752
原创 解决js中大数的问题
大数的理解: 就是由于数字太大了,然后js解析不了,不认识. 就比如实际生活中,在双11的时候,我们知道淘宝一夜之间总购买量肯定是一个很大很大的金额,当我们前端碰到一个非常大的数字的时候,js可能会解析不了.JS中的安全数字:> Number.MAX_SAFE_INTEGER 可以查看js中的最大数字> 9007199254740991> Number.isSafeInteger(1323819148127502300) 可以判断是否是一个安全的数字...
2022-03-07 14:29:35
3462
原创 git命令
D代表被删除的文件 M这些文件被修改了 ?? 文件是新增的git add . 添加到暂存区git commit -m '初始化项目结构'git remote add 本地仓库和远程仓库进行关联我们在VSCode写代码的那个文件夹就是本地仓库,如果想把码云仓库和本地仓库关联,就使用git remote add origin(远程仓库名字) + 远程地址git ...
2022-02-25 17:47:35
227
原创 封装的防抖函数
// 相当于把要执行的函数体传入到debounce里面换出来一个带延时的函数function debounce(fn, theTime) { //参数1:是真正要执行的那个函数体,参数2:等待时间 return function () { // 此函数作为事件处理函数 - 事件触发这个函数会被频繁调用 clearTimeout(fn.timer); // 清空上一次的定时器 fn.timer = setTimeout(() => { // 新的定时器(时间重新倒计时.
2022-02-23 14:52:01
295
转载 js 去除日期月份前的0
// 去除0 参数 日期 如 2020-07-08 返回为 2020-7-8 dislodgeZero(str) { let strArray = str.split("-"); strArray = strArray.map(function(val) { if (val[0] == "0") { return (val = val.slice(1)); } else { return v...
2022-02-23 13:35:30
2769
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人