Skip to main content

moregeek program

聊聊cookie、session、token 背后的故事-多极客编程

摘要:Cookie、Session、Token 这三者是不同发展阶段的产物本文分享自华为云社区《​​Cookie、Session、Token 背后的故事​​》,作者: 龙哥手记。1. 网站交互体验升级作为网友的我们,每天都会使用浏览器来逛各种网站,来满足日常的工作生活需求。现在的交互体验还是很丝滑的,但早期并非如此,而是一锤子买卖。1.1 无状态的 HTTP 协议无状态的 HTTP 协议是什么鬼?

Read More

vue利用flex布局实现tv端城市列表-多极客编程

前言vue中城市列表和搜索很常见,这篇文章就来说说怎么实现搜索和城市列表1.实现搜索布局代码:<div class="search-bar"> <input class="search-input" v-model="citySearchResult" :placeholder="searchDefault" :key="searchTitle" @endEdi

Read More

那些炫酷的css文字效果之诗词《兔》-多极客编程

不知不觉已经迈入2023年,今年是兔年,想到兔子就会联想到玉兔,中秋,胡萝卜,兔子不吃窝边草,这就越扯越远了,今天的主题是用纯CSS来实现各种不错的文字效果,文字则摘录古诗词中有关《兔》相关的诗词,让我们一边欣赏古诗词的同时一边走进CSS的世界。 效果一 兔苑词才去不还,兰亭水石空明月。 —— 陈陶 《 将进酒 》 文字从清晰到模糊到彻底看不见,给人一种若隐若现的朦胧美,其核心代码就是在an

Read More

前端三个实用小妙招分享给大家-多极客编程

前言整理下本人在工作中撸代码遇到的一些刚看时一脸懵,实则很简单就能解决的小妙招,希望对大家有所帮助~伪元素动态改变其样式我们都用过伪元素,什么::before,::after啊这些等等,但是他们都不会直接在代码里html中生成标签,那么有时我们不行再加dom元素了,明明就用改dom元素的伪元素更简单,如下图:那个蓝色的进度条就是用动态改变伪元素样式的方式来实现的,那么接下来来看下具体实现方案吧!在

Read More

前端线上图片生成马赛克-多极客编程

前言说起图片的马赛克,可能一般都是由后端实现然后传递图片到前端,但是前端也是可以通过canvas来为图片加上马赛克的,下面就通过码上掘金来进行一个简单的实现。实现markup<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d0b4e30cd0f648fcbe675992ddcb90f1~tplv-k3u1fbpfcp-w

Read More

快速体验react开发基础入门指南-多极客编程

前言 大家好,我是CoderBin,本次整理了我学习react过程中的各部分的知识点,看完文本你将会学到 jsx的基本使用 使用脚手架创建项目 如何在React当中定义组件 React当中的事件绑定方式以及注意事项 关于react组件的三大核心属性及其运用 React组件的生命周期 ... 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 想深入学习的可以点击前往 --> React官

Read More

redux+react-redux 最新入门实战指南?-多极客编程

大家好,我是CoderBin 前言 本文将给大家带来redux和react-redux的快速使用,以理论+代码+案例的形式教大家如何在react中去使用状态管理,以实现数据的高效通信🚀 如果本文有不对、疑惑的地方,欢迎在评论区留言指正🌻 长文预警: 本文文字代码较多,请耐心观看,相信你会有所收获🍺 一、什么是 redux Redux 是 JavaScript 状态容器,提供可预测化的状态管理。可以

Read More

javascript防抖与节流函数:提高应用性能的利器-多极客编程

前言 大家好,我是CoderBin,防抖和节流函数目前已经是前端实际开发中两个非常重要的函数,也是面试经常被问到的面试题。但是很多前端开发者面对这两个函数还是有点摸不着头脑:无法区分防抖节流、可以区分却不知道如何应用、会通过第三方库使用但不知道内部原理,无法手写实现等。 所以,在接下来的学习中,我们不仅仅要区分清楚防抖和节流两者的区别,也要明白在实际工作中哪些场景会用到。最后还会带着大家一点一点的

Read More

面试官:你说说 js 中实现继承有哪几种方法?-多极客编程

前言 面试官:“你说说 JavaScript 中实现继承有哪几种方法?” 紧张的萌新:“额,class 中用 extends 实现继承,然后...没了...” 面试官:“...” ······ 大家好,我是CoderBin,想必绝大部分人一说继承就会想到类中的继承吧,但其实继承可不是 class 的专利,本文将总结📕 JavaScript 中关于继承的几种方案,其中包括原型链,盗用构造函数、组合式

Read More

java面试题-前端vue-多极客编程

