- 博客(13)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 离线安装VSCode插件,以及常用插件
打开网址 Extensions for the Visual Studio family of product下载下来vsix文件（在电脑下载中），打开VSCode，点拓展（就是四个小方块），点击右上角三个点，点击从vsix中安装选择相应的.vsix文件打开即可安装后在右下角会提示重启VSCode离线安装Auto Close TagAuto Rename Taghtml CSS SupportHTML SnippetsHTMLHintstylelintJavaScript (ES6
2022-06-06 10:59:03
272
原创 使用tsc运行ts文件报错无法加载文件……
全局安装typescrpit使用命令npm install typescript -g全局安装好后就可以使用 tsc 这个命令，我试了一下不太好用。使用node 提供的npx这个方法的前提是需要安装node, 有了node 的基础上才可以使用npx ， 使用方式 如下： npx tsc xxx...
2022-04-07 16:57:26
1646
转载 svn和git
参考链接cgitee及github的区别_Mr丶吕的博客-CSDN博客_gitee和githubgit、gitee、github、gitlab 区别以及功能_有没有人告诉你的博客-CSDN博客_git gitee github另外简单说一下gerrit
2022-04-07 16:54:04
138
原创 用echarts绘图时报错echarts-d9fd185e.js:31447 Uncaught (in promise) Error: Initialize failed: invalid dom.
当浏览器执行document.getElementById('chart')时，由于id为main的dom对象还未被创建，报错Initialize failed: invalid dom.解决办法,让初始化echarts图表的代码延时执行,代码运行速度很快,不影响效果展示,不会感觉卡顿func.echarts()为初始化图表的函数,代码及效果图如下(某个vue3.0项目的一个页面用到的) echarts: () => { let myChart = e...
2022-02-25 14:09:19
1580
2
原创 Object.entries,Object.values,Object.keys区别与运用
<ul> <h4>疾病分类</h4> <li v-for="(item,index) in property.diseaseClass" :key="index" :style={height:property.heightArr[index],lineHeight:property.heightArr[index]}>{{item}}</li> </ul> <...
2022-02-24 14:32:58
154
原创 单选框和输入框搭配,输入框为空,确定按钮禁用
实现效果:点击前三个单选框时, 可以直接点击确定,选择其他原因且输入框为空按钮禁用,disabled为true,当输入框有数据时,disabled为false可用输入框输入数据时,disabled已经为false但按钮依然为禁用状态,就很奇怪。这是在一个项目中的对话框，摘取出来的代码不好看懂，主要用于记录项目中的问题，这个功能可以用别的方法解决，但是效果没有这个方便，可是遇到这个bug也解决不了，以后有空单独写一个类似的功能试试看到底是哪里的问题。主要代码如下:html部分<..
2022-01-20 11:36:06
1100
原创 正则表达式规则
正则表达式用来操作字符串,按照一定的滚则去匹配字符串 正则表达式存在的作用就是为了规范用户输入的账号密码手机号等一些数据在前端中,我们正则表达式的对象是new RegExp()方式一:var 对象名 = new RegExp(参数一,参数二);参数一,匹配的规则,必须是字符串类型参数二,匹配类型,可以省略,属性可选值,用来设置匹配的范围如果我们想要匹配字符串是否满足正则表达式的规则,如果满足就返回true,如果不符合就返回false第二种方式创建正则对象常用的方式--语.
2021-12-26 19:23:05
512
原创 文本溢出显示省略号
1、单行文本溢出显示省略号overflow: hidden;（文字长度超出限定宽度，则隐藏超出的内容）white-space: nowrap;（设置文字在一行显示，不能换行）text-overflow: ellipsis;（规定当文本溢出时，显示省略符号来代表被修剪的文本）2、多行文本溢出显示省略号-webkit-line-clamp: 2;（用来限制在一个块元素显示的文本的行数，2 表示最多显示 2 行。为了实现该效果，它需要组合其他的 WebKit 属性）display: -we.
2021-12-26 19:21:02
19724
原创 标准盒模型和怪异盒模型
/*标准盒模型content-box*/box-sizing: content-box;/*怪异盒模型border-boxpadding和 border会占用标签的 width 和 height */box-sizing: border-box;
2021-12-26 19:15:07
346
原创 判断一个字符串中出现次数最多的字符，统计这个次数？
let str = "nininihaoa";let obj = {}; //定义一个新对象//循环遍历字符串for (let i = 0; i < str.length; i++) {// charAt()方法，返回某个指定位置的字符let char = str.charAt(i);// char 就是对象 obj 的一个属性，obj[char]是属性值，obj[char]控制出现的次数(char是键值对中的键，obj[char]是值)if (obj[char]) {obj[ch.
2021-12-13 20:12:13
586
转载 网站性能优化
参考链接web前端性能优化总结_HOKING的专栏-CSDN博客_前端性能优化如何进行网站性能优化？_q759859479的博客-CSDN博客_如何进行网站性能优化一、为什么要进行网站性能优化？现在的网站一般都是前后端分离。可以理解成后台是用来实现网站的功能，比如：实现用户注册，用户能够为文章发表评论等等。前端属于功能的表现，影响用户访问体验的绝大部分来自前端页面。前端才是真正和用户接触的。除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上下功...
2021-12-13 20:04:24
142
原创 react架构
一、简介相对于vue，在react中很多东西需要自己去构建，比如网络请求、路由、redux、导航条，如果直接写会产生大量重复代码，并且后期难以维护，通过封装，将以上提到的功能封装成一个个文件夹，需要添加或修改直接去对应的地方找即可，维护成本会降低很多。二、准备1、全局安装npm install -gcreate-react-app2、创建一个react项目（eact-demo为项目名）create-react-app react-demo3、进入项目目录安装需要的的插件...
2021-12-01 21:59:49
3549
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人