原生js小功能第23页

前端vue uni-app cc-countdown倒计时组件

在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。

前端组件开发·2023-08-01 11:43

创建应用快捷方式，教你如何适配android7.1以上和android8.0的新api ShortcutManager

最近公司有个需求，如何让用户快速使用App里面的某一个小功能，很显然创建桌面快捷很符合这个需求。效果页面可以参考微信或者支付宝的小程序添加到桌面快捷。

sziitjin·2023-08-01 04:57

《cuda c编程权威指南》03 - cuda小功能汇总

1.计时1.1linux#includedoublecpuSecond(){structtimevaltp;gettimeofday(&tp,NULL);return((double)tp.tv_sec+(double)tp.tv_usec*1e-6);}//调用doublestart=cpuSecond();kernel_name>>(argumentlist);cudaDeviceSynchr

Mr.Q·2023-08-01 03:57

React循环遍历渲染数组对象

1,text:'首页'},{id:2,text:'分类'},{id:3,text:'我的'},],nav:1}react得循环渲染跟vue不一样，vue咱们都是用里面封装好的的方法，而react用的是原生

百事可乐☆·2023-07-31 23:45

Ajax基础

Ajax介绍原生JS实现AjaxJQuery实现Ajaxget方式post方式通用方式JSON的处理JSON介绍JSON转换Ajax介绍Ajax是异步的JavaScript和XML多个技术综合，用于快速创建动态网页可实现局部更新原生

·2023-07-31 19:30

【Ajax】笔记-原生jsonp跨域请求案例

原生jsonp跨域请求输入框：输入后，鼠标移开向服务端发送请求，返回用户不存在(直接返回不存在，不做判断)JS案例用户名://获取input元素constinput=document.querySelector

厦门德仔·2023-07-31 14:17

【前端案例】原生js实现一个开关按钮，并记住用户选择

目标是创建一个开关按钮，并且能够记住用户的选择。主要步骤如下：使用CSS创建开关按钮的样式，包括按钮本身和滑块的样式。在HTML中创建一个开关按钮，包括一个隐藏的输入框和一个滑块。使用JavaScript获取之前的开关状态（如果存在），并设置开关的状态。当开关被点击时，使用JavaScript切换状态并保存到本地存储。

且陶陶º·2023-07-31 13:22

swagger测试带token的请求

我们只是需要一个简单的小功能，国外大多是修改Swagger的index页面，而我用的

笨比乔治·2023-07-31 04:04

JavaScript 流程控制

https://github.com/anotherso1a/37Hero/blob/master/chain.js使用原生JS实现一个英雄类Hero,可以按照以下方式调用（考察点：JavaScript

卓三阳·2023-07-31 01:18

原生js实现锚点滚动顶部

简介使用原生jsAPI实现滚动到指定容器的顶部，API是scrollIntoView使用letel=docment.querySelector()获取dom元素el.scrollIntoView()该元素滚动到其父元素的顶部高级用法

白的夜gxw·2023-07-30 15:33

原生js实现完美拖拽

实现拖拽其实很简单1.首先绑定事件，一般应该是鼠标移入事件onmouseover2.然后获取鼠标移入后距离父元素的左，上边距，e.offsetLeft和e.offsetTop3.然后绑定鼠标移动事件onmousemove,计算出鼠标距离浏览器左边，上边的距离e.pageX和e.pageY然后计算出可移动的范围就可以，记得做边界处理、代码如下：varbox=document.getElementBy

微笑向暖hh·2023-07-30 07:50

react native switch 控件的实现

之前一个小功能需要用到switch这个控件,后来发现这个控件在ios和android的显示差异挺大的，而且android偶尔会出现控件不展示的情况，不知道大家有没有同样的问题，后来决定自己撸一个试试。

哎哟我的巴扎黑·2023-07-30 05:25

如何利用原生js动态给一个空对象添加属性以及属性值

