原生js 第15页

React学习笔记（上）

1.原生JS操作DOM繁琐，效率低2.使用JS直接操作DOM,浏览器会进行大量的重绘重排3.原生JS没有组件化编码方案，代码复

山雀~·2023-06-09 05:36

[转载]jQuery数据类型

原文地址：jQuery数据类型作者：巧克力棒jQuery除了包含原生JS中的内置数据类型(built-indatatype)，还包括一些扩展的数据类型(virtualtypes)，如Selectors、

adelyspace·2023-06-08 20:44

html 原生js手写树仿照antd 样式

效果如图varopensvg=''varclosesvg=''varfilesvg=''//递归函数生成树的节点functioncreateNode(data){varli=document.createElement("li");vardiv=document.createElement("div");div.classList.add("nodetree");if(data.children)

Brian_Jing·2023-06-08 20:09

可添加删除修改等操作的web tab栏，原生js html css源码

话不多说，先上图：当点击右侧的加号，会自动动态创建新的一个选项，如下图：当点击标签右上角的叉号，会删除选项栏：双击tab栏某一选项栏，可以更改选项栏的内容，如下图：接下来废话不多说了，上源码：htnl机构：tab栏切换*{margin:0;padding:0;box-sizing:border-box;}.fence{margin:100pxauto;width:1000px;height:300

sfafoa·2023-06-08 17:11

手写ajax jsonp 以及对fetch的封装

jQuery,Vue,React用了好几年,我们习惯性使用ajax库进行一层简易的封装，然后向后台请求数据，而事实接触原生js请求并不是很多，所以手写了ajaxjsonpfetch的封装,用来温故一下以前的知识

禾小沐的技术与生活·2023-06-08 13:15

ECharts + geoJSON 绘制地图_下钻功能_Vue React 项目组件封装

这篇文章会介绍「H5+原生JS」和「封装React组件」中两种实现方式。「H5+原生JS」参考文章（1）中的代码已经实现了展示全国地图和点击省市自治区下钻的功能，但是每个区域的颜色是一样的。

MercuryWang·2023-06-08 11:20

uniapp 按时间排序当前以后七天时间

前两天做了一个项目预约时需要处理未来一周日期；就用原生js整了一个虽然有点繁琐，但能用直接先看效果吧接下来看怎么实现的先获取当前日期并将其转换成xxx-xx-xx的格式然后声明一个数组在其放入星期然后根据当前日期获取当前周几

嘘~！·2023-06-08 09:39

原生JS的拖拽属性draggable（详解）

摘要作为h5新增的属性draggable，它能够给与一切的html元素拖动的效果。而在这个属性之下，也有着关于拖动效果的各个方法。而这一篇文章，主要就是说一下关于draggable属性的使用以及工作场景。1.了解draggable属性的使用对我来讲，我希望在学习一个知识的时候，最开始就有显而易见的效果，所以我先写一个能够让人感受到draggable属性作用的例子：对于拖拽，常见的场景一定有两个角色

搞前端的小菜·2023-06-08 04:57

jquery基础认识jquery

2.原生js的api名字都太长太难记。3.原生js有的时候代码冗余。4.原生js中有些属性或者方法，有浏览器兼容问题。5.原生js容错率比较低，前面的代码出了问题，后面的代码执行不了了。

小小程序员.¥·2023-06-08 03:52

Vue基础学习

第一章vue01-初体验原生js，jquey：编程范式：命令式编程；vue：编程范式：声明式编程还有一种编程范式：面向对象编程（第一公民：对象）/函数式编程（第一公民：函数）{{message}}varvm

李牧九丶·2023-06-07 23:40

jQuery基础【李江南网课笔记整理】（持续更新）

不用下载直接引用：先下载JQuery库到本地目录，然后引用下载的库jQuery与JavaScript入口函数加载模式对比原生JS和jQuery入口函数的加载模式不同原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行

一只小粉·2023-06-07 19:26

原生js实现下拉多选框组件

下拉多选框666777333*{margin:0;padding:0;box-sizing:border-box;}li{list-style:none;}.box{width:300px;position:relative;top:50px;left:50px;}.top{height:45px;display:flex;position:relative;}.topinput{width:30

奶粉罐没粉·2023-06-07 03:01

vue-hash-calendar，移动端日期时间选择插件（使用篇）

按照惯例，先上效果图calendar.gifvue-hash-calendar基于vue2.X开发的日历组件支持手势滑动操作·1原生js开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周

HashTang·2023-06-06 23:04

by组态-web组态软件

BY组态介绍BY组态软件,专注于能源电力、工业互联网、智能制造、原型设计等领域的大屏可视化、工艺流程监控、后台管理、手机平板多终端的"拖拽式"在线web组态开发平台软件架构开发语言：原生js，html，

·2023-06-06 21:17

animate用法 js原生_animate动画、原生JS实现轮播图

写在前面最近在写项目的时候，才发现自己对css3这部分的内容已经生疏了，复习css3的时候，看到animate属性，就用其写了个焦点轮播图，当然自己也用原生JS码了个，当然css3动画无疑是锦上添花，还是要多总结啊

weixin_39834984·2023-04-21 19:39

js前端面试题(每日两道3)

1.类名操作(原生js操作name的增删查)完成几个DOM元素类名操作的工具方法：addClass(dom,name)：给dom元素添加类名nameremoveClass(dom,name)：把dom元素的类名

张凯斯·2023-04-21 08:04

点击图片放大恢复功能

原生js

快乐的搬砖人·2023-04-21 07:15

原生JS简单二维码弹窗（用于推广页或追求原生JS）

如题，快速让页面想要的按钮建立点击事件并弹窗显示一张二维码或者自定义内容的JS源码。CSS代码的如图效果的弹窗样式，可以根据自己的应用场景样式调整，比如颜色，窗口大小等。HTML代码这里是演示用的，具体的要根据自己需求设置class值即可。JS代码是核心部分，如果没有太多需求，直接使用，或者学习研究一下也是有帮助的。因为需求比较简单，运行后自己尝试后还是有优化空间的。视情况今后再优化吧！当然也可以

科科分享·2023-04-21 03:54

Ajax详解

2、AJAX的优势不需要插件的支持，原生js就可以使用用户体验好（不需要刷新页面就可以更新数据）减轻服务端和带宽的负担缺点：搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到3、AJAX的使用在

东方青云、·2023-04-21 00:19

学习 typescript 基础语法

undefined，enum,symbolnull,undefined是其它类型的子类型，其它类型可以赋值为这两个类型void无返回值的意思任意值any可以赋值为任意类型不给变量指定类型，就会被认为是任意类型，跟原生

阿畅_·2023-04-20 09:28

9.17 Day54----ElementUI消息提示

$message()即可另外，你还需要关注$message()函数的参数2.在js文件中使用原生js

您算哪块小饼干?·2023-04-20 08:36

前端开发之路--常见的跨域问题解决方案二

原生JS实现JSONPJSONP解决方法。就是利用script标签的src属性去加载数据。

唐人不自醉·2023-04-20 07:11

jquery之——滚轮事件、正则

滚轮事件与函数节流jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼容，可以使用jquery的滚轮事件插件jquery.mousewheel.js。

咻咻咻滴赵大妞·2023-04-19 21:12

原生JS如何发送POST请求？XMLHttpRequest来帮忙

平常用jQuery的Ajax请求习惯了，忘记了原生JS发送请求的方式，复习一下varurl="http://localhost:8080/login";varhttpRequest=newXMLHttpRequest

karlhong_weihao·2023-04-19 15:21

原生JS写一个首字母排序的通讯录效果

点击查看效果demo思路上先将要排序的数据进行汉字转换成拼音,根据首字母进行分类,然后将分类后的数据都有哪些首字母放入右边的导航中,并将分类好的数据渲染进页面.最后给右边的导航中加上点击事件并滚动到内容的对应位子.html排序*{padding:0;margin:0;}body{width:100%;height:100%;}ul,li{list-style:none;}.content{widt

墨咎·2023-04-19 07:12

原js笔记

s原生JS笔记电话：17339853876（微信同号）二阶段学习内容1、B/S架构（web结构）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4LYi0Arv-1641803458638

Pwsifeng·2023-04-19 07:07

【vue2】使用vue-admin-template动态添加路由的思路/addRoutes的使用

博主：初映CY的前说(前端领域),本文核心：用原生js实现省市区联动【前言】在通用的后台管理项目的开发中，不仅仅是会涉及到对表单数据等的增删改查操作还会涉及到一些关于权限管理的问题。

初映CY的前说·2023-04-19 05:16

数据可视化Echarts学习指南

01-使用技术完成该项目需要具备以下知识：div+css布局flex布局Less原生js+jquery使用rem适配echarts基础02-案例适配方案设计稿是1920pxflexible.js把屏幕分为

Aaron_Yang.·2023-04-19 05:37

js遍历循环for/for...in/for...of/forEach()/map()

在循环（代码块）开始前执行语句2定义运行循环（代码块）的条件语句3在循环（代码块）已被执行之后执行//实例：for(vari=0;i{console.log(item);});image.png【5】原生

赵Wayne·2023-04-18 22:24

Fetch

fetch不是ajax的进一步封装，而是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象。

weixin_30484739·2023-04-18 10:51

web前端入门到实战：原生JS快速实现拖放（drag and drop）效果

拖放是很常见的一种交互效果，很多时候我们都会借助于第三方的控件来实现，其实用原生js实现起来也非常的方便。

大前端世界·2023-04-18 09:20

web小游戏开发：扫雷（二）

web小游戏开发：扫雷（二）引入jquery代码界面分离重构界面将游戏封装开始对封装的内容进行填充js部分说明样式部分的一些说明部分事件定义的说明小结引入jquery因为用原生js进行事件处理相对麻烦一些

文盲老顾·2023-04-18 02:23

element-ui vue input输入框自动获取焦点聚焦方式

目录element-uivueinput输入框自动获取焦点聚焦方法一方法二vue输入框自动获取焦点的三种方式方式一：原生JS操作DOM方式二：ref方式实现方式三：使用自定义指令总结element-uivueinput

·2023-04-18 01:41

js复制文本到剪贴板

一个不分离项目的紧急需求,需要添加一个复制功能,作为一个小菜鸟,自己写肯定写不出,也记不住那么多方法,之前分离项目,npminstall安装插件就好了,但是不分离项目不好找对应插件,期望使用原生js在经过百度

执笔于情·2023-04-18 01:06

js跨域

这个原理解释的不错动态创建script标签(由事件触发)这篇文章挺全的JS解决跨域汇总还有这个也比较全js中几种实用的跨域方法原理详解原生JS实现跨域

小杺·2023-04-17 21:28

css变量用法（原生js、小程序）

背景：写一个动效，需要先请求接口拿到数据，再根据数据计算高度，此时便想到了scss、less变量写法，但由于项目是css，那么在微信小程序css是否也可以像scss/less一样，支持变量写法呢？答案肯定是可以的。总结一下小程序css使用变量的用法：1、css原始定义方式首先在原生的html、css中是支持css变量的，在root节点里定义所需变量，便可以在整个页面使用，约定变量以--开头，调用的

吃鱼吐泡泡·2023-04-17 17:22

VUE以及原生js实现像企查查那样点击按钮实现复制文本的功能实例

这里解释下代码：：data-clipboard-text是指的是复制的文本@click是点击复制的方法{{$t("common.copy")}}importClipboardfrom'clipboard';//点击复制的方法copy(){varclipboard=newClipboard('.copyBox')clipboard.on('success',e=>{this.$message({me

呆呆加油呀·2023-04-17 11:48

原生JS三种方式判断元素是否存在某个类名

1.如果不考虑兼容IE10以下的话，可以用HTML5中的classListAPI，非常方便：letmodulYes=document.querySelectorAll('.modulli')for(leti=0;i{if(modulYes[i].classList.contains('checked')){//表示含有'checked'这个类名modulYes[i].classList.remov

唯吾听烟雨·2023-04-16 20:26

vue结合原生js实现滚动定位字体闪烁和搜索过滤效果

来看效果html使用elementUI的Popover弹出框和input组件{{scope.row.no}}.{{scope.row.text}}任务步骤关键:@change:仅在输入框失去焦点或用户按下回车时触发事件设置一个ref方便获取dom元素功能滚动定位滚动定位我们可以使用scrollTopElement.scrollTop属性可以获取或设置一个元素的内容垂直滚动的像素数。更多属性信息可查

Shaelyn_·2023-04-16 17:17

初始React

使用原生的JS操作Dom繁琐，效率低（DOM-API操作UI）使用js直接操做DOM，浏览器会进行大量的重绘重排原生JS没有组件化编码方案，代码复用

南瑜呀·2023-04-16 15:45

为什么说vue是一个渐进式框架？

在最初的前端开发中，为了完成一些功能，我们需要通过原生js获取html中的DOM节点，随后插入内容或添加事件，进行一系列操作。

LinkVoid·2023-04-16 15:24

前端秘籍之=＞八股文经卷=＞(原生Js篇)【持续更新中...】

目录JavaScript部分1.JavaScript有哪些数据类型，它们的区别？2.数据类型检测的方式有哪些？3.Null和undefined有什么区别？4.如何获取安全的undefined值？5.Object.is()与比较操作符“===”和“==”的区别？6.谈谈什么是JavaScript中的包装类型？7.为什么会有BigInt类型的提案？8.如何判断一个对象是空对象？9.const声明的值能

旧梦星轨·2023-04-16 09:19

electron开发本地音乐播放器踩坑总结

github地址技术用electron、原生js。先看最终产品效果，首先是空白列表。

_小_七_·2023-04-16 08:29

用原生js实现jq的load()

在工作我碰见了一个老项目用到了jq的’load()‘,我想不用jq，那我该用原生怎么实现了？jQuery的load()方法是用于异步加载HTML文件或者元素的，使用原生JavaScript可以通过XMLHttpRequest对象来实现类似的功能。functionload(url,callback){constxhr=newXMLHttpRequest();xhr.onreadystatechang

晨宇烁·2023-04-16 07:35

基于grid布局实现页面元素的动态拖拽替换

基于grid布局实现页面元素的动态拖拽替换本人看见网上的都是基于flex布局的动态拖拽，就想尝试写一下grid布局的拖拽实现一下，于是有了本篇文章，本篇主要都是基原生js实现，文章主要时提供了一个思路，

晨宇烁·2023-04-16 07:05

原生js对数组进行分组,按照按时间正序排序

//根据name属性值相同的数据进行分组constselectRows=[{name:'一组',groupDate:'2022-01-2017:30:12',status:'状态一'},{name:'一组',groupDate:'2022-01-1213:02:24',status:'状态二'},{name:'二组',groupDate:'2022-01-221:04:45',status:'状态

如_我所愿·2023-04-16 04:27

vue核心-虚拟DOM

合并成一个RenderTree有了RenderTree，浏览器便能获取到每个节点的CSS定义和从属关系，从而可以计算出每个节点的现实位置通过上一步的计算规则进行绘制页面浏览器渲染流程虚拟DOM产生的背景用原生

古月丶·2023-04-15 20:48

【JavaScript】原生js实现省市区联动效果

博主：初映CY的前说(前端领域),本文核心：用原生js实现省市区联动【前言】今日在复习省市县三级联动的时候，有点忘了原生的js应该怎么样处理省市县的联动，特此写下来再次复习下目录⭐实现思路⭐思路转化为代码

初映CY的前说·2023-04-15 18:23

原生JS获取用户地理位置

获取用户地理位置关键api：navigator.geolocation.getCurrentPosition(showPosition,showError,option)其中三个参数分别表示：showPosition:成功的回调showError:错误的回调option:数据获取的方式showPosition属性coords.accuracy：获取位置的精度coords.altitude:获取海拔

刘凯gg·2023-04-15 04:03

1.React 简介

原生：所有React代码都是用原生JS书写而成，不依赖其他任何库。易扩展：React对代码封装程度较低

Aziel~·2023-04-15 00:29

推荐频道

原生js