相关文章
前端——tab 栏切换案例
案例
当鼠标点击上面相应的选项卡（tab），下面内容跟随变化
分析 Tab栏切换有2个大的模块上面的模块选项卡，点击某一个，当前这一个底色会是红色，其余不变（排他思想） 修改类名的方式下面的模块内容，会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面。规律：…
装饰器模式-前端设计模式
首先装饰器这个词语 所谓的装饰 就是在原有的基础进行改进，不会破坏原有的结构 比如手机壳， 它就是一个装饰品 有这样的一个功能需要在一个圆上添加一个红色边框 class Circle {draw() {console.log(画一个圆);}}let circle new Circle()circle.draw()我…
【手机号验证/前端】Vue2+elementUI编写一个手机号验证码登录页面，路由式开发（附完整代码）
目录
效果图：
一、template部分
二、style样式
三、script部分
1.先对手机号的格式进行一个判断
2.接下来就是表单验证规则rules
3.最后就是methods了
（1）首先我们给获取验证码绑定一个方法
（2）然后封装一个a…
Bootstrap4 手机和PC端 前端适配
前言
因为正好接手到这个项目，网站使用的是 Bootstrap4.5.0的库，之前用的一直是 3.x 的库这边记录一下遇到的坑。
先附上Bootstrap4官方文档
简介 Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网
(顺便吐槽一下，这个说是中文文档&#…
前端调用手机摄像头权限进行扫码解析
前端调用手机摄像头权限进行扫码解析（demo含Vue及原生） 前端调用手机摄像头权限进行扫码解析（demo含Vue及原生js写法）引子实践此时已经可以成功调用摄像头，接下来集成进Vue工程中最后 前端调用手机摄像头权限进行扫码解…
前端Svelte框架初体验
最近这些年，随着React、Vue、Angular三大框架逐渐稳定，前端技术栈的迭代似乎也渐渐缓慢下来。并且随着React 16版本推出 Fiber， Vue 3.0 版本的正式发布，前端三大框架都有了自己的护城河。
不过话说回来，十年前我们谁…
Web前端视频学习笔记（手机初稿）
HTMLCSS系列教程 目录 一、拨云见日 HTML CSS 切图流程 PC企业站布局 PC游戏站布局 二、溯本求源 扩展HTML 扩展CSS HTMLS新语法 CSS3新语法 兼容与hack 三、风生水起 弹性布局 网格布局 移动端布局 响应式布局 Bootstrap 四、巧夺天工 预编译css postcs…
前端面试八股文（详细版）—上
本文将详细讲解 HTML 、CSS 、JavaScript 、计算机网络知识等方面的内容，Vue 、React 、git 、项目开发实例等内容放在下篇，预祝各位成功上岸！ 第一板块：JavaScript
ES6 新增内容
1、模板字符串 变量名写在 ${} 中，$…
2022年前端技术发展趋势
最近，字节跳动技术团队公布了一份关于 2022 年前端技术的发展趋势预测，总结了新的一年前端技术可能发生的6个变化，下面我们来参考一下。
1，前端新标准
2014 年 10 月 28 日，W3C 正式发布 HTML5.0 推荐标准让前端技术…
前端开发攻略---实现发送手机验证码60s倒计时效果（手机号验证+按钮文字自定义显示+Vue2写法+Vue3写法）
1、演示 2、说明 1、为了便于演示，本示例将在3秒后就再次发送。您可以根据需要自定义此时间间隔。 2、采用最少的变量以满足需求，以减少内存占用。 3、不仅仅局限于按钮情况，也可应用于不禁用按钮的情况，以实现更多的扩展性。 4、…
前端隐藏手机号中间几位字符
通过replace和正则实现隐藏手机号的功能。
replace() 方法返回一个由替换值替换部分或所有的模式匹配项后的新字符串。模式可以是一个字符串或者一个正则表达式。该方法并不改变调用它的字符串本身，而只是返回一个新的替换后的字符串。
然后通过正则把手机号分为三…
