javascript
火焰小能猫
火焰小能猫就是我我就是火焰小能猫
展开
-
React 组件条件渲染的几种方式
一、条件表达式渲染 (适用于两个组件二选一的渲染)render() { const isLoggedIn = this.state.isLoggedIn; return ( <div> {isLoggedIn ? ( <LogoutButton onClick={this.handleLogoutClick} /> ) : ( <LoginButton onClick={this.handleLogi原创 2020-10-26 14:08:36 · 729 阅读 · 0 评论 -
判断JS数据类型有几种方法
在 ECMAScript 规范中,共定义了 7 种数据类型,分为 基本类型 和 引用类型 两大类,如下所示:基本类型:String、Number、Boolean、Symbol、Undefined、Null引用类型:Object Function Date ...基本类型也称为简单类型,由于其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈中,即按值访问。引用类型也称为复杂类型,由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此,其值存储在堆(.原创 2020-10-11 19:20:56 · 265 阅读 · 0 评论 -
webpack打包优化的几种方案
实现webpack打包优化,有两个优化点:如何减少打包时间 如何减少打包大小减少打包时间1.优化Loader对于Loader来说,首先优化的当是babel了,babel会将代码转成字符串并生成AST,然后继续转化成新的代码,转换的代码越多,效率就越低。首先可以优化Loader的搜索范围module.exports = { module: { rules: [ test: /\.js$/, // 对js文件使用babel原创 2020-10-11 19:13:33 · 5902 阅读 · 2 评论 -
javascript数组去重有几种方式
一、利用ES6中的 Set 方法去重注:Set为ES6新增的一个对象,允许存储任何类型(原始值或引用值)的唯一值let arr = [1,0,0,2,9,8,3,1]; function unique(arr) { return Array.from(new Set(arr)) } console.log(unique(arr)); // [1,0,2,9,8,3] or6 conso...原创 2020-10-11 18:59:15 · 936 阅读 · 0 评论 -
js继承的多种方式
《JavaScript高级程序设计》提到了6中继承方式:1.原型链继承2.借用构造函数(经典继承)3.组合继承4.原型链继承5.寄生式继承6.寄生组合式继承原型链继承// 原型链继承 function Person(){ this.name = 'weihao'; } Person.prototype.getName = function(){ console.log(this.name)原创 2020-10-09 23:03:11 · 139 阅读 · 0 评论 -
原型与原型链
一、全局对象 windowECMAScript 规定全局对象叫做 global,但是浏览器把 window 作为全局对象(浏览器先存在的),window 就是一个哈希表,有很多属性。window 的属性就是全局变量。这些全局变量分为两种:1.一种是 ECMAScript 规定的:global.parseInt global.parseFloat global.Number global.String global.Boolean global.Object2.一种是浏览器自己加的原创 2020-10-04 23:30:27 · 203 阅读 · 0 评论 -
微信小程序 扫码技术调研
<div class="lake-engine-view lake-typography-classic" tabindex="0"><h2 data-lake-id="eca5ae961ac0bebd95f3cf9d72c8d55b" id="JYr7n"><a class="lake-anchor" style="top: 3.7143px;"><span class="lake-anchor-button lake-icon lake-icon-h2">原创 2020-08-28 10:26:53 · 677 阅读 · 0 评论 -
Javascript基础之常见考点
1.继承 1、原型链继承,将父类的实例作为子类的原型,他的特点是实例是子类的实例也是父类的实例,父类新增的原型方法/属性,子类都能够访问,并且原型链继承简单易于实现,缺点是来自原型对象的所有属性被所有实例共享,无法实现多继承,无法向父类构造函数传参。 2、构造继承,使用父类的构造函数来增强子类实例,即复制父类的实例属性给子类,构造继承可以向父类传递参数,可以实现多继承,通过call多个父类对象。但是构造继承只能继承父类的实例属性和方法,不能继承原型属性和方法,无法实现函数服用,每个子类都有父原创 2020-08-12 20:46:53 · 229 阅读 · 0 评论 -
Javascript基础之算法
1.全排列function permutate(str) { var array = str.split(''); function loop(array, pre = []) { if (array.length == 1) { return [pre.concat(array).join('')]; } let res = []; for (let index = 0; index < a原创 2020-08-12 20:36:14 · 160 阅读 · 0 评论 -
记朋友一次面试经历,非常精彩
跳槽原因 前东家部门是做旅游的,在这次疫情打击下,基本玩完。 于是我半休半远程三个月后,在4月底领了裁员便当。至今,差不多找了两个月的工作。 本篇不是标准的面经,想从中获取大厂跳槽经验的可以歇一歇。 1. 高频面试题汇总 面过的公司有点多,一并说了吧。 1. 从“在浏览器输入域名”到“页面静态资源完全加载”的整个流程 见于:某游戏公司、小鹅通、阿里一面、另外三家小公司 这问题的答案,我结合了yck《前端...原创 2020-08-08 17:18:20 · 291 阅读 · 0 评论 -
从培训班出来之后找工作的经历,教会了他这五件事
这是 Medium 上的一篇文章(已有 5900 个赞),讲的是国外一个培训出来的程序员,用三个月时间,找到了一份年薪 12 万美元的工作,并从中得到的五个忠告的故事。我觉得他总结得很好,尤其是心态和方法,非常值得学习。对正在找工作的同学非常有用。以下是译文:我们很少讨论,一个参...转载 2020-07-31 16:16:04 · 385 阅读 · 0 评论 -
作为一个前端负责人你是怎样参与一个完整项目的?
这是我第一次前端面试时被问到的一个问题由此整理了自己的回答思路,大家有什么不同的回答在留言区DD吧首先最重要的目标肯定是要形成高质量,可维护性高,运行效率高、搭建成本低的一个系统。 1.在项目初期会做需求评审。然后我会做概要设计,大家一起讨论用什么技术,项目结构是怎样的。之后做详细设计,明确每一个页面的逻辑与实现方式,明确需要哪些组件。明确每个页面的工作量和每个人的工作范围。...原创 2020-04-21 20:08:58 · 1409 阅读 · 2 评论 -
VUE常见面试题整理(一)
4月终于结束了自己的面试,拿下Offer,对此我整理了很多面试的笔记。由此其中一篇给大家分享:1.你知道vue的模板语法用的是哪个web模板引擎的吗?说说你对这模板引擎的理解vue模板引擎2.你知道v-model的原理吗?说说看你有使用过vue开发多语言项目吗?说说你的做法?我开发过一个关于多语言开户的开户网站(中文、繁体、英文)。主要是安装i18n需...原创 2020-04-21 19:57:59 · 1282 阅读 · 1 评论