JS前端技术类文章
本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。
前沿装饰器装饰器是一种函数,写成@ + 函数名。它可以放在类和类方法的定义前面。
装饰器的行为
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作为自动化工具链的一部分集成更大的工具系统,而不是将一切需求的实现都寄望于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开发 ...
vue-axios-vuex-全家桶
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">我喜 ...
一份不可多得的TypeScript系统入门整理
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 ...
JS葵花宝典秘籍笔记,为你保驾护航金三银四
前端葵花宝典秘籍,为你保驾护航金三银四
Github来源: | 求星星 ✨ | 给个❤️关注,❤️点赞,❤️鼓励一下作者
种草一句话:越努力,越幸运!以现在大多数人的努力程度之低,根本轮不到可以拼天赋。
分享一下前端面试秘籍,希望能够帮助更多的小伙伴。加我😚即可交流问题(不是大佬,互相学习,创造良好的学习环境)。以下哪些你不懂呢?
首先关注公众号:微信搜:程序员哆啦A梦
QQ群1:711613774(已满)
QQ群2:634382181
微信号:xiaoda0423(备注发送:已关注掘金魔王哪吒)
一面一面的问题不是很难,但是要得到面试官比较高的评价,还是需要一定的表达能力和对技术比较本质的认识的,如果在回答问题的时候能够做一些适当的扩展,自然会让面试官对你有不一样的评价。
回答问题的步骤:先回答问题本质,在回答具体细节,最后做一些平时编程中的扩展。面试官会觉得你确实是在这个技术上面下过功夫的。
二面问题都比较直接,答案也是知道就知道,不知道就不知道。这些问题一部分是基础,一部分是根据你的专业技能的来提问的。
在面试中有一些回答不出来很正常,但是如果能够做到出乎面试官的意 ...
TypeScript趁早学习提高职场竞争力
前言希望可以通过这篇文章,能够给你得到帮助。(感谢一键三连)
还不抓紧学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 变量: 类型 ...
前端模拟面试字数过23477万内容
原文地址: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加密传输协 ...