前端攻城狮
文章平均质量分 90
分享前端攻城狮的常用代码和经验,诸如无所不能的JavaScript~
战神刘玉栋
小竹排,顺水流,鸟儿唱,鱼儿游。江南鱼米乡,小竹排在画中游。
展开
-
《前端攻城狮 · Snowflake 雪花算法》
雪花 ID 是一种分布式唯一 ID 生成算法,通常由 Twitter 提出的。它的结构通常包括时间戳、机器 ID 和序列号等部分。如果你想在 Vue.js 中实现雪花 ID 的生成,可以选择自己实现算法,或者使用现成的库。// 机器 ID// 数据中心 ID// 序列号// 上次生成 ID 的时间戳// 位移配置// 机器 ID占用的位数// 数据中心 ID占用的位数// 序列号占用的位数// 最大值// 31// 31// 4095// 时间戳偏移// 22// 17。原创 2024-08-28 23:19:16 · 1250 阅读 · 0 评论 -
《前端攻城狮 · Vue 使用腾讯地图》
本篇文章介绍如何在Vue项目中使用腾讯地图API。💗 后续会逐步分享企业实际开发中的实战经验,有需要交流的可以联系博主。原创 2024-08-23 23:34:39 · 533 阅读 · 0 评论 -
《零散知识点 · Vue-admin 模板项目》
permission.js 里面的:const whiteList = [‘/login’] // 不重定向白名单配在route里面的顶部即可。this获取方式:提示:{{this.$route.params.alert}}提示:{{this.$route.query.alert}}原创 2024-08-12 23:28:23 · 895 阅读 · 12 评论 -
《程序猿学会 Vue · 基础与实战篇》
目前大部分软件公司虽然采用前后端分离架构,但领导层为了实现降本增效的最终愿景,后端程序猿往往也被要求往全栈工程师发展。这就使得 Java 程序猿也必须要掌握前端技术栈,这边就结合笔者的理解,谈一下具体需要掌握哪些?这个问题其实还是要看所在公司当前采用哪些技术栈,以博主所在公司为例,后端开发前端也需要会,起码必须掌握 JavaScript、Vue、Nuxt、NodeJS 等,可以完成除复杂样式外的普通前端页面的开发。这就是所谓的后端是你、前端也是你。原创 2024-07-20 08:39:08 · 2046 阅读 · 20 评论 -
《前端攻城狮 · Nuxt 插件与模块化》
前不久整理的博文《前端攻城狮 · 从 Nuxt 前端框架开篇》,大致介绍了Nuxt框架的用法,有点蜻蜓点水的意味,不会很详细。另一篇博文《程序猿学会 Vue · 基础与实战篇》中也提到了import、export的一些内容,这边针对插件和模块化做一个补充说明。此篇博文补充了Nuxt中的插件用法,进而带出模块化的一些知识点。后续一些博文,也会针对专项的一些知识点进行扩展和专题补充。💗 加油!程序猿!原创 2024-07-21 23:11:22 · 873 阅读 · 8 评论 -
《前端攻城狮 · 从 Nuxt 前端框架开篇》
近些年,前端技术栈悄然发生翻天覆地的变化,各类前端技术的变革换代频率已不低于后端。依稀记得10多年前,宣传标语还是玩转jQuery者得天下,到后面的三足鼎立,再到后来NodeJS横空出世,带出了大前端的概念,紧接着等前端框架相继抢占一席之地,当然,前端技术栈远不止如此,还有等等。前端程序猿再也不能称之为“切图仔”,而应给予不弱于后端程序猿的地位。嗯,扯远了,关于前端的发展历史,源远流长,可以聊个半天,后续再另外开篇博客唠嗑,回到正题。笔者所在公司一直坚持前后端分离模式,先采用Express。原创 2024-06-29 00:57:44 · 1005 阅读 · 0 评论 -
《前端攻城狮 · videojs 视频需求开发》
近期,博主朋友需要开发一个视频播放网站,就帮忙提供了前后端框架模板,后端 SB、前端 Nuxt、后台管理 Vite,各种练手项目丢给他,原以为剩下业务,对方老程序猿可以轻松搞定,没想到核心视频播放这块就遇到不少坑,于是协助处理了一下,顺道记录一篇博客。此篇文章就介绍一下,Video关于视频开发中的一些问题。Tips:君问归期未有期,巴山夜雨涨秋池。何当共剪西窗烛,却话巴山夜雨时。。此篇文章介绍了使用Video.js进行网站视频需求开发的相关经历,仅供学习参考。原创 2024-07-16 00:03:35 · 750 阅读 · 4 评论 -
《无所不能的JavaScript · arguments 参数对象》
随着Html5在PC和移动端越来越流行,JavaScript变得更加重要了,各种层出不穷的框架使得JavaScript的开发更加简捷,V8的性能带来了Node.js,将JavaScript 推向了服务器端,同时还被用在桌面应用、游戏、AR等各种场景,JavaScript已经变成了全能型选手。另外,从JavaScript函数本身深入理解为什么JavaScript中函数是不能重载的:在JavaScript中,函数其实也是对象,函数名是关于函数的引用,或者说函数名本身就是变量。说了半天的实参,那么形参在哪里?原创 2024-07-23 00:00:13 · 863 阅读 · 6 评论 -
《无所不能的JavaScript · 对象简介》
本篇博文再次回归JavaScript系列,不知道是不是Java写多了,偶尔换JavaScript就和打鸡血一样兴奋。这里先介绍一下 JS 对象,现今的后端开发人员,往往都在与 Vue、ElementUI 操作打交道,对JavaScript的了解知之甚少,JS 也有对象吗?那不是 Java 的概念,JS 也有吗?《无所不能的JavaScript · prototype 原型链》《无所不能的JavaScript:ES6入门》《无所不能的JavaScript · 异步编程》原创 2024-07-21 22:58:11 · 373 阅读 · 1 评论 -
《无所不能的JavaScript · 异步编程》
异步编程允许我们在执行一个长时间任务时,程序不需要等待,而是继续执行之后的代码,直到任务完成后再通知你,通常是以回调函数的形式。这种编程模式,避免了程序的阻塞,提高了CPU的执行效率,用户体验得到了提升。以 Java 中异步编程为例,其用法丰富多彩,可以利用JUC等各种工具方法实现多线程效果,以此提升系统系统,比如下面示例代码。自定义一个 Callable 接口,利用线程池提交,返回 Future 对象,通过调用 get 方法阻塞等待结果。Future原创 2024-07-20 15:53:39 · 1521 阅读 · 14 评论 -
《无所不能的JavaScript · prototype 原型链》
又回到前端系列了,之前写后端和其他内容去了,进度落下,赶紧补一下。本篇文章介绍一下 JavaScript 里面的一些经典知识点,先以prototype原型链开篇。让我们开始!在 JavaScript 中,prototype 是用于实现继承和共享属性与方法的一种机制。每一个 JavaScript 对象(除了 null)在创建时都与另一个对象(称为其 “prototype”)相关联。原创 2024-07-09 10:26:27 · 797 阅读 · 6 评论 -
《无所不能的JavaScript · 日常编码技巧01》
本系列都以介绍JavaScript为主,描述一下如何更自由豪放的操作它。此篇博文介绍日常开发中,JavaScript的隐藏编码技巧。太简单了一些,就不总结了。💗 后续会逐步分享企业实际开发中的实战经验,有需要交流的可以联系博主。原创 2024-07-06 23:54:32 · 793 阅读 · 3 评论 -
《无所不能的JavaScript · setTimeout 简笔》
如上例中,在执行函数a的时候,函数a先入栈,如果不给alert(1)加setTimeout,那么alert(1)第2个入栈,最后是alert(2)。其实请求确实是异步的,不过这请求是由浏览器新开一个线程请求,当请求的状态变更时,如果先前已设置回调,这异步线程就产生状态变更事件放到 JavaScript引擎的处理队列中等待处理,当任务被处理时,JavaScript引擎始终是单线程运行回调函数,具体点即还是单线程运行onreadystatechange所设置的函数。一、解决双击事件触发单击事件的冲突。原创 2017-02-18 16:12:00 · 24 阅读 · 0 评论 -
《无所不能的JavaScript:ES6入门》
前文《前端攻城狮 · 从 Nuxt 前端框架开篇》提到,前端技术栈正在发生翻天覆地的变化,各类新技术层出不穷,但回归基础依然是,其中负责逻辑交互的JavaScript,我原称之为前端技术的灵魂。后端程序猿如果想往全栈工程狮发展,那JavaScript必须和Java玩得一样明白,接下来系列文章,带你一起探索,无所不能的JavaScript。本系列第一回,就先从ES6开始说起。旁白:JavaScript一度被认为是一种玩具编程语言,它有很多缺陷,所以不被大多数后端开发人员所重视。但这是完全错误的理解。原创 2024-06-29 06:12:22 · 888 阅读 · 0 评论