目录 一、concat() 二、join() 三、push() 五、shift() 六、unshift() 七、slice() 八、splice() 九、substring() 和 substr() 十、sort 排序 十一、reverse() 十二、indexOf与 lastIndexOf 十三、every 对数组 十四、...

目录 1. 获取文件后缀名 2. 复制内容到剪贴板 3. 休眠多少毫秒 4. 生成随机字符串 5. 简单的深拷贝 6. 数组去重 7. 对象转化为FormData对象 8.保留到小数点以后n位 1. 获取文件后缀名 使用场...

目录 场景 效果 代码 总结 场景 在注册页面输入手机号，在请求注册接口前先行判别输入的手机号码是否合法； 效果 代码 导入 vant-weapp 组件：user-register.json { "usingComponents": { "van-cell...

目录 问题描述 前端控制（方式一） 思路 代码 后端控制（方式二） 思路 代码 总结 问题描述 产品说，出于安全考虑，用户长时间不操作，就回到登录页面，让用户重新登录，就像银行...

目录 前言 一、为什么需要面包屑？ 二、初级封装 1. 实现思路 2. 代码演示 3. 使用 4. 不足 三、进阶封装 1. 实现思路 2. 代码演示 3. 使用 4. 不足 四、高阶封装 1. 思路 2. 代码演示 3. 使用...

本文实例为大家分享了uniapp实现滑动评分的具体代码，供大家参考，具体内容如下 uniapp开发、 滑动评分、点击评分 template view view class="flex" style="margin:200rpx;" block v-for="(item,index) in sco...

目录 什么是LocalStorage 什么是SessionStorage LocalStorage与SessionStorage的区别 LocalStorage与SessionStorage的特点 LocalStorage与SessionStorage的用法 LocalStorage与SessionStorage应用实例 前面把后台的验证机制...

本文实例为大家分享了vue实现带小数点的星星评分的具体代码，供大家参考，具体内容如下 首先我们要先引入vue.js文件 css部分 style main{ position:relative; } .star_line{ /* 设置强制不换行 */...

本文实例为大家分享了js插件实现tab选项卡效果的具体代码，供大家参考，具体内容如下 一、搭建页面 div class="tab" data-config='{ // 在标签里自定义配置 "triggerType": "click", "effect": "fade",...

本文实例为大家分享了js实现简单抽奖小功能的具体代码，供大家参考，具体内容如下 1.场景： 点击按钮开始随机抽取奖品，当停止那刻停留在大屏幕的是抽中的奖品（“谢谢”即为没...

本文实例为大家分享了vue使用echart自定义标签以及颜色的具体代码，供大家参考，具体内容如下 常规样式 UI画的样式效果 细节在于这个小圆点的颜色要和饼图块的颜色一致，这在5.0（...

目录 怎么设置Cookie Cookie的缺点： LocalStorage与SessionStorage存储Token LocalStorage与SessionStorage的主要区别： Vuex存储Token 为什么要使用Vuex 在前端中，实现保持用户登录状态的方法有很多种，...

一个简单的车牌输入组件（vue），供大家参考，具体内容如下 代码： vue代码： template div class="pulls" !-- 精确车牌搜索 -- div class="enterPlate" div class="enterBox" :style="{width:noRightPart==='on''100%...

目录 一.JavaScript基本介绍 二、Javascript基础语法 三、JavaScript事件 例子2：当点击div标签时，做一件事，如点击后弹出对话框。——用id类 例子3：添加标签p，用class类来 四、 Javascript书写...

本文实例为大家分享了Vue实现文件上传和下载功能的具体代码，供大家参考，具体内容如下 1、a标签download属性 在H5中，为a标签新增了一个download属性，来直接文件的下载，文件名就是...

目录 前言 axios封装的好处 封装思路 配置的优先顺序 axios实例配置 1、定义一些常规的配置 2、请求前加一些我们需要的操作， 3、请求返回后，添加拦截操作， 请求接口方法统一管理...

目录 前言 一、封装的意义 二、如何封装？ 1. 准备 2. 开始封装 3. 使用 三、 效果演示 总结 前言 逛购物网站的时候，想必大家都见过鼠标放到商品上，会有一个放大的效果。今天我们...

目录 组件基础结构 目的：实现图片放大镜功能 安装vueuse 功能实现 完整代码 总结 组件基础结构 结尾有完整代码可直接复制使用 目的：封装图片预览组件，实现鼠标悬停切换效果 落地...

创建文件夹 目录结构： dabaots 初始化 npm init -y 生成package.json文件 目录结构： dabaots dabaots / package.json 然后在开发环境中安装以下几个工具 npm i -D webpack·····················...

目录 留言板 所需类库 开源项目 项目结构 留言板 基于nodejs+express+art-template的留言板功能。包含列表界面、添加界面和发送留言功能。 所需类库 直接copy以下 package.json 然后直接 npm in...

目录 实现一个不规则窗体 点击穿透透明区域 实现一个不规则窗体 这里我们实现一个圆形窗体，实现其他形状的窗体与这个方法类似。 首先，把窗口的高度（height）和宽度（width）值修...

本文实例为大家分享了javascript实现数字时钟cc防御http://www.558idc.com/gfip.html特效的具体代码，供大家参考，具体内容如下 先看效果，动态数字时钟 用到了jQuery，但是只是用来获取元素，...

目录 写在前面 登录概述 登录业务流程 登录业务的相关技术点 登录—token原理分析 登录功能实现 登录表单的布局 登录表单的数据绑定 登录表单的验证规则 登录表单的重置 登录预验证...

本文实例为大家分享了JavaScript实现轮播图效果的具体代码，供大家参考，具体内容如下 一、功能： 1、每隔2.5s自动切换下一张轮播图； 2、底部按钮切换对应轮播图； 3、鼠标移入暂停...

最近想用原生JS多实现一些小功能，现在写到博客里，大家可以借鉴，有问题欢迎指出。 轮播图 需求： 图片循环轮播，可点击左右切换，切换状态与li绑定，鼠标移入图片悬停，鼠标移...

目录 写在前边 业务代码使用环境变量 使用webpack.DefinePlugin插件在业务代码中注入环境变量 webpack.DefinePlugin引发的思考 definePlugin所谓的”环境变量“实现方式 JSON.stringify()处理环境变量...

本文实例为大家分享了JS实现用户注册界面功能的具体代码，供大家参考，具体内容如下 1.css代码 *{ margin: 0; padding: 0; } .block{ position: relative; margin: 0 auto; margin-top: 80px; width: 710px; height:...

目录 一、装不进冰箱的大象 二、影分身的字符串 三、如朕亲临的 ‘奇球' 四、扑朔迷离的数字 五、小结：基本类型到底存在哪里？ JavaScript 中基本类型存储在堆中还是栈中？ ---- 不基...

本文实例为大家分享了js实现用户注册功能的具体代码，供大家参考，具体内容如下 1.HTML代码结构 BODY FORM action="success.html" method="post" name="myform" onSubmit="return checkForm()" TABLE border="0" cel...

本文实例为大家分享了js实现登陆与注册功能的具体代码，供大家参考，具体内容如下 1、首先在phpstudy文件中寻找到一个文件名叫 “www” 的文件 在里面创建html，js，php文件； 2、在N...

程序是从上到下顺序执行的，同时可以通过一些控制语句来改变执行的路线，受控制语句影响下，程序最终的执行路线就是控制流。 js 里面的控制语句有 if、for、while、try catch 等，它们...

目录 前言 常用方式 1. 通过父组件on监听子组件emit事件实现修改prop 2. 通过父组件sync修饰符 + 子组件emit事件实现修改prop 取巧方式 3.通过data实现修改prop 4.通过计算属性computed实现修改...

本文实例为大家分享了js实现购物车逻辑和功能的具体代码，供大家参考，具体内容如下 1、购物车的主体内容布局尽量用表格的布局模式 2、判断用户是否登录 代码如下，可以根据自己...

目录 全等和不全等 全等 不全等 相等和不相等 相等 不相等 全等和不全等 全等和不全等比较的是符号两侧的操作数，以全等操作符为例，如果操作数满足全等则返回true，否则返回fal...

注意：需要给父容器一个height和:data='Array'和overfolw:hidden;左右滚动需要给ul容器一个初始化 css width。 先来介绍该组件的用法： 1.安装命令： cnpm install vue-seamless-scroll --save 2.main.js文件中...

本文实例为大家分享了js实现滑动轮播效果的具体代码，供大家参考，具体内容如下 1、构建html样式，代码如下 div class="banner" ul li a href="#" img src="images/1.jpeg" /a /li li a href="#" img src="./i...

npm 卸载 sudo npm u海外服务器https://www.68idc.cnninstall npm -g 要是遇到这句话不能够卸载npm的坑，也不要着急，博主还有别的办法，哈哈哈，接着往下看 首先我们需要进入npm所在的文件夹 c...

轮播动画来提升页面的颜值和交互性能，下面我们将一起学习利用html , css和Javascript等前端开发基础知识来制作一个简单的轮播图。 轮播图简介：在一个网站的某一特定模块，通过电脑...

本文实例为大家分享了vue利用插件实现按比例切割图片的具体代码，供大家参考，具体内容如下 1.使用插件——vueCropper 安装该插件： npm install vue-cropper 结合el-element的上传组件 2.示例：...

列表式的文字的展开和收起的实现，供大家参考，具体内容如下 需求： 1、当文字超出目标值，则截取目标值，其他隐藏,同时显示“展开”二字和下拉箭头； 2、点击“展开”显示所有...

1.安装百度Eslint Rule 插件 npm i -D eslint @babel/eslint-parser @babel/eslint-plugin @ecomfe/eslint-config// react项目npm i -D eslint-plugin-react eslint-plugin-react-hooks // 如果需要支持typescript的话npm i -D @typescript-e...

本文实例为大家分享了vue3.0实现复选框组件封装的具体代码，供大家参考，具体内容如下 大致步骤： 实现组件本身的选中与不选中效果 实现组件的v-model指令 改造成 @vueuse/core 的函数写...

vue3.0出来已经有段时间的了，也与必要开始研究它了！ 先看下我们要实现的效果 很常见的展开显示菜单项的内容，在vue3.0里面怎么开发，这里样式我们用的是bootstrap的默认样式 思路一...

本文实例为大家分享了Vue+Element UI实现下拉菜单封装的具体代码，供大家参考，具体内容如下 1、效果图 先贴个效果图，菜单项没有做样式美化，图中显示的边框也是没有的（边框是外...

其实很多公司都会有类似于用户权限树的增删改查功能，正好最近我刚写了一个树形结构的增删改，在这里和大家分享一下，如果有不合理的地方欢迎评论，我会尽快优化~~ 先附上一下...

本文主要介绍了vue使用echart的饼图数据部分展示百分比，分享给大家，具体如下： 效果图 实现源码 option = { title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : {...

目录 一、基础 二、节点、树以及虚拟 DOM 1、虚拟 DOM 三、createElement 参数 1、深入数据对象 2、完整示例 3、约束 四、使用 JavaScript 代替模板功能 1、v-if 和 v-for 2、v-model 3、事件 按键修...

想必大家都用过JD，在它的首页里面有个很常见的特性：就是 楼梯特效 。 对于程序员的我们，可以说是万物皆可盘。那么，我们就来盘一下它。 先上要实现的效果图： 效果功能描述：...

本文实例为大家分享了jquery实现滑动楼梯效果的具体代码，供大家参考，具体内容如下 思路 ：鼠标滚动的时候页面跟随变化，点击模块时候，实现指哪打哪效果 代码的实现 1.html和cs...