![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
基础前端
shuaijie0518
码农小白升职记
展开
-
element:tree:default-expand-all属性无法动态渲染
element:tree:default-expand-all属性无法动态渲染原创 2022-10-18 16:43:57 · 1281 阅读 · 0 评论 -
因深拷贝遇到的问题
因深拷贝遇到的问题原创 2022-10-09 15:41:37 · 81 阅读 · 0 评论 -
element-table中当点击row的时候背景色发生
element-table中当点击row的时候背景色发生原创 2022-10-08 15:23:28 · 1047 阅读 · 0 评论 -
elementUI-input输入框change事件添加其他参数
需求:在下拉框值改变的时候,我们需要记住改的值得index,并且根据index找到下拉框数组对应数组中的对象,改变对象其他参数的值问题:elementUI中,change事件值携带了value,如果我们写成@change=“changeValue(value,index)",代码则会直接报错解决办法:@change="((val)=>{changeValue(val, index)})"通过箭头函数来进行传参...原创 2022-03-22 11:18:29 · 3673 阅读 · 0 评论 -
ui-app安装问题一
uniapp 运行到微信小程序 :[error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启当安装好HbuilderX和微信web开发者工具之后,当创建好uni-app项目后,之后运行则报如上边的错误。则需要我们手动打开微信开发者工具->设置 ->安全设置,将服务端口开启...原创 2022-03-01 11:49:43 · 90 阅读 · 0 评论 -
mac m1如何安装nvm并遇到的问题
# 在安装nvm的时候,先在终端确定是否存在~/.bash_profile, ~/.zshrc, ~/.bashrc这三个文件。在终端输入lsls -a #展示所有文件如果不存在上述文件,则进行新建touch ~/.bash_profile# 安装curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash假如执行nvm -- version成功显示了版本号,就说明你很幸运原创 2022-02-28 16:40:12 · 629 阅读 · 0 评论 -
js定位方法
先创建一个js文件,编写好该方法。之后页面哪里需要就直接引入/** 弹窗偏移* x 偏移x轴坐标* e 要显示的dialog的id* */function deviation(x, e, margin = '128px 0 0') { const dialog = document.getElementById(e).children[0] let left = x - dialog.clientWidth / 2 const boundary = x + dialog.clie原创 2022-02-22 16:40:24 · 1832 阅读 · 0 评论 -
vue-插槽分发内容
写文章之前呢。我想扯点杂事。今天是2020年9月30日下午两点半左右,距离我下班还有三个小时。明天就是国庆节了,你们会看大阅兵嘛?反正我会每年都看。看我们中国人的将领是多么的气宇轩昂。每次看的时候我的鸡皮疙瘩都一直往外冒。今年我也要准时收看。好了,现在正式学习一下把。我们在定义多个插槽时。我们可以使用name属性进行区分的。如果没有name属性。则就会放入到默认的插槽中,而如果name没有匹配的,则内容就不显示。上代码:<!DOCTYPE html><html lang="en"&原创 2022-02-16 10:52:12 · 129 阅读 · 0 评论 -
formatter使表格中的时间格式化
要是给我们得数据格式为:2021-07-02T14:19:59+08:00,然而想在表格中以“YYYY-mm-dd HH:MM:SS”形式展示,则需要用到formatter来进行格式化。<el-table-column label="开始时间" align="center" prop="startTime" width="180" :formatter="timeFormatter"/>timeFormatter(row, column, cellValue, index) {..原创 2022-02-15 17:09:54 · 1265 阅读 · 0 评论 -
flex布局使用
第一: 使用Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。display: flex行内布局也可以使用flex布局display: inline-flex但是我们需要注意一点:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。第二:属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-conten.原创 2022-02-16 10:50:24 · 189 阅读 · 0 评论 -
calc函数、ceil函数和sqrt函数
calc函数calc()函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持“+”,“-”,“*”,“/”运算;calc()函数使用标准的数学运算优先级规则。ceil函数定义和用法ceil()函数向上舍入为最接近的整数。向上取整数的时候,正数,则直接将当前正数加一;负数,则将整数后面的数据抹除;整数,则不变。类似的函数:floor()函数为:向下原创 2020-12-30 09:44:09 · 1035 阅读 · 0 评论 -
关于CSS的一些属性
text-decorationtext-decoration属性规定添加到文本的修饰可能的值none:默认,定义标准的文本;underline:定义文本下的一条线;overline:定义文本上的一条线;line-through:定义穿过文本下的一条线;blink:定义闪烁的文本;inherit:规定应该从父元素继承text-decoration属性的值。outlineoutline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用注释:轮廓线不会占据空间,也不一原创 2020-12-23 09:49:30 · 259 阅读 · 0 评论 -
前端实现分页
前端分页今天我找个了前端分页的例子。可以看看。感觉挺好的。原创 2020-11-20 17:00:05 · 98 阅读 · 0 评论 -
html5画布
画布今天我跟一个前端的同学聊了聊。询问了她面试的时候问了些什么问题。就问了问会那些技术,前端如何进行分页,CSS的一些属性和画布。我就立刻查了查什么是画布啊。是什么?HTML5元素用于图形的绘制,通过脚本(通常是Javascript)来完成的。标签只是图形容器,我们必须通过脚本来绘制图形。创建一个简单的画布(Canvas)一个画布在网页中是一个矩形框,通过元素来绘制。简单实例如下:<canvas id="myCanvas" width="200" height="100"><原创 2020-11-19 12:10:10 · 462 阅读 · 0 评论