- 博客(22)
- 收藏
- 关注
RSS订阅原创 单选选择器组件封装(支持输入和下拉选择以及表单校验)
首先我们需要了解ElementUI的Select选择器是非常接近于满足该场景的，的确我们开启Select选择器的可搜索以及创建条目功能之后即可实现组件的可输入，可下拉选择，但是它最终的效果却是我们在输入框输入完数据之后，下拉面板就会出现我们输入的数据，我们还需要选择下拉面板里面出现的我们选择的数据之后才可以最终将数据赋值给最终变量，该方案如果是遇到不较真的产品经理还勉强说的过去，毕竟功能是实现了，但是如果遇到强势的项目经理，那么在她眼里，这个需求，这个功能就是没有做好。，达到可以搭配表单进行数据校验。
2023-07-04 17:23:47
503
原创 Vue插槽详解
我们在项目中封装了公用表格组件，引用该组件的功能模块只需要提供数据给到组件即可，但是不同的模块操作列的按钮显示逻辑各不相同，而且涉及到的逻辑也非常的多，这个时候最佳实现就是使用作用域插槽提供接口给到不同的模块，接着对应模块进行具体的功能实现。等来实现组件间的数据传递和方法调用，插槽的主要工作是实现模板的传递和模板与组件之间的通信；要注意的是组件在使用动态插槽名的时候，模板内部一定要有内容，否则定义的插槽会全部显示出来，结果像下面一样。插槽可以分为四种插槽，分别为默认插槽，具名插槽，动态插槽以及作用域插槽。
2023-07-03 15:23:20
343
原创 [‘1‘,‘2‘,‘3‘].map(parseInt)的值为什么是[1,NaN,NaN]
当面试被问到['1','2','3'].map(parseInt)时，面试官想了解的是什么
2022-06-16 17:41:42
192
原创 基础数据结构(漫画算法第二章)
关键词： 数据结构的操作无非是增删改查4种情况数组读取元素和更新元素的时间复杂度都是O(1)插入元素插入数组元素的操作存在3种情况尾部插入：直接把插入的元素放在数组尾部的空闲位置即可，等同于更新元素的操作中间插入：首先把插入位置及后面的元素向后移动，再把要插入的元素放对应的数组位置上超范围插入:先扩容，具体操作是创建一个新数组，长度是旧数组的2倍，再把旧数组中的元素全部复制到新数组删除元素如果删除的元素位于数组中间，那么其后的元素都需要向前挪一位数组插入和删除操作的时间复杂
2022-06-01 23:39:24
196
原创 JavaScript怎么优雅的写条件判断语句
JavaScript怎么优雅的写条件判断语句初级 if (id == 6) { uni.navigateTo({ url: "../about/about", }); } if (id == 5) { uni.navigateTo({ url: "../feedBack/feedBack", }); } if (id == 2) {
2021-07-12 22:52:08
227
原创 JS实现不触发页面刷新的前提下让表格大小实时根据浏览器窗口大小变化而变化
JS实现不触发页面刷新让表格大小跟随窗口大小变化而改变在我们平时使用vue+element-ui进行开发的时候，常常会遇到一个需求就是当浏览器大小改变的时候，页面主要内容容器大小也需要改变，以此来适应浏览器。最简单的办法就是在监听到浏览器大小改变的时候，通过刷新页面来对内容容器大小高度进行重新赋值let clientHeight = document.documentElement.clientHeight但是有时控制浏览器窗口大小是一个比较频繁的动作，如果浏览器的大小每改变一次，页面就要进行一次
2021-02-25 14:47:18
735
原创 学习交流群前端分享
Hello,大家好，今天轮到我做一期分享，我目前是大四学生，专业是软件工程，来自广东佛山，正式开始学习前端是从今年一月份开始，到目前也已经有十个月，接近一年了,下面我将从面试经历，学习路线以及未来规划三个部分展开来开始这一次分享不求马上登顶，只求越来越好面试经历方面，我是从大三下学期，也就是今年五月份开始和校企合作的一家公司投递了我的第一份简历，第一份简历也是理所当然的被埋没在了HR的邮箱当中，事后总结原因就是简历写得糟糕至极：自己长得丑还厚颜无耻的把相片贴了上去，技能特长熟练精通全部都写上了，项目.
2020-10-19 09:49:50
410
原创 10.5前端实习生面试总结
国庆前端面试总结国庆节前在面试了学校推荐的一家公司之后就马上机智的继续寻找‘备胎’，通过我的广撒网和不懈坚持和努力，在实习僧投递的简历被HR查看到并且非常热情的加了我微信并邀请我国庆5号去参加面试，虽然因为路途比较遥远，询问是否可以线上面试结果收到否定的答复，尽管有一些怀疑，但是在查询到有这一家公司的时候，我还是决定把握住机会去面试，下面是面试过程笔试在看到漂亮且热情的HR小姐姐之后一些担心的心绪逐渐消失，在登记完成之后就开始了笔试：1：用三个词形容自己，描述一下和家庭的关系如何2：自己做过最
2020-10-19 09:44:30
835
2
原创 前一个星期面试补充
高频面试题总结不求一次就好，而是期望越来越好直到我叫的外卖迟迟不见送过来之后我才知道我的手机卡已经停机一个多月了，可怕的是我丢出去的简历上面留的电话号码就是这一个，怎一个惨字了得。最近狂丢简历，发现和我对标的小公司几乎都要求要会小程序，而且居然还要会 jQuery，也有可能是我的认知出现了错误，觉得 jQuery 不用再去学了微信小程序的生命周期Page()函数用来注册一个页面，接受一个 Object 函数，其指定页面的初始数据，生命周期函数，事件处理函数等生命周期函数：onLoad–监听页面
2020-10-02 15:14:33
172
1
原创 9.20-9.30面试总结
9.20-9.30 秋招面试投递总结首先，送给面试并不顺利的自己的一句话:做的去，不要停下来__罗翔老师基本情况学历普通，处于劣势博主现在是一名大四准毕业生，所在的学校在亲戚朋友面前我会说是一个普通二本，但是其实是三本学校，所以如果要现在要去面试大型公司是基本没有可能，而且我目前也不会以此为目标，只能靠今后的工作经验来弥补了基础知识体系并不完善一些中型公司，面试还要考算法，对于现在的我来说是心有余而力不足；首先我现在的前端基础知识体系并不是非常完善，主要体现就是在笔试或者面试的过程中如果要我说
2020-10-01 22:39:11
251
原创 对象的几种创建方法
1：对象字面量var song={ name:"Liekkas", time:180, "song lanuage":English, singer:{ singerName:"Sofia Jannok", singerAge:30}};2：通过关键字new创建对象var Store=new Object();//内置构造函数Store.name="lofo Market";Store.location="NO.13 Five Av
2020-06-30 20:45:17
338
原创 模块化开发
模块化开发好处可以避免变量重名，把功能独立成多个文件每一个模块都有自己的作用域，利于团队开发每个模块可以只开放部分api，实现按需导入暴露api的几种方法1：功能模块的具名导出m7.js//使用export对每一个需要导出的api进行具体导出export let site = '好好学习';export function show() { return 'show function'}export class User{ static render() {
2020-06-30 20:24:59
229
原创 谈谈CSS的标准盒模型以及IE盒模型
CSS盒模型盒模型种类1：标准盒模型特点：宽度width是只包括content，即内容的宽度设置为标准盒模型的方法：box-sizing:content-box2:IE盒模型特点：盒子的宽度包括了content+padding+border获取盒子的宽高边距重叠问题当两个元素紧挨在一起上下排列时，边距会发生重叠，这种重叠取决于谁的边框高度更高，那么边距小的就会被边距大的覆盖<section id="sec"> <style>
2020-06-13 13:36:22
252
原创 axios使用方法学习笔记
定义axios是由Promise封装的一个HTTP库，它的主要特点是1：从浏览器中创建XMLHttpRequests2：支持Promise API3：拦截请求和响应4：转换请求数据和响应数据5：自动转换JSON数据6：客户端支持防御XSRF参考：axios，Ajax,jQuery ajax,axios和fetch的区别和AJAX的区别是设计模式不同，AJAX的设计模式是MVC，而axios的设计模式是MVVM具体使用1： axios默认使用的请求方式是GET请求<script
2020-06-12 01:51:17
723
原创 前端面试题(实习篇)面试字节跳动深圳-一面二面
这是我学习前端以来的第一次面试，有遗憾，也有收获，总体感觉还是收获更大，知道了大厂面试的流程是怎么个样子，为今后的面试提供了宝贵的经验
2020-06-07 19:21:14
2289
1
原创 前端面试题(实习篇)第二天-HTTP
请说说http的主要特点1:无连接 2:无状态 3:简单快速 4:灵活无连接连接了一次之后连接就会断掉，需要重新请求才可以再次连接无状态客户端在第一次向服务端请求数据之后，连接就会断开，当客户端再次向服务端请求相同数据，那么服务端无法区分该客户端是否为同一个客户端，那么就会重新把整个数据再次打包发送简单快速具有统一资源符，比如当我们需要访问某一个网站页面的时候可以直接输入一个固定的网址就可以访问得到灵活在每一个http协议中的头部都有一个数据类型，通
2020-06-03 16:26:58
398
原创 前端面试题(实习篇)第一天内容补充
BOM里边的常见方法BOM的意思是浏览器对象模型1:NavigatorNavigator对象包含有关浏览器的信息，根据W3Cschool，该对象被所有浏览器所支持appVersion返回浏览器的平台和版本信息userAgent返回由客户机发送服务器的user-agent头部的值userLanguage返回OS的自然语言设置2:HistoryHistory对象包含用户(在浏览器窗口中)访问的URL，它是window对象的一部分，可通过window.history属
2020-06-02 23:30:19
182
原创 前端面试题（实习篇）第一天-JS
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-06-01 22:05:32
811
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人