- 博客(20)
- 收藏
- 关注
RSS订阅原创 文本超过一行显示展开收起，并且拼接到文本末尾处
直接先贴实现效果，由于是改bug，页面是别人写的，这是我能完成的最终样子，由于要完成这个搜索的带颜色提示，后端返回的只是单纯的文本，但是要给他颜色的话，就必须要整成html标签加文本的形式，这里采用了一个方法来把它替换成带有颜色的文本。直接来整篇代码讲一下核心思想，可以看到这里就是下面展现的内容，由于是有html标签，所以是要用v-html来展示，多次用到绑定样式的思想，以及通过flag来判断是否展现，最主要的是通过文字长度*文字大小来和容器宽度比较，如果大于容器宽度就说明多于一行，就得展现展开和
2022-08-23 17:57:11
455
1
原创 git合并分支
一般开发会有多个分支，因为环境不同，有dev环境，uat环境，qa环境，prod（生产）环境。通过git merge 目标分支名 ， 将目标分支合并到当前分支上。即将main分支的代码合并到了release分支上。不放心可以再次git branch 再查看一遍。git checkout 分支名来切换分支。通过git branch 查看当前分支。不同分支对应是不同的环境。...
2022-08-03 15:54:20
518
原创 实习关于快速修改element ui中input框的样式问题
需求是需要把input框中clearable带出的icon样式也进行修改。我认为他是用的这个里面的那个el-icon-error的content。虽然感觉每一个的content都一样，但是复制到代码里面显示是不一样的。如果再用slot的话，就要自己写点击清除功能，还有一些另外的逻辑。可以f12查看每一个图标的content复制过去。这里的suffix只是修改尾部的icon样式。这里两种方式，直接用css来控制。由于需要根据ui设计成这个样子。......
2022-07-18 17:38:41
2943
原创 实习中element ui中表格组件为空数据时的样式修改
element ui 组件中不可能拿来就直接进行使用，大多数都是要自己根据ui来修改样式的，需求所要实现的效果如下图这里他是把表格顶栏也没有了，感觉还要判断这个数据返回回来是不是为空，为空这样显示，不为空再把表格渲染出来，感觉很麻烦，所以就退而求其次，修改表格组件的空数据样式就ok了，在全局less样式中加上背景图片就是项目中的图片进行替换就行最终实现结果...
2022-07-11 17:38:18
1621
原创 实习中关于element ui中一些全局样式修改的问题
element ui 中loading样式修改实现的样式为下图由于这个是一个全局的组件，所以单独引入默认的样式是这样的如要对其进行大修改，加上customClass: 'create-isLoading’是关键点这里就要在全局样式文件里对样式进行修改，项目中用的是less样式文件，所以在less中最终实现结果...
2022-07-11 17:24:29
1098
原创 实习中关于多选框双向数据绑定的问题
这里是需要调两个api，一个是根据这个产品的id取到，这一行数据的pe1的人员内容，另一个api是要获取到，这个pe1的下拉列表，将这个下拉列表与pe1人员进行绑定。如下图这里会出现一个问题，如果在这个el-drawer组件在显示出来的时候获取下拉列表，会出现下拉列表无数据的情况，初步判定是请求还没返回数据就已经显示了，所以采用的策略为，在点击人员权限标签时，就发送请求获取pe1下拉列表。获取到数据后就是处理数据的阶段多选框绑定数据为pe1数组，选项中绑定获取到的pe1下拉数据列表，这里的pe
2022-07-11 17:11:10
1156
原创 实习中get请求中传递数组参数的解决办法
项目上用的axios请求，后端需要接受的参数是在url上拼接上传递的数据类似这里出现一个问题，在axios的params字段上直接传递一个数组和对应的id是不行的，用json.stringify也不不行比如这样在get方法上是不成立的这里需要借用一个插件qs这里是npm地址在axio请求拦截器中，判断请求方法为get的同时，参数里面要有数组对象，这时再采用qs的插件功能， 不然所有的get请求都会采用这个插件，可能会导致报错，这里贴上代码首先判断参数的所有对象是否为数组方法，遍历对象的所有属性
2022-07-11 16:15:18
4910
1
原创 记录开发中的坑
主要的坑在于返回的svg无法显示，后端设置问题，req.session无法获取，为undefined，后端设置了跨域，但是前端还是报跨域错误目前想法的需求是引入一个简单的图片验证码的功能，采用svg-captcha获取一个svg的图片验证码，并将其存在后端的req.session中，将前端传递的验证码与req.session中的比较，相同之后再与数据库中的账号密码进行比较。这里出现第一个坑svg-captcha返回的data是一个svg图片，绑定到img的src标签上无法显示部分前端代码：
2022-05-26 16:11:13
149
原创 笔试遇到的rgba转16进制，但透明度不需要加到里面
题目大概：将输入的rgba输出为一个数组的形式：比如 “rgba(255,255,255,0.5)” 输出成 [“#ffffff”,“0.5”] 的形式思路：将输入的字符串进行replace操作，替换掉没用的rgba和括号,通过split(“,”),将数子分开成为一个数组，但是这时每一项都是字符串，要通过parseInt进行转化成数字，再通过tostring(16)转化成16进制，这时返回的是一个字符串，判断字符串长度是否为1，如果只有一个字符表明要在前面加上“0”，最后通过+号拼接字符串、代码实现
2022-05-24 20:26:32
386
原创 node.js表单验证Joi新版做法
记录一下自己在写node.js表单验证这块的做法可以用 validator,也可以用Joi，这两个的下载量都很大， 个人是采用Joi，这里附上它的文档地址Joi示例文档首先创建表单的验证规则，暂时只设置了关于账号和密码的const Joi = require("joi")// 定义表单验证规则const schema = Joi.object({ name: Joi.string().alphanum().min(5).max(12).required().error( new
2022-05-20 12:36:24
1074
原创 记录自己在看H5拖拽功能时遇到的问题
解决通过dom.style.backgroundColor拿不到元素的样式问题，通过window.getComputedStyle(dom元素).css元素获取解决问题
2022-05-15 21:25:30
474
原创 webpack个人笔记记录
webpack5 HMR热模块替换，一个模块发生变化，只会重新打包这个模块，不是重新打包所有这里webpack5是自动开启的HMR，一般是在devlopment 模式下使用热更新来调试，注意点, 在处理css，或者less文件的时候用style-loader, 才能在源文件内修改样式，从而界面发生改变 { test: /\.css$/, use: ['style-loader',"css-loader"], }, { tes
2022-04-25 11:17:30
1297
原创 webpack初学全局使用，便于学习
一整个文件夹里使用webpack，各下层文件夹，只需要写webpack.config.js来分别设置即可不需要在每个次级文件夹里再次安装，便于学习在最外层文件夹里执行npm init然后进行webpack 及 webpack -cli的安装npm i webpack webpack-cli 在这里下载所需要的loader比如css-loader,style-loadernpm i css-loader style-loader在次级文件夹里创建webpack.config.j
2022-04-20 14:33:55
728
原创 新建gitee仓库与远程建立连接
gitee新建仓库，与本地仓库建立连接基本操作，附带遇到的问题先在码云上新建仓库然后再本机上进行本地仓库初始化git init将需要上传的文件传入暂存区git add .若是项目环境，会有自动的gitignore文件来控制哪些文件上传非项目环境，需要自己设置，或者在暂存区自己移除不想上传的文件git rm --cache +文件名然后将暂存区文件移入本地仓库git commit -m "提交提示语"这时还并没有创建于远程仓库的连接创建连接git remote add ori
2022-04-16 15:43:46
497
原创 express中无法在axios.post请求中通过req.body获取请求传递的数据的解决办法
关于用express搭建服务器不能从req.body里获取数据的问题解析最开始的情况，根本不能通过req.body拿出数据，req.body返回的是一个空对象，经过多次上网搜索，才发现需要在express中引入bodyParser这个插件bodyparser有4种常用的解析方式，对应数据格式可以在官网上看文档，本人前端小白只能谈谈自己的理解和解决的办法const express = require('express');var bodyParser=require('body-parser');
2022-04-11 17:39:47
2052
1
原创 完成有背景图的透明登录框效果，包含el-input框的样式修改
透明登录框设置个人记录想要设置一个有背景图片的透明颜色登录框，且有立体感采用的是element-ui组件中的el-form,此文章主要记录css的编写最后的实现效果图为配色方面有待提高，但基本视觉效果实现，话不多说，见代码整体结构如下 <div class="login"> <div> <el-form label-width="60px" class="login_form" :model="loginForm" :rules
2022-04-09 14:21:01
6739
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人