2 lhrdlp

我要认证

变成更好的自己

等级
TA的排名 6w+

2020-10-22美图笔试 实现跑马灯动画效果

请至少使用一种方式显示一个跑马灯动画效果,页面每隔2s显示下一条用户信息.const arr = [‘A用户5秒前购买了…’,‘B用户3秒前购买了…’,‘C用户1秒前购买了…’,]第一眼看到觉得用单纯的setTimeout就可以实现效果,但是后来才明白这样只能循环一次,最终还是要依赖promise来实现,具体代码如下: <div id="box"></div> <script> const arr = [ 'A用户5秒前购买了.

2020-10-22 22:01:00

Javascript中的局部变量、全局变量的详解

文章目录1. js声明变量的几种方式在看这篇文章的内容之前我们先来看下面的一道题目(这两天参加校招笔试,碰到了很多这种题目) var test = 'test'; function f() { console.log(test); var test = 'hello'; console.log(test); } f();执行函数fn的时候会输出什么呢?天啦,这道题我会,js中的作用域链中说了,使用一个变量的时候会先向自

2020-09-26 11:29:10

flex布局复习知识

文章目录1. 什么是flex布局2. 基本概念2.1 普通流规则2.2 弹性盒模型规则2.3 弹性盒模型宽度设置2.4 弹性盒模型子元素高度设置3. 容器的属性3.1 flex-direction属性3.2 flex-wrap属性3.3 flex-flow属性3.4 justify-content属性3.5 align-items属性3.6 align-content属性4. 项目的属性4.1 order属性4.2 flex-grow属性4.3 flex-shrink属性4.4 flex-basis属性4

2020-09-21 21:29:31

CSS 不定宽高的盒子水平垂直居中

在平时练习的时候经常会碰到盒子需要定位的问题,一般都是使用 margin:auto 就可以实现盒子的定位了.有同学说在面试的时候碰人家问了这道题,说实话,突然还有点懵,我想没有宽高的盒子看都看不见,何谈定位,其实是我偏面了,里面可以写一些内容把盒子撑开.具体看下面:1.使用定位来实现 .box1 { position: relative; width: 200px; height: 200px;

2020-09-20 10:03:58

前端面试之this指向

文章目录1. 理解this1.1 this到底指向什么2. this的绑定规则2.1 默认绑定普通函数调用函数调用链(一个函数又调用另外一个函数)将函数作为参数传递到另外一个函数中2.2 隐式绑定通过对象调用函数对象的链式调用隐式丢失给函数起别名函数作为另外一个函数的参数2.3 显示绑定call,apply,bind内置函数setTimeout()数组的forEach2.4 new 绑定3. 规则优先级这几天参加了很多面试和笔试,其中有很多的各种各样的this指向的或笔试或面试题,发现自己其实有很多没有搞

2020-09-15 23:24:39

表单动态操作数据交互

使用 Vue和 BootStrap 实现下面的功能:默认情况下:姓名和学号框全为空的时候,提交按钮不能点击姓名和学号框全有一项不为空的时候,重置按钮才可以点击表格中默认显示暂无数据,添加数据之后暂无数据隐藏点击删除按钮,弹出弹框点击弹框中的删除按钮后才会真正删除数据先搭建一个基本的页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti

2020-09-08 23:07:24

前端面试之深浅拷贝

文章目录堆和栈的主要区别js数据类型堆和栈的主要区别其实深拷贝和浅拷贝的主要区别就在于其内存中的存储类型不同.堆和栈都是内存中划分出来用于存储的区域.栈会自动扥配内存空间,由紫铜自动释放堆则是动态分配的内存,大小不定也不会自动释放.js数据类型js 的数据类型大方向上来说有两种:基本数据类型(String, Number, Boolean, Null, Undefined,Symbol)引用数据类型(Array,Object)当一个变量存放基本数据类型时与复杂的数据类型时分别存在

2020-09-06 21:28:32

Vue知识总结

文章目录1.概念1.1 对SPA单页面的理解,优缺点是什么?1.2 什么是MVVM?2. 基础知识2.1 v-show 和 v-if 的区别?2.2 computed 和 watch 的区别和运用场景?3.组件3.1 组价中的data为什么是一个函数?3.2 Vue组件间通信的方式?3.3 对keep-alive的理解?4.生命周期4.1谈谈你对 Vue 生命周期的理解?4.2 Vue 的父组件和子组件生命周期钩子函数执行顺序?4.3 父组件可以监听到子组件的生命周期吗?4.4 在哪个生命周期内调用异步请

2020-08-28 22:20:51

Vue项目首页实现思路总结

文章目录1.项目的基本配置项目结构css初始化和全局样式vue.config.js和.editorconfigTabBar的封装axios封装首页开发首页NavBar的开发请求首页轮播图和推荐的数据轮播图的展示推荐部分数据的展示TabControl的封装和使用请求首页商品数据展示商品数据点击TabBar切换对应的内容使用better-scroll对项目的滚动进行重构回到顶部backTop组件的封装点击组件回到顶部的封装backTop组件的显示和隐藏根据b站上coderwhy老师的视频做的Vue项目,在老

2020-08-24 23:25:14

Vue基础语法复习

文章目录1.插值语法1.1 Mustache1.2 v-once1.3 v-html1.4 v-text1.5 v-pre1.6 v-cloak2.绑定属性2.11.插值语法1.1 Mustache如何将data中的文本数据,插入到HTML中呢?可以通过Mustache语法(也就是双大括号)。Mustache: 胡子/胡须.我们可以像下面这样来使用,并且数据是响应式的1.2 v-once但是,在某些情况下,我们可能不希望界面随意的跟随改变这个时候,我们就可以使用一个Vue的指令v-

2020-08-23 23:15:27

vue自定义底部导航栏Tabbar

使用vue封装一个如下图所示的组件主要的项目结构如下:在component/tabbar中新建组件TabBar.vue,内容如下:<template> <div class="tab-bar"> <slot></slot> </div></template><script>import TabBarItem from './TabBarItem' export default {

2020-08-06 21:58:43

Vue路由: Vue-router基本配置与使用

目前前端流行的三大框架, 都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-router当然, 我们的重点是vue-routervue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。我们可以访问其官方网站对其进行学习:https://router.vuejs.org/zh/vue-router是基于路由和组件的路由用于设定访问路径, 将路径和组件映射起来.在vue-r..

2020-08-06 20:32:35

前端路由,后端路由,前端渲染,后端渲染了解

文章目录1.什么是路由2. 后端路由阶段2.1 后端路由2.2. 后端渲染2.3 后端渲染的优缺点3. 前后端分离阶段3.1 前端渲染3.2 前端渲染的优缺点4.前端路由阶段4.1 前端路由的概念4.2 单页面开发的优缺点4.3 什么时候使用到前端路由?写在前面:认识前端路由和后端路由前端路由相对于后端路由而言的, 在理解前端路由之前先对于路由有一个基本的了解路由: 简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是: 根据不同的url地址展示不同的页面内容.1.什么是

2020-08-02 21:52:36

webpack学习笔记

文章目录一.webpack 的安装一.webpack 的安装装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npmnode -v全局安装webpack,由于项目需要,我这里安装的版本是3.6.0npm install webpack局部安装webpack(后续才需要)–save-dev`是开发时依赖,项目打包后不需要继续使用的。cd 对应的目录 //进入对应的目录npm install webpack --save-dev为什么全局安

2020-07-31 15:38:07

关于JavaScript防抖和节流理解

文章目录一.认识防抖和节流1.1 什么是防抖和节流1.2 为什么会需要防抖1.3 为什么会需要节流二.防抖函数的实现2.1防抖案例引入2.2自定义防抖函数三.节流函数的实现一.认识防抖和节流1.1 什么是防抖和节流根据我们之前所学,我们可以知道以下两点:JavaScript是事件驱动的,大量的操作会触发事件,会加入到事件队列中等待处理而对于某些频繁的事件处理会造成性能的损耗因此我们就可以通过防抖和节流来限制事件频繁的发生;防抖和节流函数目前已经是前端实际开发中两个非常重要的函数,也是面试经

2020-07-28 18:30:11

AJAX 请求封装

封装的套路:写一个相对比较完善的用例写一个空函数,没有形参,将刚刚的用例直接作为函数的函数体根据使用过程中的需求抽象参数// 创建XHR核心对象 let createXHR = () => { if (window.XMLHttpRequest) { // 现代浏览器兼容 return new XMLHttpRequest(); } // IE兼容 return new ActiveXObject('M

2020-07-24 17:38:09

JavaScript正则表达式

文章目录基础知识对比分析转义创建正则字面量方式对象创建正则表达式的方法testexec修饰符不区分大小写全局匹配多行匹配基础知识正则表达式是用于匹配字符串中字符组合的模式,在 JavaScript中,正则表达式也是对象。正则表达式是在宿主环境下运行的,如js/php/node.js 等正则表达式在其他语言知识中也是可用的,只是会有些函数使用上的区别正则表达式是字符串的一种匹配模式,专门为简化字符串操作而生说白了就是为了检索一个字符串中特定字符的规则,正则并不是单纯的字符串,而是一种逻辑公

2020-07-21 11:21:04

js中的执行机制 宏任务微任务

做进做了几套题,碰见了好几个和下面的代码相似的例子,发现自己其实并没有理解JavaScript中的事件执行机制的相关内容.像下面的这种例子,在面试题中经常会碰到.console.log(1);setTimeout(() => {console.log(2)}, 0);console.log(3);Promise.resolve(4).then(b => {console.log(b);});console.log(5);//1 3 5 4 2上面死一个简单的例子,还有很多

2020-07-19 18:58:12

三栏布局的实现方法

三栏布局的实现方法有:absolute 布局float 布局flex 布局grid 布局table 布局1.使用absolute代码如下: <div class="content"> <div class="left">左</div> <div class="center">中</div> <div class="right">右</div>

2020-07-17 21:51:06

leetCode题目 —— 一年中的第几天和一周中的第几天(JavaScript)

一年中的第几天给你一个按 YYYY-MM-DD 格式表示日期的字符串 date,请你计算并返回该日期是当年的第几天。通常情况下,我们认为 1 月 1 日是每年的第 1 天,1 月 2 日是每年的第 2 天,依此类推。每个月的天数与现行公元纪年法(格里高利历)一致。示例 1:输入:date = “2019-01-09”输出:9示例 2:输入:date = “2019-02-10”输出:41示例 3:输入:date = “2003-03-01”输出:60示例 4:输入:d

2020-07-17 09:45:58

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力探索
    原力探索
    参与《原力计划【第二季】——打卡挑战》的文章入选【每日精选】的博主将会获得此勋章。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。