译者:前端小智
来源:dev
点赞再看,微信搜索**【大迁世界】关注这个没有大厂背景,但有着一股向上积极心态人。本文
GitHub
https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。
最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。
github 地址:https://github.com/qq449245884/vue-okr-tree
我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10
个很棒的技巧,你可能还不知道哦?
JS 字符串允许简单的重复,与纯手工复制字符串不同,我们可以使用字符串的repeat
方法。
const laughing = ‘小智’.repeat(3)
consol.log(laughing) // “小智小智小智”
const eightBits = ‘1’.repeat(8)
console.log(eightBits) // “11111111”
有时,我们希望字符串具有特定长度。 如果字符串太短,则需要填充剩余空间,直到达到指定的长度为止。
过去,主要还是使用库 left-pad。 但是,今天我们可以使用padStart
和SpadEnd
方法,选择哪种方法取决于是在字符串的开头还是结尾填充字符串。
// 在开头添加 “0”,直到字符串的长度为 8。
const eightBits = ‘001’.padStart(8, ‘0’)
console.log(eightBits) // “00000001”
//在末尾添加“ *”,直到字符串的长度为5。
const anonymizedCode = “34”.padEnd(5, “*”)
console.log(anonymizedCode) // “34***”
有多种方法可以将字符串分割成字符数组,我更喜欢使用扩展操作符(...
):
const word = ‘apple’
const characters = […word]
console.log(characters) // [“a”, “p”, “p”, “l”, “e”]
注意,这并不总是像预期的那样工作。有关更多信息,请参见下一个技巧。
可以使用length
属性。
const word = “apple”;
console.log(word.length) // 5
但对于中文来说,这个方法就不太靠谱。
const word = “𩸽”
console.log(word.length) // 2
日本汉字𩸽
返回length
为2
,为什么? JS 将大多数字符表示为16位代码点。 但是,某些字符表示为两个(或更多)16 位代码点,称为代理对。 如果使用的是length
属性,JS 告诉你使用了多少代码点。 因此,𩸽(hokke)
由两个代码点组成,返回错误的值。
那怎么去判断呢,使用解构操作符号(...
)
const word = “𩸽”
const characters = […word]
console.log(characters.length) // 1
这种方法在大多数情况下都有效,但是有一些极端情况。 例如,如果使用表情符号,则有时此长度也是错误的。 如果真想计算字符正确长度,则必须将单词分解为 字素簇(Grapheme Clusters) ,这超出了本文的范围,这里就不在这说明。
反转字符串中的字符是很容易的。只需组合扩展操作符(...
)、Array.reverse
方法和Array.join
方法。
const word = “apple”
const reversedWord = […word].reverse().join(“”)
console.log(reversedWord) // “elppa”
和前面一样,也有一些边缘情况。遇到边缘的情况就有需要首先将单词拆分为字素簇。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
ES6
-
列举常用的ES6特性:
-
箭头函数需要注意哪些地方?
-
let、const、var
-
拓展:var方式定义的变量有什么样的bug?
-
Set数据结构
-
拓展:数组去重的方法
-
箭头函数this的指向。
-
手写ES6 class继承。
微信小程序
-
简单描述一下微信小程序的相关文件类型?
-
你是怎么封装微信小程序的数据请求?
-
有哪些参数传值的方法?
-
你使用过哪些方法,来提高微信小程序的应用速度?
-
小程序和原生App哪个好?
-
简述微信小程序原理?
-
分析微信小程序的优劣势
-
怎么解决小程序的异步请求问题?
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
-
分析微信小程序的优劣势
-
怎么解决小程序的异步请求问题?
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-JMNkpAQe-1712671556771)]