![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
加深印象,讲给别人听
小胖仔yo
努力进步,不做cv仔
展开
-
2021前端面试经
the first 论被离职的无奈跟往常一样乐乐呵呵的上班,突然间被通知办公地点要搬到几十公里外的新办公区(仅仅是外包同学),听到这个不幸的消息心里哇凉哇凉的。这可咋办呢?前一个月闲的无聊投过一些简历,结果面试反馈是基础不行。害离搬地方还有半个月时间,真的是时间紧任务重呀。顿时觉得压力山大,本身工作乐乐呵呵该上班上班该下班下班,leader都明确表示让我再找工作机会了,没办法上号吧!上号(BOSS直聘)对于没有学历的我,流下了没学历的泪水。对于投简历的策略我采取的是广撒网政策哈哈哈,无论是外包还是原创 2021-09-28 14:41:07 · 1708 阅读 · 0 评论 -
如何判断js对象是否存在某个属性?
判断js对象是否存在某个属性其实有很多方法,选择哪种方法很大程度上看我们的实际业务场景了。下面总结了日常使用的几种方法。1.hasOwnProperty()const obj = {a: 1, b: 2};obj.hasOwnProperty('a'); // trueobj.hasOwnProperty('c'); // false2.使用undefined判断// 该方法存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果const obj = {a:原创 2021-08-23 17:40:57 · 1012 阅读 · 0 评论 -
满满干货之前端RSA长文本加密(vue项目)
最近做的项目中,涉及到了密码加密传输,可是刚好不凑巧的是密码没有长度限制,烦skr人了。关于50位以下的rsa加密可以直接使用jsencrypt实现。还是先记录下jsencrypt的使用吧。第一步当然是安装了npminstalljsencrypt如何使用?随意一个.vue文件// 首先引入jsencryptimport JSEncrypt from 'jsencrypt';// 1.初始化const encrypt = new JSEncrypt({});const ...原创 2021-06-28 19:02:27 · 1637 阅读 · 8 评论 -
js Object常用方法
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。Object.assign()Object.assign方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。常用于数据深拷贝语法: Object.assign(target, …sources)// 复制一个对象const tar = {a: 1, b: 2};const res = Object.assign({}, tar);console.l.原创 2021-05-06 16:10:49 · 133 阅读 · 0 评论 -
js 运算符和表达式整理
一元运算符一元运算符只有一个操作数+// 相加运算符 (+) 用于对两个操作数进行相加运算,如果操作数为字符串则该运算符将两个操作数连接成一个字符串// 注: '+'两侧只要有一侧是字符串,另一侧的数字则会自动转换成字符串,因为其中存在隐式转换1 + 1 = 2 // number + number = number1 + false = 1 // number + boolean = number 1 + 'hi' = '1hi' // number + string = string-原创 2021-04-27 16:37:51 · 250 阅读 · 0 评论 -
简单使用markdown
最近接了一个整理doc的工作,说白了就是文章的搬运工。目的网站只能使用markdown,but本人之前没有用到过markdown,刚开始下手有点积累。下面记录一下日常的markdown语法一、什么是markdownMarkdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。由于Markdown的轻量化、易读易写特性,并且对原创 2021-04-25 16:09:58 · 123 阅读 · 0 评论 -
vue3 自定义指令-按钮防连击
除了核心功能默认的内置指令(例如v-model,v-if,v-show),vue也允许注册自定义指令。初次使用vue3,相对于vue2的小差异难免有些小不适应。针对于项目中需要的按钮防连击自定义了一个指定。记录一下~首先我们需要了解的是vue2跟vue3中钩子函数的不同2.x语法bind - 指令绑定到元素后发生。只发生一次。inserted - 元素插入父 DOM 后发生。update - 当元素更新,但子元素尚未更新时,将调用此钩子。componentUpdated - 一旦组件和子级被更新原创 2021-04-16 14:30:03 · 652 阅读 · 0 评论 -
moment.js日常使用总结
moment.js是一个JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期。目录安装显示1.获取当前日期解析1.format()将日期(时间)转换为指定格式(常用)2.fromNow()时间间隔(相对时间)3.toNow()时间间隔(相对时间)操作1.add()增加时间2.subtract()减去时间3.startOf()设置为时间单位的开头4.endOf()设置为时间单位的末尾(同上)校验1.isBefore(): 一...原创 2021-04-06 14:01:21 · 1216 阅读 · 0 评论 -
vue3注册组件的方式
在思否问答区看到一个这样的问题发布于3月7日,浏览量几百但是没有一个人回答,难道是问题太low?哈哈哈哈。总的来说这个问题出现的原因就是非要使用vue2的语法来运行vue3的东西,他不配套呀!!还有些同学在vue3中使用export default来导出,捂脸笑~以下是vue3中注册组件的用法:使用defineComponentdefineComponent// 全局注册main.jsimport { createApp } from 'vue';import ComA fr.原创 2021-03-29 14:56:29 · 12562 阅读 · 0 评论 -
5分钟教你搞定瀑布流样式
首先,我们来讲一下什么是瀑布流嘞?在某些个以图片为主的网站中,单一的布局那什么来吸引眼球,当然是尽量炫酷的布局了。瀑布流又称瀑布流式布局,是现在流行的一种布局方式。知道了这些,那瀑布流布局实现的原理是什么呢?关于瀑布流算法此时,可以放在第一行的图片已经就绪,分别为图片1234,这时候第一行已经放满,5号图片需要找到合适自己的位置,我们很清楚的看到,2号下面最最合适了,所以5号就登场啦6号7号...都会依次找到属于自己的位置知道它是怎么回事儿之后,我们转换成代码看下(vue..原创 2021-03-22 16:01:03 · 1459 阅读 · 0 评论 -
css伪类-小圆点
项目需求:在每个单元格的前面加一个小圆点,效果图如下:搜了一大堆文章,加小圆点的方法无非就是设置width、height、border-raduis。可是来来回回试了好多遍,就是样式加不上,汗颜~偶然间看一大神说必须加上display:inline-block;才会生效,我的天呐,不会是真的吧。对,就是这个样子滴,附上完整的代码,可随意ctrl c+v<!--html--><div class="headers"> <div class="heade原创 2021-03-12 18:27:43 · 3486 阅读 · 3 评论 -
Vue组件封装
我个人认为,前端开发过程中,要遵循的一点原则就是万物皆可封。就比如一个项目中,十个页面有九个都会用到Table表格,这时候PM突然给你发了句,在么?恭喜你,今天准点下班是实现不了了。一个小小的改动,同样的操作你就必须去ctrl+c,ctrl+v假如你刚开始的时候,就把table封装成一个组件,然后多次调用,这时候可能一句代码就可以搞定PM,是不是爽歪歪这时候你会问了,组件是什么?组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用...原创 2020-09-24 18:48:57 · 478 阅读 · 1 评论 -
Javascript之call bind apply
!!原创 2020-09-22 18:45:54 · 860 阅读 · 1 评论