- 博客(10)
- 收藏
- 关注
原创 前端学习日记3.14
1.强制转换为布尔值:“!!”2.在组件中使用计算属性computed时,如果初始default为[]或者{}时,不能直接写computed: { data1: { type: Object, default: {} }, data2: { type: Array, default: [] }}这种写法为引用类型,如果多个页面使用该组件,则会导致一个页面改变组件的值会导致另一个页面内中组件值改变,
2022-03-14 10:11:08
1065
原创 前端学习日记1.10(uniapp)
1.如果要用v-for循环渲染一个自定义组件,以下写法会造成dataList更新时,son组件不会同步变化<div class="father"> <son v-for="item in dataList" :key="item.id"></son></div>解决:把dataList直接传给son组件,在son组件内部再做v-for渲染。<!-- 父 --><div class="father">
2022-01-10 17:49:33
419
原创 不用table标签实现表格
最近开始接触uniapp写微信小程序,发现uniapp不兼容table标签,所以自己写了一个表格样式。由于有border的存在,使用的时候需要自行计算好每个格子和整体表格的大小。结构 (四行五列):<div class="table"> <div class="first-line"> <p class="firstColumn right grey">Thead</p> <p class="right
2021-12-14 17:33:31
2100
原创 格式化时间戳组件
目标:输出形如'2021-12-01 00:00:00 至 2021-12-13 18:00:00'这类格式的时间。更改输出格式在formatTime()的currentDate中自行编辑。<template> <span class="date-text" v-if="dateText"> {{dateText}} </span></template><script> export default
2021-12-13 18:15:38
823
原创 前端学习日记12.2
1.在使用element-ui的检验表单时加入日期时间选择器,如果初始化的与其绑定的时间数据为空字符串,则有可能遇到[Vue warn]:Errorinv-onhandler:"TypeError:a.getTimeisnotafunction"<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-...
2021-12-02 14:39:15
249
原创 前端学习日记11.25 (专栏管理页、微信小程序初入)
1.利用element-ui中的dialog对话框和表单做一个用来填写的表单弹窗,dialog自带关闭"×"键,故可以只放一个"保存"按钮,自带的"重置"按钮不太推荐用,在频繁的编辑、新建、跳转页面、保存、清空时,如果稍不严谨,就会出现错误的重置效果。dialog中较为常用的一些属性:visible:是否显示 Dialog,支持 .sync 修饰符,必要属性。title:Dialog 的标题,也可通过具名 slot插入。modal:弹窗开启时,是否需要遮罩层,如果无遮罩层,用户可能会在弹窗开
2021-11-25 10:32:17
260
原创 前端学习日记11.16 (小程序外链生成页)
1.还需要继续学习正则表达式,学习原贴:js——正则表达式 (引用菜鸟教程)2.如果要使用element-ui,最好先复制粘贴再进行更改,不要单独引用某几行,可能会出现奇奇怪怪的错误。其中表单页的checkXXX所定义的方法不应该现在data的return中,可写在data下return前或者import之下export default之上。3.使用原生方法写复制文本按钮:clickCopy() { const input = document.createElement('input
2021-11-16 17:01:31
1149
原创 前端学习日记11.10 (小程序专题页管理后台)
1.定义变量过多,很多情况依靠较少的变量进行组合就能应对。2.三元表达式简写:类似于 a = b == 2 ? true : false应简化为a = b == 2。3.断点测试方法除了console.log还应该尝试用debugger。4.通过路由给去往的新页面发送数据格式:this.$router.push({ const type = this.unifiedManagement ? 'country' : 'cityList'
2021-11-10 12:25:53
1220
原创 百度前端实习凉经(含答案)
人生的一份实习好难找啊T T自我介绍,略。项目相关,占了面试差不多快一半的时间。一、输出一个10位的斐波那契数列,并输出最后一位数的值。eg:Fibonacci(10); 输出[1,1,2,3,5,8,13,21,34,55], 55。解法很多,说下我的思路,先创建一个长度为n的数组res,该数组全由1填充(因为前俩值为1,不想一个一个定义)。从第三项开始向后遍历,每一项是前两项的合并覆盖res中对应下标的1。遍历结束后,再多输出最后一位数即可。 var finalNum
2021-10-19 18:01:51
203
5
原创 字节跳动飞书前端实习一面凉经(含答案)
总时长30分钟,面试官很好,体验很不错,题目都挺顺利地答上来了,应该是没有实习经验,项目开发经验不太够被拒了hhh,还需继续努力。先自我介绍,略。一、算法题翻转所给字符串中的每个单词,但不改变每个单词所在的位置eg:str = “This is an example”,正确结果:“sihT si na elpmaxe”个人思路:首先将所给字符串以空格为界切割为数组(假设每个单词之间只有一个空格)并存到一个input变量中,先遍历每个单词input[i],再每个单词从后往前遍历依次输入
2021-10-19 15:39:32
2138
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人