Vue的生命周期 beforeCreate(创建前) 在数据观测和初始化事件还未开始 created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来 beforeMount(载入前) 在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。 mounted(

Read More

关于 "尾调用优化" 的那些事儿-多极客编程

大家好,我是 CoderBin 前言 本文将给大家介绍 JavaScript 函数中关于尾调用优化的优点与写法,助你提升编码能力💪 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 1. 尾调用优化是什么 首先,尾调用的概念非常简单:就是指 某个函数的最后一步是调用另一个函数 。那什么是尾调用优化呢? ECMAScript 6 规范新增了一项内存管理优化机制,让 JavaScript 引擎在满足

Read More

面试官:说说你对 node 中的 stream 的理解-多极客编程

大家好,我是CoderBin 前言 面试官:“说说你对Node中的Stream的理解” 紧张的萌新:“好像是一种流?...” 面试官:“...” ······ 又来到了面试官系列,本次讲解的是node中关于Stream的相关知识,属于node知识的范围。希望对大家有所帮助,谢谢! 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 一、是什么 流(Stream),是一个数据传输手段,是端到端信息交

Read More

vue 中的 nexttick 有什么作用?-多极客编程

大家好,我是CoderBin 前言 这段时间在写Vue的项目,有些地方难免会用到nextTick的地方,所以本文将浅析nextTick的作用、使用场景和背后的原理实现,希望对大家有所帮助,谢谢! 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 一、什么是nextTick 先看看官方对其的定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM

Read More

面试官:你说说var、let、const三者的区别-多极客编程

大家好,我是CoderBin 前言 面试官:“你说说var、let、const三者的区别” 紧张的萌新:“var没有块级作用域,let有......” 面试官:“...” ······ 本次又来到了面试官系列,变量声明作为面试当中的高频考点,如果只是回答块级作用域是远远不够的,而它们涉及知识点也是我们准备面试时需要去注意的,这样才能比较全面的回答出它们之间的区别。所以本文将总结var、let、co

Read More

百度工程师带你体验引擎中的nodejs-多极客编程

作者 | 糖果candy导读如果你是一个前端程序员,你不懂得像PHP、Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 JavaScript,如果你熟悉Javascript,那么你将会很容易学会Node.js。当然,如果你是后端程序员,想部署一些高性能的服务,那么学习Node.js也是一个非常好的选择。全文6723

Read More

typescript 前端工程最佳实践-多极客编程

 作者:王春雨前言随着前端工程化的快速发展, TypeScript 变得越来越受欢迎,它已经成为前端开发人员必备技能。 TypeScript 最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。TypeScript 发展至今,已经成为很多大型项目的标配,其提供的静态类型系统,大大增强了代码的可读性、可维护性和代码质量。同时,它提供最新的JavaS

Read More

浅谈 vue3 组件通信-多极客编程

前言 大家好,我是CoderBin,本次又来到了Vue的专题-组件通信。毫无疑问,组件通信是Vue中非常重要的技术之一,它的出现能够使我们非常方便的在不同组件之间进行数据的传递,以达到数据交互的效果。所以,学习组件通信技术是非常有必要的,本文将总结Vue中关于组件通信的八种方式,帮助大家在使用Vue的过程中更加得心应手! 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 一、什么是组件通信 在开

Read More

前端页面之“回流重绘”-多极客编程

大家好,我是 CoderBin “回流重绘”是什么? 在HTML中,每个元素都可以理解成一个盒子,在浏览器解析过程中,会涉及到回流与重绘: 回流:布局引擎会根据各种样式计算每个盒子在页面上的大小与位置 重绘:当计算好盒模型的位置、大小及其他属性后,浏览器根据每个盒子特性进行绘制 具体的浏览器解析渲染机制如下所示: 解析HTML,生成DOM树,解析CSS,生成CSSOM树 将DOM树和

Read More

那些你不知道的炫酷开关交互效果(12种)-多极客编程

本文将继续更新那些炫酷交互效果系列文章,今天带来的是有关 toggle 开关相关的组件。以下是本次文章涉及到的开关组件总览图,总计收集12款不同交互效果,相信总有一款适合你。 那些你不知道的炫酷交互效果系列: 那些你不知道的炫酷按钮交互效果 那些你不知道的炫酷导航交互效果 那些你不知道的炫酷开关交互效果 效果1 基于普通的开关效果增加了向内部延伸的3D效果,核心是通过设置内阴影box-sh

Read More

你真的了解 “对象解构赋值” 吗?关于对象解构的全面解析 ✌-多极客编程

前言大家好,我是 CoderBin。本文将给大家分享 JavaScript 中,有关对象解构赋值的那些代码技巧,希望能给大家带来帮助,谢谢。如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻1. 语法介绍ECMAScript 6 新增了对象解构语法,可以在一条语句中使用嵌套数据实现一个或多个赋值操作。简单地说,对象解构就是使用与对象匹配的结构来实现对象属性赋值。2. 解构的一般使用方式下面的例子展

Read More