本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前沿装饰器装饰器是一种函数，写成@ + 函数名。它可以放在类和类方法的定义前面。 装饰器的行为 1234567@decoratorclass A {}// 等同于class A {}A = decorator(A) || A; 装饰器函数的第一个参数，就是所要装饰的目标类。 注意，装饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。这意味着，装饰器能在编译阶段运行代码。也就是说，装饰器本质就是编译时执行的函数。 添加实例属性 123456789function testable(target) { target.prototype.isTestable = true;}@testableclass MyTestableClass {}let obj = new MyTestableClass();obj.isTestable // true Object.assign()Object.assign()  方法用于将所有可枚举属性的值从 ...

前沿 webpack是前端打包工具，是大前端自动化工厂的重要组成部分，webpack的主要是打包，webpack作为自动化工具链的一部分集成更大的工具系统，而不是将一切需求的实现都寄望于webpack。 wepack是前端一个工具，可以让各个模块进行加载，预处理，再进行打包，它能有Grunt或Gulp所有基本功能。 优势： 支持commonJS和AMD模块 支持很多模块加载器的调用，可以使模块加载器灵活定制，比如babel-loader加载器，该加载器能使我们使用ES6的语法来编写代码 可以通过配置打包成多个文件，有效的利用浏览器的缓存功能提升性能 使用模块加载器，可以支持sass，less等处理器进行打包且支持静态资源样式及图片进行打包 12345npm install -g webpack// 项目配置项// cd 打开npm init package.json 1234567891011{ "name": "jeskson", "version": " ...

每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油，2021加油！欢迎关注加我vx:xiaoda0423，欢迎点赞、收藏和评论 不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。 前言如何实现路由懒加载1{ path: '/login', component: () => import('@/views/login/index'), hidden: true }, 路由懒加载中的魔法注释通过在注释中指定webpackChunkName，可以自定义这个文件的名字。 1components = () => import(/* webpackChunkName:"login"*/ "../component/Login.vue") windows环境搭建Vue开发 ...

Github来源： | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。 功能 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 代码封装工具类封装 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 ...

顺便宣传一下：Github来源： | 求星星 ✨ | 欢迎 star，鼓励一下作者。 希望能够帮助更多的小伙伴。加我😚即可交流问题（不是大佬，互相学习，创造良好的学习环境）。以下哪些你不懂呢？ 哪里不懂的，我们可以下方评论交流 扩展的对象功能 对象类别 命名一个函数为 createPerson() ，其作用创建了一个对象： 123456function createPerson(name, age) { return { name: name, age: age };} 当对象的一个属性名称与本地变量名相同时，ES6： 123456function createPerson(name, age) { return { name, age },} 当对象字面量中的属性只有名称时， JS 引擎会在周边作用域查找同名变量。若找到，该变量 的值将会被赋给对象字面量的同名属性。 es5写法： 123456var person = { name: 'jeskson ...

推荐： TypeScript趁早学习提高职场竞争力 Github来源： | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 希望能够帮助更多的小伙伴。加我😚即可交流问题（不是大佬，互相学习，创造良好的学习环境）。以下哪些你不懂呢？ 1.关于es5和es6得继承问题 es5的继承是 先创建子类的实例对象，然后将父类的方法添加到this上，Parent.apply(this) es6的继承是 先创建父类的实例对象this，所以先调用父类的super()方法，然后再用子类的构造函数修改this es5的继承是 通过原型或构造函数机制来实现 es6通过class关键字定义类，其中有构造方法，类之间通过extends关键字来实现继承 字类必须再constructor方法中调用super方法，否则新建实例报错 super关键字表示 父类的实例，即是父类的this对象 在子类构造函数中调用super后，才可使用this关键字，否则报错 2.innerHTML和outHTML的区别12345<div id="dadaqianduan">我喜 ...

theme: cyanosis 推荐： TypeScript趁早学习提高职场竞争力 Github来源： | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 在另一页面打开即可高清 TypeScript开发全局安装typescript，使用安装命令可以使用npm也可以使用yarn： 123npm install typescript -gyarn global add typescript demo.ts12345678910function jeskson() { let web: string = "hello world" console.log(web)}jeskson()// tsctes demo.tsnode demo.js 1npm install -g ts-node 数据类型 TS的数据类型 1234567// ES6的数据类型：基本数据类型：Boolean,Number,String,Symbol,undefined,null引用类型：Arra ...

前端葵花宝典秘籍，为你保驾护航金三银四 Github来源： | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者 种草一句话：越努力，越幸运！以现在大多数人的努力程度之低，根本轮不到可以拼天赋。 分享一下前端面试秘籍，希望能够帮助更多的小伙伴。加我😚即可交流问题（不是大佬，互相学习，创造良好的学习环境）。以下哪些你不懂呢？ 首先关注公众号：微信搜：程序员哆啦A梦 QQ群1：711613774（已满） QQ群2：634382181 微信号：xiaoda0423(备注发送：已关注掘金魔王哪吒) 一面一面的问题不是很难，但是要得到面试官比较高的评价，还是需要一定的表达能力和对技术比较本质的认识的，如果在回答问题的时候能够做一些适当的扩展，自然会让面试官对你有不一样的评价。 回答问题的步骤：先回答问题本质，在回答具体细节，最后做一些平时编程中的扩展。面试官会觉得你确实是在这个技术上面下过功夫的。 二面问题都比较直接，答案也是知道就知道，不知道就不知道。这些问题一部分是基础，一部分是根据你的专业技能的来提问的。 在面试中有一些回答不出来很正常，但是如果能够做到出乎面试官的意 ...

前言希望可以通过这篇文章，能够给你得到帮助。(感谢一键三连) 还不抓紧学TypeScriptTS：以JavaScript为基础构建的语言；可以在如何支持JavaScript的平台中执行；一个JavaScript的超集，TypeScript扩展了JavaScript，并添加了类型；TS不能被JS解析器直接执行。 TypeScript增加了一些类型，支持ES的新特性，添加ES不具备的新特性，丰富的配置选项，强大的开发工具。 学习TS，记得下载Node.js哦~ 使用npm全局安装typescript，进入命令行，输入：npm i -g typescript，创建一个ts文件，使用tsc对ts文件进行编译：进入命令行，进入ts文件所在目录，执行命令：tsc xxx.ts。 基本类型： 类型声明： 类型声明是TS非常重要的一个特点 通过类型声明可以指定TS中变量的类型 指定类型后，当位变量赋值时，TS编译器会自动检查是否符合类型声明，符合则赋值，否则报错 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值 语法： 12345let 变量: 类型;let 变量: 类型 &#x ...

原文地址：https://juejin.cn/post/6948576107163549732 前端开发工程师面试今天我请到两位朋友，面试官（小黄），面试者（小达）来进行如下前端模拟面试：（此处省略介绍，直接来面试题问答过程） 小黄：来说说你对http和https的理解小达：嗯，好的。 http是超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准，用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 而对于https，他是以安全为目标的http通道，是http的安全版，在http中加入了ssl层，https的安全基础是ssl。 http的连接很简单的，是无状态的，http传输的数据都是没有加密的，也就是明文的，网景公司设置了ssl协议来对http协议传输的数据进行加密处理，所以说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议，比http协议的安全性更高。 https协议是需要证书的，费用较高，http是超文本传输协议，信息是明文传输，https是具有安全性的ssl加密传输协 ...