- 博客(14)
- 收藏
- 关注
原创 记录搭建vue2.0项目步骤
输入npm install -g @vue/cli下载cli,输入vue -V查看当前版本.完成之后就可以开始创建项目啦~ps:我是看到另外以为博主写的感觉很详细很不错,便使用了他的贴图,只为做平时的记录。如有侵权可联系删除~~也可以自定义配置,选择第三个选项:Manually select features,我这里是这么配置的。然后回车即可,这个时候我们打开创建目录就可以看到已经生成了一堆文件。配置文件存放地选择放在各自专用的配置文件中。版本选择,选择2.x版本。代码检查,选择保存的时候。
2023-06-01 14:15:55
221
原创 vue3+ElementPlus使用 lang=“ts“报Unexpected token错误
vue3+ElementPlus使用 lang=“ts“报Unexpected token错误
2023-02-21 15:34:08
770
原创 如何通过Chrome打断点的方法调试代码
1.在浏览器中打开需要调试的代码后,F12→sources→双击需要调试的文件→点击行号打断点(如图)2.在需要验证的逻辑处打断点,再次刷新页面,常用以下快捷键调试程序:F8以断点为步长执行代码(注意,下一步也可能是当前断点处);F10以“语句”为步长执行代码;3.如果在调试过程中想观察某个变量的动态变化,选中该变量并“Add selected text to watches”,即可在右侧watch出监视该变量(也可以点“+”输入变量名添加)。...
2022-04-14 16:59:51
7452
2
原创 vue常用的Echarts实例
此文章来源vue 常用的 Echarts 示例_秦浩铖-优快云博客echarts配置项官网:Documentation - Apache ECharts多条柱形图 option = { animation: false, title: { text: '本周主煤流系统启动平均时长', textAlign: 'left', x: 'center', ...
2022-02-17 17:54:22
1092
转载 Iframe标签的传值方式
一、iframe标签的使用<iframe style={{border:0,width:"100%",height:630,}} src={src}/>如何进行消息通信(父发给子,子接收父的消息; 子发给父,父接收子的消息)方法一: 直接通过获取父或者子的window来操作 (限制: 必须同域)// 父调用子的方法: this.iframe.contentWindow.iframe的属性方法// 或document.getElementById("myIframe.
2022-02-16 15:24:11
3885
原创 git操作手册
git操作手册:一.从远程仓库clone项目到本地:git clone [项目地址]说明:该操作会将远程仓库的所有分支全部克隆到你本地来,可通过git checkout [分支名]来进行分支的切换二.git的基本操作流程(假设远程仓库最新分支为develop分支)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~例如:1.git clone [项目地址]2.npm i 说明:拉取项目相关依赖;3.git checkout develop 说明:切换到最新分支4.
2021-12-24 11:00:39
330
原创 2021-06-01
【作用域链和原型链的区别】作用域链:找变量===>EC:通过AO或GO的scope的连接线来查找原型链:找属名(键名)===>通过__proto__来查找对象:protoconstructor函数:prototypeconstructor(间接)proto...
2021-06-01 16:07:32
97
原创 2021-05-30
这里本地存储特性:欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入特性:数据存储在用户浏览器中设置,读取方便,甚至页面刷新不丢失数据容量较大,sessionStorage约5M,loc
2021-05-30 23:11:54
90
原创 2021-04-05
form表单适用场景1.登录,注册页面2.搜索功能以上情况都需要用户的输入或选择祖先元素:form属性:action 提交地址method 提交方式 取值:get/postget:提交信息展示到地址栏post:地址栏隐藏提交信息单选框type实现单选框的样式name值相同,才实现单选的功能 性别:男 &
2021-04-05 19:50:48
108
原创 2021-03-28
交叉轴的对齐方式:align-items1.align-items:center;水平垂直方向居中2.align-items:flex-star居中在顶部3.align-items:flex-end居中在底4.align-items:baseline基线对齐5.align-items:stretch(当项目没给高度,高度为auto时,它会自动撑满容器的高)*多根轴线的对齐方式:align-content*1.align-content: flex-start;2.align-content:
2021-03-28 21:38:20
89
原创 2021-03-21
Flex 弹性布局1.容器和项目 容器:装东西(元素)A 装了一个B元素 A就是B的容器A:父元素(容器) B:子元素(项目)2.主轴和交叉轴主轴:默认情况下,水平向右(x轴),水平方向元素摆放位置:左、中、右。交叉轴:默认情况下,垂直向下(y轴),垂直方向元素摆放位置:上、中、下。四、创建 Flex 弹性布局针对某个父元素使用 display:flex;过后,这个父元素自动变成容器,里面的所有子元素(项目)都默认在一行显示。当所有项目宽度之和大于容器宽度的时候,所有项目依旧在一行显示,但每个项目都自动缩
2021-03-21 18:23:23
181
3
原创 2021-03-18
3.18css元素:width heightoverflow:设置超出内容的的展示方式 :visible显示hidden隐藏scroll在设置的范围内显示多处的内容(两个方向出现滚动条)auto哪个方向(x,y轴)溢出,相应的方向自动出现滚动条overflow:hidden 隐藏超出内容,只显示填充盒区域的内容overflow-y:scrolloverfolw-y:auto自动识别超出范围产生滚动条断词规则:(当满足一行时 以什么方式换到第二行)英文:空格或标点符号中文:空格。[空格
2021-03-18 17:59:54
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人