访问对象属性一共有两种方法：点获取法和方括号获取法。而我们最常用的就是点获取法了。但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不太好用了，尤其是我们不知道属性名的时候更不好办。这时候，方括号获取法就派上用场了。下面，来看一个例子，就一目了然了。btn.onclick=function(){varcity=input_city.value;varnum=input_num.valu

不醒的兔子·2023-07-30 05:52

原生JS实现整屏滚动（竖屏）

Document*{padding:0;margin:0;}html,body{width:100%;height:100%;overflow:hidden;}.container{width:100%;height:100%;position:absolute;top:0;transition:all.3sease;}.container.section{width:100%;height:10

GJINW·2023-07-30 03:29

浅谈nacos、eureka、consul、coreDNS、zookeeper

之前一整个应用采用的是（单体）巨石的项目结构，功能之间互相引用，一荣俱荣，一损俱损，有时候只修改其中某一个小功能的bug，整个工程都要进行重启微服务就是，把这个巨石项目进行拆解，然后再通过某种方式互相引用

斗码士·2023-07-29 23:31

用策略模式重构表单校验「原生js加强你的js代码逻辑」。

在一个Web项目中，注册、登录、修改用户信息等功能的实现都离不开提交表单。在将用户输入的数据交给后台之前，常常要做一些客户端力所能及的校验工作，比如注册的时候需要校验是否填写了用户名，密码的长度是否符合规定，等等。这样可以避免因为提交不合法数据而带来的不必要网络开销。主要解决了很多冗余的if-else语句，提高了代码的复用性。第一版：简单版本Document请输入用户名：请输入密码：请输入手机号：

有两把刷子·2023-07-29 22:02

axios封装

前言：在一开始前后台交互过程中，我们一般都是使用传统的ajax进行交互，传统ajax指的是XMLHttpRequest（XHR），隶属原生js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话

延飞·2023-07-29 20:26

前端面试题总结原生js+react+vue+webpack+node+算法+计算机基础

+小子日常更新！画地为坑先ts类与js中class类似、修饰符有public、private、protected、readonly接口借助interface关键字，对对象进行约束泛型在定义函数、类、接口时不指定什么类型，而是在在使用的时候指定js闭包函数外部对函数内部变量保持引用的函数优点：独立命名空间缺点：内存泄露应用：单例模式、防抖opp（继承、封装、多态）封装：保存状态和方法，为后续使用做准

戒骄戒躁TBE·2023-07-29 11:01

js面包屑，如何制作面包屑，什么是面包屑，又如何去理解面包屑是什么呢，对于不会应该怎么办呢？这篇文章告诉你。

博主：锅盖哒文章核心：带你了解原生js面包屑框架目录大纲1.面包屑的概念与框架地址2.功能框架预览于介绍框架效果预览：页面架构代码预览：HTML页面预览：权限验证介绍3.面包屑的逻辑下面就是面包屑逻辑1

锅盖哒·2023-07-29 11:55

原生js vue react通用的递归函数

博主：锅盖哒文章核心：原生jsvuereact通用的递归函数目录大纲1.递归函数的由来2.代码逻辑1.递归函数的由来递归函数的由来可以追溯到数学中的递归概念和数学归纳法。

锅盖哒·2023-07-29 11:53

一个Java后端的Vue自学笔记

这篇博客主要记录了我学习Vue基础知识，完成一个TodoList小功能的开发过程。首先进入Vue的官网下载Vue.js

Haozz_1994·2023-07-29 05:33

原生JS实现轮播图效果

CSS部分代码：*{padding:0;margin:0;}.container{width:1130px;height:286px;position:relative;margin:0auto;overflow:hidden;}.wrapper{position:absolute;}.slide{width:1130px;height:286px;float:left;}.slideimg{wi

千锋小书童·2023-07-28 21:31

AJAX

目录1AJAX快速入门1.1介绍1.2原生JavaScript实现AJAX1.3原生JS实现AJAX详解1.4jQuery的GET方式实现AJAX1.5jQuery的POST方式实现AJAX1.5jQuery

莫了个莫·2023-07-28 20:45

【问题探讨】H5 UI渲染心智模型

本文思路先通过一个示例讲述不同的数据渲染逻辑，然后讲两个延伸DEMO来着重说明CLASS和FUNCTION的特点；示例，实现如下一个时钟，页面加载时开始1s跳动一次实现一，原生JS直接操作DOMindex.htmlReactAppindex.js

tom_wong666·2023-07-28 16:03

原生js方法小记

ps:无框架时,使用js的一些功能完成一些小demo记录方法,方便自己查询原生js方法小记String和Array方法替换所有//追加replaceAll方法String.prototype.replaceAll

月蚀～·2023-07-28 14:23

线上代码不符合预期？不妨试一下反编译

背景本周上线发布了一个小功能，功能很小，就是增加了一个if判断，可以简单理解为下面的情况。

51iwowo·2023-07-28 06:19

一个小功能，就能轻松解决！

在Excel中，插入图片也是基础操作之一，也就是【插入】-【图片】……但如果插入100张，甚至1000张图片，而且信息还要对应，用【插入】-【图片】的常规方法来操作，工作量显然就有点儿大了……一、准备数据表中人员的照片。解读：数据表中人员的姓名必须和照片的姓名一致；照片必须放置在同一个文件夹中。二、插入照片。一般的思路肯定是把这些照片插入到表格中，并且一一对应排列好。但问题是人员较多，效率极低……

Excel函数公式·2023-07-28 00:00

楼层跳转滚动条缓慢滑动至当前楼层 vue 原生js

vue的项目，其实jq里有一个animate函数可以直接用，但是不想用jq，而且搜了一下animate，但是都是一个元素出入效果，不是我想要的那种从一个起点滑到另一个重点的那种。1.绑定一个函数里面传参点击这个服务大厅要跳转的滚动条的高度服务大厅2.主要函数递归的思想，这个是我在搜的时候，网上资源乱七八糟一大堆，但是都不适用自己项目，忽然有一篇看着还可以其中的递归点亮了我的脑袋methods:{/

噫危乎高哉·2023-07-27 19:41

axios

axios文档特点支持客户端发送Ajax请求支持服务端Node.js发送请求支持Promise相关用法支持请求和响应的拦截器功能自动转换JSON数据axios底层还是原生js实现,内部通过Promise

不想努力的迪迪·2023-07-27 10:41

js给元素添加类的方法

原生js中添加类的方法//1.为元素添加一个类:document.getElementById("div").classList.add("类名");//2.为元素添加多个类:document.getElementById

贤总_·2023-07-27 10:33

ScaleGestureDetector在两指距离过短时，缩放终止

问题描述ScaleGestureDetector是用来帮助检测缩放事件的类，可以借助它来实现图片的放大缩小功能。

sollian·2023-07-27 02:25

C++面向对象-24-非多态vs多态实现计算器

现在基本上知道了什么是多态，接着我们来一个例子使用多态和不使用多态来实现一个小功能的对比。感受下使用多态带来的便利。1.非多态方式实现计算器这里计算器我们就简单描述成两个数的相加，相减和相乘。

Anthony_tester·2023-07-27 02:05

阿里云部署SpringBoot项目发送邮件功能出现Mail server connection failed:connection timed out问题

前言：最近在自己玩的项目写了一个游客注册的小功能，游客注册后，账号和密码会发送到游客的邮箱。

hanxiaozhang2018·2023-07-27 00:14

Excel单元格插入图片并实现单击放大或缩小功能（含VBA代码）

文章目录0引言1提前准备VBA代码1.1ThisWorkbook的代码：1.2模块的代码：2设置步骤2.1VBA代码设置单元格2.2插入图片到单元格2.3以启用宏的方式保存图片0引言今天有人问我Excel单元格插入图片并实现单（双）击放大的功能该怎么设置，百度和Google了一下，发现大多数是利用插入批注的方式，但不是很方便，后来看到有人用VBA代码实现了这个功能，更加方便和灵活，插入多个图片也没

ZPILOTE·2023-07-26 11:43

SpringBoot之小彩蛋：动态Banner

SpringBoot还有一个小功能，更换Banner，这个图标是可以换的。在resources文件夹下新建banner.txt。

Haozz_1994·2023-07-26 05:27

【前后端数据交互】原生JS的Fetch请求封装

属于原生JS范畴，技术核心是XMLHttpRequest对象。

MagnumHou·2023-07-26 04:15

qs库的使用

在对一些数据的处理上，使用原生js可能会比较麻烦，但是在qs中已经封装了很多好用的方法。接着往下看吧~让我们在数据处理上，游刃有

学学学无止境·2023-07-25 16:48

insertAfter实现

用原生JS实现在一个dom元素后插入新的节点？在js的domapi中有insertBefore()方法在已知子节点的前面插入新的子节点。

lihuanji·2023-07-25 12:07

VUE3（六）项目配置使用404页面

实现这个小功能我用到了vue-router的路由守卫功能。

camellias__·2023-07-25 11:57

P1083[NOIP2012提高组]借教室题解

教室的大小功能不同，借教室人的身份不同，借教室的手续也不一样。面对海量租借教室的信息，我们自然希望编程解决这个问题。

xxxalq·2023-07-25 11:15

原生js 复制功能

functionhandleCopy(){constrange=document.createRange();range.selectNode(document.getElementById('echo_url'));constselection=window.getSelection();if(selection.rangeCount>0)selection.removeAllRanges();

高神龙拒绝做个菜鸟·2023-07-25 08:44

原生js将html页面变成pdf文件（html2canvas+jsPDF ）

一、html2canvas–将dom变成图片：下载或者安装html2canvas：官网1、将文档放在本地，用原生js进行引用和使用。

ᥬ 小月亮·2023-07-25 08:10

原生js和jQuery中鼠标,元素位置的区别

Yovii·2023-07-25 04:48

第三章：小功能大用处-事务

书本上这一章节的介绍是事务及Lua的，这里只截取事务部分，Lua要深入了解的话请自己找书本来看。3.4.1事务熟悉关系型数据库的读者应该对事务比较了解，简单地说，事务表示一组动作，要么全部执行，要么全部不执行。例如在社交网站上用户A关注了用户B，那么需要在用户A的关注表中加入用户B，并且在用户B的粉丝表中添加用户A，这两个行为要么全部执行，要么全部不执行，否则会出现数据不一致的情况。Redis提供

super_pcm·2023-07-25 00:04

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。

前端组件开发·2023-07-24 18:22

SSM整合案例【C站讲解最详细流程的案例】

其他小功能如果有想法的读者可以自行添加，作者有更重要的事情需要做哦。

会洗碗的CV工程师·2023-07-24 14:33

原生js实现数字滚动效果demo

DocumentvarnumId=document.getElementById("numBox");functionNumAutoPlusAnimation(startNum,endNum){varstep=(endNum-startNum)/20;//颗粒化可以控制速度varcount=startNum;vartimer=setInterval(()=>{count=count+step;if

岁月如歌_·2023-07-24 13:23

面向对象的六大原则

1.单一职责：英文缩写：SRP就一个类而言，应该仅有一个引起它变化的原因，目的是降低耦合度，让一个大功能拆分出不同的小功能，分别管理，不然都写在一个类里这个类会越来越大。

强总的日常·2023-07-24 07:22

前端Vue自定义开屏启动广告组件，点击广告图跳转广告详情