原生Jｓ第19页

React各版本性能优化方案原理分析

前沿开发动画复杂或是很重的项目react真的会比原生js性能要好吗？

野蛮生长_ed2e·2023-03-13 01:52

uniapp路由传多个参数_原生 js 实现一个前端路由 router

biaochenxuying.github.io/route/index.html2.淡入淡出效果：https://biaochenxuying.github.io/route/index2.html1.需求因为我司的H5的项目是用原生

weixin_39949297·2023-03-11 18:22

谈谈原生 JS

既然这些库这么好用，还有必要去学习原生JS吗？

技术与健康·2023-03-11 13:12

移动端开发rem模式开发

1，通过js来改变html的根目录字体大小来动态改变界面的字体大小来自适应，2，最好放在全局变量里面，让整个页面都共用，3，每个盒子里面要设置字体大小不然变大屏幕字体会看不见，原生js代码其中document.addEventListener

凉柠_da5d·2023-03-11 10:50

原生JS手写一个登录注册

首先写一个登录界面Document注册昵称邮箱密码lethash={}$()*{margin:0;padding:0;}*{box-sizing:border-box;}body{display:flex;min-height:100vh;justify-content:center;align-items:center;flex-direction:column;}.form-wrapper{b

不爱举铁的伪文青不是好前端·2023-03-10 14:34

对虚拟DOM的一些理解

比如说我们要操作一个数据报表，大概有几百条数据，要对其进行排序的操作，若使用原生JS来操作，对DOM元素进行一个排序操作起来很麻烦，也很难实现。

小废柴JH·2023-03-10 10:01

图片上传七牛token失效

由于公司后台web需要兼容到IE8，对上传图片的模块进行了修改，本来是运用h5自带的上传文件方法，但是在IE8,9中原生js不支持input=file，所以参照了七牛提供的上传方法。

jcf_webworker·2023-03-10 04:50

原生js实现瀑布流布局

首先是布局然后要完成瀑布流布局，必须要用定位接着就是js了，先请求ajax数据接着就是瀑布流了到这一步就算是完成了，看一下效果觉得还可以的就点了关注吧

无味的代码·2023-03-09 22:50

DOM映射+ajax

原生JS和jQuery在DOM映射中的区别在原生JS中，有DOM映射，改变页面内容，JS中获取的元素集合同时改变在jQuery中，没有DOM映射，只有等元素插入到页面之后，才能获取jQuery中数据获取

Dream_丹丹·2023-03-09 19:04

字符串的简单运用

原生js实现字符串去除两边的空格varStr="qwert",functionRemmovespace(str){varstr1=Str.replace(/^\s*|\s$/g,"")}Remmovespace

人生如梦_0335·2023-03-09 05:59

原生JS实现图片轮播 JS实现小广告插件

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

·2023-03-08 21:22

2021年滴滴出行前端面试题目（一面）

------------理论部分-----------------------------------------------------2.前后端你都用过哪些技术3.了解BFC么，简述一下BFC4.原生

疯狂的GISer·2023-02-28 07:33

原生js XMLhttprequest请求onreadystatechange执行两次的解决

目录原生jsXMLhttprequest请求onreadychange执行两次关于readyState不同状态总结(0)未初始化(1)载入(2)载入完成(3)交互(4)完成总结原生jsXMLhttprequest

·2023-02-27 18:43

Vue-cli3中使用TS语法示例代码

类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。

·2023-02-27 18:08

Vue3获取DOM节点的3种方式实例

目录1.原生js获取DOM节点：2.vue2中获取当前组件的实例对象：3.vue3中获取当前组件的实例对象：总结1.原生js获取DOM节点：document.querySelector(选择器)document.getElementById

·2023-02-27 18:49

原生JS面向对象实现打砖块小游戏

本文实例为大家分享了JS实现打砖块小游戏的具体代码，供大家参考，具体内容如下通过面向对象,通过修改对JS的调用次数可直接设置打砖块游戏的个数小球的反弹速度以及反弹方向都设置了随机值,当小球与砖块发生碰撞时,会使砖块display属性设置为none,从而达到消失的效果.HTML代码: Document *{ margin:0; padding:0; }

·2023-02-27 18:54

原生js实现在线批量打包压缩下载多个word文档

先引入这三个js//github下载地址：https://github.com/Stuk/jszipnpminstalljszip//FileSaver.min.js：https://download.csdn.net/download/weixin_45791806/87272893测试的HTML120以内的退位减法口算练习题120以内的退位减法口算练习题120以内的退位减法口算练习题120以内

YH丶浩·2023-02-22 16:35

uniapp使用悬浮窗组件添加点击事件的处理方法以及拖拽出界的问题

如果用原生Js写会异常的复杂，所以使用那些大佬们已经开发好的组件会使开发变得异常的简洁。我刚来亚信实习的时候，接手了项目---生产端H5的开发。

小刘加油！·2023-02-22 16:32

Js如何删除所有子元素以及当前元素

示例展示deleteallelem具体描述在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的原生js代码//

itclanCoder·2023-02-21 13:55

Js如何实现升序和降序

前言在网页中,实现列表的升序和降序,是一个比较常见的操作,尤其是在做一些数据栓选表格的时候,按照索引,时间等特定的参数,提供升序和降序排列的功能的具体示例sort原生js在原生js中主要是操作DOM,遍历节点

itclanCoder·2023-02-21 13:55

element table 行高列宽拖拽调整

实现说明：全部基于原生js,不依赖任何插件，可以直接使用。实现思路：1.列宽的调整最终是通过调整如上图的col元素的width属性实现列宽调整的。

前端 - wei·2023-02-21 11:38

uniapp打包H5与uniapp打包apk交互，实现扫码功能。

由于项目使用的某些依赖包是原生js，所以使用uniapp打包apk的时候会报错，不晓得怎么去解决，所以就使用套壳的方法。

让我摸摸啊·2023-02-20 10:16

AsyncTask GET请求

布局实现代码/***使用异步任务下载网络数据*使用gson解析*注：有时间看看我讲的原生json解析*/publicclassMainActivityextendsAppCompatActivityimplementsView.OnClickListener

Android初学者·2023-02-19 03:05

转行WEB前端感觉很迷茫该怎么做？

在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及

web前端学习指南·2023-02-19 02:07

原生JS实现fullpage全屏滚动选项卡以及轮播图实现

1.全屏滚动选项卡*{padding:0;margin:0;}ul{position:fixed;right:10px;bottom:200px;}li{width:20px;height:20px;border-radius:10px;border:1pxsolidblack;font-size:15px;list-style:none;text-align:center;background:

VivaLaVida_692c·2023-02-18 23:58

原生js知识点回顾（2）

数组vararr=newArray();//用构造函数的方式创建一个空的数组vararr=[];//用字面量（直接量）的方式创建一个空的数组eg：vararr=newArray("a","b","c");//数组的3个成员（元素）vararr=["a","b","c"];vararr=newArray(4);//开辟了4个空间，每一个空间的内容没有定义vararr=[undefined,undef

孤岛上的叶子·2023-02-17 23:23

Vue项目中点击按钮实现全屏模式

使用原生js实现全屏screen(){letelement=document.documentElement;if(this.fullscreen){if(document.exitFullscreen

一只章鱼哥·2023-02-17 14:25

Vue-基础知识及指令

为什么要学习流行框架企业为了提高开发效率:在企业中，时间就是效率，效率就是金钱;企业中，使用框架，能够提高开发的效率;提高开发效率的发展历程:原生JS->Jquery之类的类库->前端模板引擎->Angular.js

wanminglei·2023-02-17 00:54

vue

焦点即光标，就是闪动着的小竖线3、绑定属性或class最简单的一种绑定是绑定一个变量，如:type="msg"1、在data属性中定义变量2、在DOM中绑定变量3、在methods或其他地方处理改变量相比较于原生

自由落体_4deb·2023-02-07 12:41

Input输入限制及格式化(PC&Mobile)

实现-原生JS/Vue页面/Vue组件/Vue指令原生JS演示(数字输入框)原生JS演示数字输入框letvalue=''letregExp=newRegExp(`^(0|[1-9]\\d*)$`)document.getE

细只·2023-02-05 16:12

js | 关于原生js的三道基础面试题

原生js是前端的基础,如过javascript掌握不好,那后面的三座大山(angularJS,reactJS,vueJS)就要一直学习使用方法也不得其要领,无法对源码进行深入的了解.偶然得到三道面试题,

一把伞骨·2023-02-05 16:34

【JavaScript】第二十三天 (jQuery)

简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。我们可以快速高效的使用这些封装好的功能了。

W菜菜·2023-02-05 14:04

原生js操作元素类名(classList,classList.add...)

1、classListclassList属性是一个只读属性，返回元素的类名，作为一个DOMTokenList集合(用于在元素中添加，移除及切换css类)length:返回类列表中类的数量，该属性是只读的.lis{width:200px;height:100px;background-color:skyblue;}.box{width:100px;height:100px;border:1pxsol

Dcripple·2023-02-05 14:03

轮播图

原生js实现幻灯片.container{width:100%;height:500px;position:relative;}.content{width:900px;height:450px;position

徐嘉迪_2021强化班·2023-02-05 10:15

原生js面向对象实现函数节流@郝晨光

函数节流（throttle）限制一个函数在一定时间内只能执行一次。函数节流的使用场景当事件不需要频繁的被触发，但是由于特定DOM事件的原因不断的触发事件的时候在你需要用它的时候，你自然而然会知道是什么时候！如：input事件，resize事件，scroll事件，mousemove事件，touchmove事件等只要发生操作就会频繁触发的事件例如：scroll滚动加载，scroll滚动控制头部显示隐藏

郝晨光·2023-02-05 09:56

一个基于原生前端代码开发的一些好玩的例子

https://zxl20070701.github.io...包含常见的图片编辑、格式转换、视频播放和小游戏等各种工具，纯原生js开发，包括打包工具、前端框架和具体应用，无任何第三方依赖。

·2023-02-05 09:43

整屏滚动

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

你想Ta吗·2023-02-04 19:28

2019-05-20原生js操作

1.获取节点1.1直接获取a)通过id值来获取节点:document.getElementById(id属性值)-返回是标签对应的节点对象补充:HTML标签在js全部都是对象，标签的属性就是对象的属性；双标签的内容对应是innerText和innerHTML属性innerHTML指向的是内容的文本和标签；innerText只指向内容中的文本1.获取节点//1.1直接获取//a)通过id值来获取节点

十点半的橙汁·2023-02-04 01:05

原生js实现文件上传

functionsaveUser(){varfile=document.getElementById("file").files[0];//原生ajax实现文件上传varformData=newFormData();if(file){formData.append("file",file);console.log(file)}//得到xhr对象varxhr=null;if(XMLHttpReque

晨阳_92d3·2023-02-03 19:20

Vue2：如何通过axios发起Ajax请求

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

孤安先生·2023-02-03 10:16

原生JS trim方法的实现

原生JStrim方法的实现varstr="12abc";functiontrimStr(str){varnewStr=""for(vari=0;i=0;j--){if(newStr.charAt(j)!

也在水湄·2023-02-02 21:58

原生JS获取被点击元素Selector路径

一、HTML文件：获取点击元素Selector路径span{display:inline-block;height:20px;background-color:blanchedalmond;margin:2px;padding:6px;}table{margin:20px0;background-color:aliceblue;}thead{font-weight:bold;}td{border-

风吹我已散博客·2023-02-02 14:34

vue2与vue3有什么区别？

1.vue3固然是优点多多的，其3个主要的优点有：（1）按需引用；（2）组合式api：更加接近原生js，更加直观；（3）vue3新增的setup中没有this，也就是说vue3更有效地降低了代码地耦合性

六月绮·2023-02-01 21:00

44 jQuery概述和基本使用

简单理解：就是一个js文件，里面对我们原生js代码

CurryCoder·2023-02-01 20:02

原生js淡入淡出

//轮播样式#index{position:absolute;right:40px;bottom:20px;}#indexli{width:8px;height:8px;border:solid1pxgray;border-radius:100%;background-color:#eee;display:inline-block;}#img{width:720px;height:405px;}#

小耗子不吃药·2023-02-01 20:49

原生JS实现的h5小游戏-植物大战僵尸

代码地址如下：http://www.demodashi.com/demo/12755.html项目介绍本项目是利用原生js实现的h5小游戏-植物大战僵尸，主要结合了一下自己对于h5小游戏的理解，结合面向对象的编程思想进行开发

weixin_34403693·2023-02-01 19:32

[JavaScript 实例] 导航栏几种常见样式

导航栏1（原生JS代码）比较常见也比较简单的导航栏，用的JavaScript原生代码，大致思路是通过改变li元素的className实现鼠标移动切换tab时改变其背景色及文字颜色，同时切换显示tab对应内容

sxpatch·2023-02-01 17:01

第四天2018-10-24

switf原生与html.js交互目的：实现点击更换图片的功能原理：点击->js调用原生方法->在原生的方法里面传一个图片给js关于原生与js交互就两点1、原生调用jsswitf->js2、js调用原生

RogueYBJ·2023-02-01 04:34

部分jquery代码修改为原生js

1、.css=>.style$('#searchBox').css({'display':'none'})document.getElementById('searchBox').style.display='none'2、禁止右键点击事件contextmenu$('img').bind("contextmenu",function(e){returnfalse;});$('video').bin

zlf_j·2023-01-31 16:08

各个阶级的前端必须掌握的基本技能汇总

「需要学习基础知识点」新手必打基础HTML4\HTML5CSS2\CSS3ES5（原生js基本语法）JSON数据结构网络请求、AJAX学会用google，我不能说中级进阶必打基础ES6语法糖同步、异步思维

coder_girl·2023-01-30 04:41

推荐频道

原生Jｓ