- 博客(21)
- 收藏
- 关注
RSS订阅原创 实现elment—tab栏选项可双击更改内容
需求：tab栏双击需要变成input形式，可以对tab名称进行更改，如图所示，但是在elment文档中没有找到可以双击更改内容的交互示例分析：实现这样的效果，需要给tab面板分别设置文字内容和input输入框内容所以就想到tab面板能否也使用插槽实现这个内容(文档中对tab组件没有关于插槽的介绍)，代码如下所示：template里面的内容就是tab面板展示出来的内容易错点：1.template里面的input需要用原生的input，如果用el-input会有bug，输入文字后，光标会
2022-01-25 16:20:36
1782
3
原创 小程序request请求封装
简介：最近需要写一个小程序的项目，为了方便节省代码就将request请求进行了封装分析：首先将request请求封装到一个文件里，再将api单独设立一个文件，按功能统一分类放置，为了不产生回调地狱的问题，将request利用promise进行封装详细过程：首先在utils下新建一个request.js文件，用来封装request请求然后在文件里面放入如下代码const app = getApp() // 获取app中的实例，为了拿到全局数据，url的基准值const request
2021-09-05 12:21:07
519
1
原创 微信小程序引入vant详细流程及踩的坑
最近要开发微信小程序，之前没有做过小程序的项目，在引入vant组件总是报错，特此记录。引入vant组件步骤创建一个小程序项目打开该根目录终端，npm安装vant组件 npm i @vant/weapp -S --production安装完成后要执行 npm init ，进行包的初始化完成后回到小程序项目中，找到app.json，将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。修改p
2021-08-09 14:16:31
2159
原创 HTML类名
在写类名的时候很需要一套自己的命名规范，谈一谈关于css命名规则的整理写类名的时候，如果太长，可以分两个字母，中间用-隔开写id的时候，如果太长，可以分两个字母，用驼峰命名法表示注意事项：尽量不要用结构性的语法定义类名，这样的话如果后期改变结构重新修改的话比较麻烦，比如：right-content这些带有位置感比较强的单词尽多使用带有语义化的单词，好区分内容，后期也容易维护常见的语义化标签借鉴了该链接，博主写的很好，赞！https://www.cnblogs.com/ipoplar
2021-08-06 11:14:34
399
原创 vue中图片和视频加载不出
问题：项目中遇到的问题，记录一下插入背景图后，会出现如下错误，应该是图片找不出分析：解决：解决办法1：打开注册表，到这个路径“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings\Accepted Documents”，在右边右键“新建”->“字符串值” 紧接着最大的数字命名，我这里是3，故命名为4，并赋值为“image/png”。解决办法2：找到“HKEY_LOCAL_MACH
2021-08-02 15:25:59
1464
原创 小程序构建npm问题
点击工具，构建npm时会出现如下图所示问题，记录一下解决：1）在小程序项目的根目录下新建一个文件夹（miniprogram这个名字）2）把node_modules文件拖入到这个文件夹内3）打开miniprogram文件地址的终端（在url上cmd）4）npm init（中间运行停止一律回车）(确保你的电脑安装了node.js和配置好环境变量）5）npm install --production6）npm i vant-weapp -S --production7）打开小程序 工具—>
2021-07-30 18:48:17
333
原创 vscode中运行不了tsc
记录第一次在vscode中运行typescript遇到的问题：按照官网构建了第一个TypeScript文件先是npm全局安装了typescript npm install -g typescript然后在vscode中进行了代码的编写，用tsc index.ts编译代码时出现了如图的错误出现如图错误的原因有两个：1.没有全局安装typescript (已安装 npm install -g typescript)2.配置的环境变量有问题1）cmd+r打开终端，输入tsc -v，看typ
2021-07-29 16:49:35
2985
原创 前端面试题
说一说http和https是什么1.http是一种超文本网络传输协议，是现在互联网上应用最广泛的网络协议，用于从服务器传输超文本到本地浏览器，可以使浏览器更加高效，网络传输减少2.https是http的安全版，它是由http协议和ssl协议共同构建的，在http协议的基础上添加了ssl层，进行了加密传输和身份认证协议，建立了一个信息安全通道，确保了数据的传输，与网站的真实性区别1.http的传输信息是明文的，不具有安全性；但连接简单，是无状态的；使用的连接方式和端口号不同，端口号一般是802.
2021-04-26 09:03:45
65
原创 使用 this.$set 解决视图无法及时更新问题
记录下项目过程中使用element时间日期组件遇到的问题，主要是对象的绑定造成的一系列问题时间和日期绑定的是一个值value1，但是后台传的有开始时间和截止时间两个值，所以我将value1这个值设置为了数组，并且为了让它实现校验，把该属性设置在了表单里面之后在编辑该列数据时，进行了如下操作进行数据获取，但这样会导致一个问题，就是修改时间时，不能及时响应，只有点击确定提交后才能修改成功原因：首先从后台获取的数据中没有couponDate这个属性，所以导致刚开始给ruleForm赋值
2021-04-15 17:25:23
1142
1
原创 弹出对话框表单重置问题 “TypeError: Cannot read property ‘resetFields’ of undefined”
有一个新增功能，需要点击后弹出对话框并重置表单，本来是直接在那个功能中添加了重置方法但会报如下的错误起初一直想不明白，以为新增和对话框表单是独立的，所以获取不到，但是this.refs就可以获取到所有的表单实例∗∗原因∗∗：查阅之后，才知道这样报错，是因为数据加载的时候，隐藏的弹出框并没有渲染进dom里面，所以refs就可以获取到所有的表单实例**原因**：查阅之后，才知道这样报错，是因为数据加载的时候，隐藏的弹出框并没有渲染进dom里面，所以refs就可以获取到所有的表单实例∗∗原因∗∗：查阅之
2021-04-14 09:14:05
628
3
原创 给行内表单添加滚动条
写项目中遇到的一些不熟悉的问题，记录下来如上图所示，表单项比较多，然后就被撑下来了，本来想着设置一个横向的滚动条，但一直没有成功，设置的overflow-x： scroll，但出来的一直是竖向滚动条，表单项依旧被撑下来了后来在el-form上设置了一个不换行的属性，就解决了这个问题...
2021-04-09 14:49:52
3047
原创 vue 动态组件&异步组件
动态组件是什么让多个组件同使用一个挂载点，并且组件间可以动态切换，这个挂载点就是 component 标签简单来说是在 component 标签上添加一个is属性，属性值（即currentTabComponent）是控制组件间的切换的keep-alive是什么是vue的内置组件，可以包含动态组件，当组件之间进行切换时，可以保持组件的状态，缓存不活动组件的实例，而不是销毁它们并且自身也不会渲染成一个DOM元素，不会显示在父组件链中作用组件切换的时候，可以将组件的状态保存在内存中，
2021-04-08 18:27:25
315
1
原创 vue中的内置组件---transition
transition是什么是vue提供的一个内置封装的组件，用于单元素/组件的过渡（就是添加一些过渡或动画的样式之类的），在下列情况下，可以给任何元素和组件添加进入/离开的过渡效果（transition组件可以包含这些元素）原理transition组件包含的元素如果发生插入/删除时，在vue中的执行步骤如下：1.自动判断目标元素中是否应用了css过渡或动画，如果有，就在恰当的时机，添加或删除相应的css类名（自动执行）2.如果提供了js钩子函数，那就在恰当的时间调用他们3.如果没有找到js
2021-04-08 11:38:52
766
3
原创 vue中自定义组件的命名规则
问题vue中自定义的组件名在html中字母大写会报错html：js：自定义的组件中字母可以大写，但是在html标签中，字母有大写的就会报错原因这是因为html中不区分大小写，所以在html中如果写为，就会自动解析为匹配的优先顺序从高到低为：原标签名、likeBig化的标签名、LikeBig化的标签名而由于 html解析成时，相当于将该标签当成了一个单词进行了转换，所以它的匹配顺序为likebig，likebig，Likebig，所以找不到对应组件解决的办法在html标签中将两个
2021-04-08 09:41:20
1214
6
原创 vue项目结构分析
vue cli搭建出的项目结构目录如下：按照顺序逐步进行分析： 1.bulid --- webpack的相关配置有用的如下图红框：分别是，基本webpack配置，开发环境配置，生产环境配置 2.config --- 项目的相关配置里面的index.js文件进行配置代理服务器，与后台进行联调，在proxyTable这个属性中设置相应的后台地址就可以了 3.node_modules --- 存放的项目需要使用的相关依赖包 4.s...
2021-04-06 13:52:05
353
2
原创 关于路由懒加载
是什么懒加载也叫做延迟加载或按需加载即在需要使用的时候进行加载为什么要使用他为了给用户更好的体验，可以提高首屏组件的加载速度进入首页不用一次加载过多资源造成用时过长像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出现长时间的白屏，即使做了loading也不利于用户体验，而运用懒加载，可以给页面进行划分，需要的时候加载页面，有效的分担首页所承担的加载压力，减少首页加载用时原理是什么进入当前这个路由
2021-04-06 10:00:22
75
1
原创 Cannot read property ‘init‘ of undefined
在项目中导入echarts插件时，报了这个问题，当时以为是，没有获取到dom元素，所以用$refs的形式获取dom元素改变获取元素的方式后，还是报同样的错，但已经确定这两种方式都可获取到dom元素于是，最后在网上搜索之后，发现需要在导入包的时候添加上 * as 即可看网上说还有一种原因是因为echarts版本太高导致的，应该引入4.9.0或4.8.0版本，但尝试后没有解决我的问题...
2021-01-14 20:36:36
16818
22
原创 浅谈二叉树
相关概念树树（Tree）是n（n>=0)个结点的有限集。n=0时称为空树。在任意一颗非空树中：1）有且仅有一个特定的称为根（Root）的结点；2）当n>1时，其余结点可分为m(m>0)个互不相交的有限集T1、T2、…、Tn，其中每一个集合本身又是一棵树，并且称为根的子树。此外，树的定义还需要强调以下两点：1）n>0时根结点是唯一的，不可能存在多个根结点，数据结构中的树只能有一个根结点。2）m>0时，子树的个数没有限制，但它们一定是互不相交的结点结点是数据结构中
2020-12-27 21:11:30
131
1
原创 2020-03-17
HTML学习第一天大致了解了HTML的最基础的内容，任重而道远，坚持下去啊！平时我们在网上搜索什么的主要是由三部分组成浏览器，服务器，客户端，网上冲浪的工作原理就是:给浏览器输入相应的信息→浏览器讲信息传给服务器→服务器转换好语言后询问数据库数据库找到数据→传给服务器→服务器传给浏览器→浏览器使用相应的语言将内容呈现出来在浏览器中完成的内容属于前端，将内容呈现出来，在服务器中完成的内容属...
2020-03-17 23:35:27
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人