![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
就不告絮你
这个作者很懒,什么都没留下…
展开
-
Vue3.0来袭,我们如何面对?
靓仔路过,不要错过想必 Vue3.0 发布这件事,大家都知道了。我也是从朋友圈的转发得知此事,博客平台、公众号、朋友圈基本都有这么一条新闻,可见 Vue3.0 的被期待程度,因为 React 16 发布的时候,我也没见大家这么追捧,让我有点震惊的是 Vue 有 130 万的使用者,这个体量真的是有点惊人。Vue 3.0 来了,我们该做些什么呢?学习,赶紧学习,学不动了也要学!装不知道,我是一只快乐的鸵鸟,我不知道 Vue 更新了,继续摸鱼爽歪歪。为了下半年的 KPI,冲冲冲!把手头的 V.原创 2020-09-21 10:06:17 · 376 阅读 · 0 评论 -
React Hooks实战_性能优化
最近在做react项目的迁移,从class组件写法迁移至function组件,不得不说hooks的特性对整个代码逻辑复用性的提高还是很不错的。但是新手在接触hooks的时候,如果不了解各个API的特性的话,同样也会埋下许多神坑,后期优化费时费力。要解决性能问题,关键在于对组件重复渲染的处理,魔鬼在细节,下面就来通过两个常见的案例来分析性能到底会毁在哪几个细节,并且渐进式地给出优化方案。组件状态管理混乱const ShowUp = () => { const [tabVisible, se原创 2020-09-18 09:54:32 · 2109 阅读 · 0 评论 -
React基础入门学习
React 基础教程与实战前言下面代码示例在实战项目里面都可以找到,配合项目食用效果更佳~环境搭建npm install -g create-react-app //安装工具create-react-app + 项目名称 //创建项目npm start //启动项目复制代码设计思想在React的官方博客中明确阐述了 React 不是一个 MVC 框架,而是一个用于构建组件化 UI 的库,是一个前端界面开发工具。所以顶多算是 MVC 中的 V(view)。React 并没有重复造轮子,而原创 2020-09-11 17:26:27 · 344 阅读 · 0 评论 -
2020前端面试真题,你能答对几道?
【2020面试真题】这15道面试真题,你能答出几道?事件起因含泪忠告:不要在周末没准备的情况下去luo面,不要去luo面,不要去luo面,不要去luo面。一旦被暴击,你的周末和自信心就彻底毁了。为啥我会这么说?到底咋回事呢?事情是这样的:这周双休,手机弹出某聘的消息,想着去看看目前前端的概况,就投了简历,然后就开始愉快的玩手机,没一会儿,电话直接来了,问现在方便吗,想简单聊聊,了解一下。我一想,简单聊聊?可以啊,反正才一面,简单聊聊嘛。我就回了个:可以的。没想到,就是这三个字,让我的周末如坐针毡,内转载 2020-09-11 17:24:48 · 320 阅读 · 0 评论 -
使用transition实现图片轮播效果
前言无缝轮播一直是面试的热门题目,而大部分答案都是复制第一张到最后。诚然,这种方法是非常标准,那么有没有另类一点的方法呢?第一种方法是需要把所有图片一张张摆好,然后慢慢移动的,但是我能不能直接不摆就硬移动呢?如果你使用过vue的transition,我们是可以通过给每一张图片来添加入场动画和离场动画来模拟这个移动进场动画就是从最右侧到屏幕中央出场动画是从屏幕中央到左侧移出这样看起来的效果就是图片从右边一直往左移动,但是这个不一样的地方是,我们每一个元素都有这个进场动画和离场动画,我们根本.原创 2020-09-10 08:53:11 · 1912 阅读 · 0 评论 -
JavaScript Promise 完整指南
这篇文章算是 JavaScript Promises 比较全面的教程,该文介绍了必要的方法,例如 then,catch和finally。 此外,还包括处理更复杂的情况,例如与Promise.all并行执行Promise,通过Promise.race 来处理请求超时的情况,Promise 链以及一些最佳实践和常见的陷阱。1.JavaScript PromisesPromise 是一个允许我们处理异步操作的对象,它是 es5 早期回调的替代方法。与回调相比,Promise 具有许多优点,例如:让异步代原创 2020-09-10 08:50:30 · 215 阅读 · 0 评论 -
ES模块知识详解
ES 模块是什么?ECMAScript模块(简称ES模块)是一种JavaScript代码重用的机制,于2015年推出,一经推出就受到前端开发者的喜爱。在2015之年,JavaScript 还没有一个代码重用的标准机制。多年来,人们对这方面的规范进行了很多尝试,导致现在有多种模块化的方式。你可能听说过AMD模块,UMD,或CommonJS,这些没有孰优孰劣。最后,在ECMAScript 2015中,ES 模块出现了。我们现在有了一个“正式的”模块系统。ES 模块无处不在?理论上,ES 模块应该在所有原创 2020-09-09 10:14:11 · 4573 阅读 · 0 评论 -
实现 Vuex 无限层级类型推断(TS 4.1 新特性)
前言前几天,TypeScript 发布了一项 4.1 版本的新特性,字符串模板类型,还没有了解过的小伙伴可以先去这篇看一下:TypeScript 4.1 新特性:字符串模板类型,Vuex 终于有救了?。本文就利用这个特性,简单实现下 Vuex 在 modules 嵌套情况下的 dispatch 字符串类型推断,先看下效果,我们有这样结构的 store:const store = Vuex({ mutations: { root() {}, }, modules: { car原创 2020-09-09 10:11:02 · 517 阅读 · 1 评论 -
前端学习路线分享
交作业了这篇让小伙伴们久等了。本篇来梳理一下前端开发方向的学习路线和知识点,包括前端开发到底要学什么、有哪些重要知识、现在的主流的技术点有哪些,希望能给之前很多问过该类问题的小伙伴们一个交代。在正式开始之前,先聊两个常见的问题吧。前端和后端到底该怎么选?不得不说,前端开发现在确实很火,学的人也炒鸡多,如果仅从岗位需求、工资水平等市场就业这个角度来看,其实基本上已经与后端开发不分伯仲了,而且这几年前端技术的发展也非常繁荣。所以到底选哪个方向就看大家自己的兴趣和自身的境况了,谁也没有办法说哪个就一..原创 2020-09-03 15:34:06 · 173 阅读 · 0 评论 -
常用Javascrip代码片段
废话不多话,在本文中,列出了一些比较常用或者实用的的 JavaScript 代码片段,希望对你们有所帮助。1.三元运算符let someThingTrue = trueif(someThingTrue){ handleTrue()}else{ handleFalse()}****** 以下是简短版本 ******let someThingTrue = truesomeThingTrue ? handleTrue() : handleFalse()2.短路或运算co原创 2020-09-01 15:17:30 · 123 阅读 · 0 评论 -
文件下载解密
今天带来的主题是关于文件下载,在我之前曾经发过一篇文件上传的文章(一文了解文件上传全过程(1.8w字深度解析,进阶必备 200+点赞),反响还不错,时隔多日,由于最近有研究一些媒体相关的工作,因此打算对下载做一个整理,因此他的兄弟篇诞生了,带你领略文件下载的奥秘。本文会花费你较长的时间阅读,建议先收藏/点赞,然后查看你感兴趣的部分,平时也可以充当当做字典的效果来查询。不整不知道,一整,居然整出这么多情况,我只是想简单地做个页面仔。前言一图览全文,可以先看看大纲适不适合自己,如果你喜欢则继续往下阅读。原创 2020-09-01 11:48:38 · 1336 阅读 · 0 评论 -
js数组相关API以及使用方式
整理了以下数组方法join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (ES5新增)reduce()和 reduceRight()join()join,就是把数组转换成字符串原创 2020-09-01 11:31:48 · 137 阅读 · 0 评论 -
提高前端布局效率的技巧
在布局中,对于每块功能的 DOM 结构,我们一般使用一个带有 wrapper 类元素把它包裹起来,让代码或者网页内容更易于阅读。为此,我们一般使用wrapper 或者 container。在CSS 中使用wrapper可能有多种方式,这些方式中,有些会带来一些问题。在本文中,将介绍 CSS中 的 wrapper 布局,它们如何工作,如何使用它们以及何时不使用它们。 请注意,在本文中,可能会提到wrapper 和container这两个术语,它们的含义相同。wrapper 简介当我们说到 wrapper原创 2020-08-31 15:37:32 · 328 阅读 · 0 评论 -
深入Node.js的模块加载机制(手写require函数)
模块是Node.js里面一个很基本也很重要的概念,各种原生类库是通过模块提供的,第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发,到最后我们会利用这个原理,自己实现一个简单的模块加载机制,即自己实现一个require。本文完整代码已上传GitHub:https://github.com/dennis-jiang/Front-End-Knowledges/blob/master/Examples/Node.js/Module/MyModule/index.js简单例子老规矩,讲原理前我.原创 2020-08-31 15:29:00 · 575 阅读 · 0 评论 -
60亿次for循环,原来这么多东西
起因有人在思否论坛上向我付费提问当时觉得,这个人问的有问题吧。仔细一看,还是有点东西的问题重现编写一段Node.js代码var http = require('http'); http.createServer(function (request, response) { var num = 0 for (var i = 1; i < 5900000000; i++) { num += i } response.end('H原创 2020-08-31 15:22:54 · 823 阅读 · 0 评论 -
2020年中大厂前端面试总结
前言本次面试面试了很多家公司,包括 360,美团,猿辅导,小米,腾讯地图,头条,新东方,快手,知乎等几家公司,刚开始去面试的时候那段时间状态不是很好(基本每天都加班到很晚,周六日也没有休息的那种,而且当时心态真的是差到爆,很多平时自己很会的东西,被问到居然答不上来),基本一面就挂的那种(360,美团,猿辅导),越面越失望,后来就直接不面试了,调整自己的状态,请假休息,好好睡了两天两夜之后,调整自己的心态...转载 2020-09-01 11:07:50 · 842 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope
转载地址:https://segmentfault.com/a/1190000012996217转载作者/云荒杯倾写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经...转载 2020-08-27 12:31:48 · 171 阅读 · 0 评论