原生Jｓ第17页

实现一个英雄类Hero

原文使用原生JS实现一个英雄类Hero,可以按照以下方式调用（考察点：JavaScript流程控制）Hero("37FEer")输出：Hi!Thisis37FEer!

小小的白菜·2023-04-05 16:49

原生JavaScript比较两个日期大小，项目中通用

2.开始时间等于结束时间3.开始时间大于结束时间二、比较两个日期大小（日期）代码如下，`具体日期`，也可以传年月日时分秒一、比较两个日期大小（月份）下面还有具体日期比较的当比较两个月份大小时，直接使用原生

Э时间行者于我·2023-04-05 16:17

vue实现音乐播放器

通过vue与原生js实现音乐播放器下面是需要的网址1.歌曲搜索接口请求地址:https://autumnfish.cn/search请求方法:get请求参数:keywords(查询关键字)响应内容:歌曲搜索结果

xiaoming_w·2023-04-05 13:00

原生JS的事件委托

1.事件是什么DOM事件即为Event对象。Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。JavaScript的事件机制也是一个标准的观察者模式（ObserverPattern）的应用，包含事件的订阅者（Subscriber）和事件发布者（Publisher），通过监听对象事件来执行事件处理程序（callback）。通常事件与函数结合使用，函数

取个名字还真滥·2023-04-05 12:49

原生js实现页面局部打印

利用原生js实现页面局部打印varnewWin=window.open(window.document.URL);//将本页在新窗口中打开,方便打印完成后关闭varbdhtml=window.document.body.innerHTML

H_XMM·2023-04-05 11:21

原生 JS 中的节点关系

1、原生JS中nodeType属性节点属性类型：nodeType任何的HTML元素，都有nodeType属性，值有1~11，这里精简到了5个：1：元素节点3：文本节点8：注释节点9：document节点

蜡笔小伟·2023-04-04 21:33

滚动条插件better-scroll(BScroll)的使用

better-scroll是基于原生JS实现的，不依赖任何框架。它编译后的代码大小是63kb，

Software攻城狮·2023-04-04 16:58

原生js——控制ios设备在微信打开网页时，自动播放音乐

实际情形：今天在公司做一个微页的项目，涉及到在微信里面点击链接或者是扫描二维码，打开链接的时候，自动播放音乐。这个功能是非常简单的，直接在HTML页面插入如下代码即可。如果使用安卓手机进行访问页面的话，是没有什么错误的，音乐能正常自动播放。但是如果是使用ios设备访问页面的话，音乐是不能自动播放的。原来是苹果公司考虑到用户可能是用手机流量访问的情况，为了用户流量着想，所以需要用户交互后才能播放。但

振礼硕晨·2023-04-04 02:03

深入底层——浅谈Vue2和Vue3的响应式数据实现原理

先看底层原理原理：在vue2中利用的是原生js下边的Obje

Modify_QmQ·2023-04-03 18:35

React简介

（一）原生js痛点1.原生JavaScript操作DOM繁琐、效率低（DOM-API操作UI）document.getElementById('app')document.querySelector('

萧篱衣·2023-04-03 16:35

JS中原生对象 JSON 知识总结（JSON实现对象的深拷贝）

23.1.2对象23.1.3数组23.2、解析与序列化23.2.1JSON对象23.2.2序列化选项01.过滤结果02.字符串缩进03.toJSON()方法23.2.3解析选项23.3、小结23.3.1原生

ItDaChuang·2023-04-03 15:08

【React 全家桶】React组件（类式）实例对象的三大属性3-Refs

类似于原生JS中通过document访问DOM节点。二、Refs中三种获取DOM元素节点的方式1、

@Dai·2023-04-03 14:46

js小学生数学作业生成器代码（原生js）

HTML月日姓名:分秒班级:100内加减法//这是100以内竖式计算//CSS.ming{width:70vw;height:7.5vh;margin:0auto;text-align:right;line-height:7.5vh;font-size:2.5vh;font-weight:700;}.ming>span{display:inline-block;width:8%;height:1%

Wzh小吴·2023-04-03 14:11

css33d坐标系,CSS3 Transform-3D空间变换成像原理浅析

这篇文章我将向大家简单的介绍CSS3里面的3D变换的物理成像原理，所以只是浅析，并不涉及线性代数的矩阵变换先看一个简单的3D实例(PC端就把鼠标移上去，手机端就用手指在上面滑动，用原生JS写效果还真是.

OSCTraining·2023-04-03 09:37

自动填写问卷星 - js

效果由于是原生js写的代码，所以基本上不会失效，除非改源代码了。自己做的效果也很完美实现了想要的功能。程序可以根据自己的需求来选择想要的答案，注意这个是不能随机生成答案的。

Zhou_run·2023-04-02 23:20

原生js 获取自定义属性

方法1获取事件源,找到当前事件源的自定义属性节点1,html样式创建自定义属性text-onetext-secondtext-third全部2,通过jsevent.target获取事件源getAttribute获取自定义属性节点letul=document.querySelector('ul');//给ul设置点击事件使用事件委派获取所有内容ul.addEventListener('click',

小冷睡着了·2023-04-02 18:37

js怎么根据自定义属性的值来查找元素

abcd解决方法：原生jsdocument.querySelector("div[dataid='222']")jquery$("div[dataid='222']")

慕容屠苏·2023-04-02 18:10

Js获取自定义属性的方法

HTML：法一：用原生JS的getAttribute获取自定义属性设置属性.setAttribute("属性","值")获取属性.getAttribute("属性")varspan=document.getElementById

吕可爱·2023-04-02 18:37

原生JS 下载文件

方法一：window.open('你的下载链接');方法二：var_form=document.createElement('FORM');_form.setAttribute('method','get');_form.setAttribute('action','你的下载链接');document.body.appendChild(_form);_form.submit();注意：在创建FOR

R_X·2023-04-02 13:02

vue-calendar 基于 vue 2.0 开发的轻量，高性能日历组件

vue-calendar-component基于vue2.0开发的轻量，高性能日历组件占用内存小，性能好，样式好看，可扩展性强原生js开发，没引入第三方库WhyGithub上很多点击弹出日历选择某个时间的组件

weixin_30715523·2023-04-02 06:23

前端《Vue.js从入门到项目实战》PDF课件+《微信小程序实战入门第2版》PDF代码调试

Vue项目与原生JS或jQuery等仿原生框架项目相比，开发成本要低一些。

gqk01·2023-04-02 02:34

移动端网页特效

1.触屏事件移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方，比如触屏事件touch(也称触摸事件)，Android和IOS都有touch

一条咸鱼o*v*o·2023-04-01 23:38

原生js实现贪吃蛇小游戏

先上图:贪吃蛇废话不多说，直接奉上代码*{margin:0;padding:0;}.l{float:left;}.r{float:right;}.clear_fix::after{content:'';height:0;width:100%;display:block;clear:both;overflow:hidden;visibility:hidden;}.body{margin:50px00

小样a·2023-03-31 23:04

react基础

keep789·2023-03-31 20:45

原生js——获取滚动条的高度

浏览器获取滚动条高度的方法浏览器APIIE6/7/8document.documentElement.scrollTopIE9及以上window.pageYOffset或者document.documentElement.scrollTopSafariwindow.pageYOffset或者document.body.scrollTopFirefoxwindow.pageYOffset或者docu

振礼硕晨·2023-03-31 17:47

MVVM框架

其实说到MVVM架构，我们很有必要从头来看看这个发展阶段第一阶段JS操作HTML对于js学习前端的我们一点都不陌生，原生js当然也很重要，js操作HTML其实就是js通过解析

Passerbylll·2023-03-31 17:08

axios如何取消接口请求

原生js的abort()这个方法获取数据取消获取varcurrentAjax=null$('.getData').click(function(){currentAjax=$.ajax({type:'GET

前端阿峰·2023-03-31 17:42

使用Vue实现图片上传及实时预览效果

使用Vue实现图片上传及实时预览效果今天在做字节跳动笔试题的时候遇到一个实现图片上传并且要实时预览效果的要求网上大多数答案是基于原生js的，因为本人最近在学习vue,看了一下讲解之后结合vue的语法尝试几次之后终于实现了

一只简单有梦的幼儿猿·2023-03-30 19:02

demo-原生js实现你说我猜小游戏

1、完成的功能（1）根据选择的分类（生活、成语、美食）来显示对应的词语。（2）开始游戏后设置60s倒计时，游戏结束后提示游戏已结束。（3）点击true后，累加对的题数，显示出来。（4）不改变分类的情况下，每次显示后的词语不会再显示，随机显示。2、css引入了bootstrap的样式，引用为在线引用。3、另外应用的数据为同文件下的data.js。生活成语开始游戏下一个重置（警告）Warning-->

樱桃山竹和葡萄·2023-03-30 04:24

原生JS 侧边/左右拖拽 demo

Document*{margin:0;padding:0;box-sizing:border-box;}html,body{width:100%;height:100%;overflow:hidden;}.box{height:100%;width:200px;float:right;position:relative;background:lightblue;user-select:none;p

意面秋刀鱼·2023-03-30 03:32

数字滚动原生js的三种方式

数字滚动原生js的三种方式让数字滚动的效果简单用计时器setInterval就能轻易的实现,例如functionnumRunFun(num,maxNum){varnumBox=document.getElementById

jason_renyu·2023-03-30 00:39

懒人封装(懒惰模式)

本文旨在一些特殊的封装上一般会用于处理浏览器兼容性的封装但是看完会对你有一些启发也说不定哦O(∩_∩)O~一段简单的代码我们在封装ajax请求的时候基于原生js的ajax代码,如果考虑到浏览器兼容问题那么我们一定会看到以下几段代码

千锋HTML5大前端·2023-03-29 20:02

React Native 架构原理

现有架构架构模型基本架构模型如下：Native是原生部分，例如：iOS原生或Android原生JS端主要是React语法Bridge用与Native和JS的通信因为Native和JS相对独立

christian-dong·2023-03-29 13:17

原生JS实现轮播图

.banner{width:1002px;height:auto;overflow:hidden;}.bannerimg{width:1002px;height:300px;overflow:hidden;position:absolute;background-repeat:no-repeat;}vartimer=null,index=0,pics=document.getElementsByT

puxiaotaoc·2023-03-29 13:57

【防止原文被删备份】如何定义一个高逼格的原生JS插件【转】

不过，也从侧面说明了原生js在前端中占着多么重要的一面。好了。废话不多说。咱们就来看一下怎么去做一个自己的

XING99·2023-03-29 09:43

1.Vue概念

前端开发发展历程原生js（浏览器兼容性差）Jquery等（浏览器兼容性好，频繁操作dom）前端模板引擎（省去频繁dom操作。

高新园养鸡场·2023-03-29 07:14

原生js实现图片轮播效果

功能：实现图片每隔1秒切换一次；当鼠标停留在整个页面上，图片不进行轮播；鼠标移动到切换页选项上，出现该选项对应的图片，并且切换页选项的背景颜色发生相应的变化；当图片发生轮播切换时，再不滑入选项卡的前提下，相应的选项卡背景颜色也自动发生变化；点击上一张按钮，出现上一张图片，点击下一张按钮，出现下一张图片，同时选项卡的背景颜色也发生变化。以下为实现代码：首先为html代码，创建一个大盒子将选项卡部分和

saiyi绒小花·2023-03-29 01:00

React：jsx语法、数据驱动的设计思想和事件绑定、TodoList练习

jsx语法一、jsx语法中有两种标签：1、普通的html标签：在组件中返回出去渲染的标签内容不需要像原生js那样加引号2、组件标签：例如入口文件index.js中，渲染App组件内容时，写成首字母必须大写二

我的皎月闻越香_·2023-03-28 10:02

原生js实现ajax

functionajax(options){//let{url,success,err,data,dataType,type}=optionsletxhr=newXMLHttpRequest()//XMLHttpRequest对象用于在后台与服务器交换数据//xhr.readyState：0options.data=options.data||{}options.dataType=options.

梦梦_087a·2023-03-27 22:02

移动端H5开发输入框fixed定位失效

如果是在原生JS中直接使用scrollIntoView就好了。

龚达耶·2023-03-27 09:02

开源项目 —— 原生JS实现斗地主游戏 ——代码极少、功能都有、直接粘贴即用

目录效果如下目录结构GameEntity.jsGrawGame.jskonva.min.jsPlayGame.jsveriable.jsindex.html结语：前期回顾卡通形象人物2写代码-睡觉丝滑如德芙_0.活在风浪里的博客-CSDN博客本文实现了包含形象的卡通小人吃、睡、电脑工作的网页动画https://blog.csdn.net/m0_57904695/article/details/12

0.活在风浪里·2023-03-27 00:11

Vue项目实战 —— 后台管理系统( pc端 ) —— Pro最终版本

前期回顾开源项目——原生JS实现斗地主游戏——代码极少、功能都有、直接粘贴即用_js斗地主_0.活在风浪里的博客-CSDN博客JS实现斗地主网页游戏https://blog.csdn.net/m0_57904695

0.活在风浪里·2023-03-26 23:03

react实现拖拽容器边框改变容器宽度

原生js中已经提供了相应的api：onmousedown(鼠标按下事件)、onmousemove(鼠标按下后元素移动事件)、onmouseup(松开鼠标事件)，快忘记的同学正好可以熟悉巩固一波。

我没事_就是有点难受·2023-03-26 16:22

原生js实现音乐列表（隔行换色、全选）

一、实现原理：1、使用%运算符实现各行换色，规律：当%前面的值和后面的值相同时结果为0；2、使用开关思想，实现在同一个元素上反复点击时的条件判断，并且把开关以属性方式绑定在每个元素上；3、使用大总管变量，记录鼠标移入时的下标,用于设置鼠标离开时的颜色4、使用变量记录每选中一行就自增1取消选中就自减1，当变量数值与行的长度相等时说明全选了；二、代码：*{margin:0;padding:0}ul,l

雅士伊人·2023-03-26 07:30

原生js实现歌词滚动以及卡拉OK效果

干货转自网易实践者社区，感谢作者【严跃杰】【歌词滚动效果】滚动歌词比较常见的一种歌词显示方式，今天我们来讨论如何通过原生js来完成一个简单的滚动歌词实现。

zwwill·2023-03-25 15:11

原生js实现滚动歌词

滚动歌词界面思路：1、获得歌词文本后，通过正则将时间和歌词分别放在一个数组里2、根据歌词文本的换行符创建对应数目的li，并将歌词文本放入li中3、触发audio的timeupdate时间，按照播放时间使对应歌词处于中间位置效果：一、html和css*{margin:0;padding:0;}div{width:300px;height:254px;border:1pxsolidblanchedal

qq_42736234·2023-03-25 15:41

html原生js进度条圆形,原生JavaScript实现进度条

JavaScript实现进度条的具体代码，供大家参考，具体内容如下进度条实现介绍使用JavaScript实现进度条功能。原理：通过鼠标移动事件，获取鼠标移动的距离。步骤：(1)html中div布局(2)css样式编写(3)JavaScript特效编写html代码0%css样式/*整体样式，消除默认样式*/body{margin:0;padding:0;}#box{position:relative

skr汉子·2023-03-25 14:00

html原生js进度条圆形,原生 JavaScript 实现进度条

原生JavaScript特效JavaScript实现进度进度条实现介绍使用JavaScript实现进度条功能。原理：通过鼠标移动事件，获取鼠标移动的距离。步骤：(1)html中div布局(2)css样式编写(3)JavaScript特效编写html代码0%css样式/*整体样式，消除默认样式*/body{margin:0;padding:0;}#box{position:relative;widt

西岸先生·2023-03-25 14:00

原生js javascript 实现进度条拖动---移动端

最近的需求有个简单的移动端页面，需要在页面中实现一个进度条的拖动，因为没引入什么框架，所以只能原生JavaScript手写了，效果图：代码：这些代码可以复制到本地一个html文件中，直接双击打开，但是注意：因为是针对移动端的，所以要在浏览器的手机模式下才能用！！！Document百分比：letwrap=document.getElementById("wrap");letbox=document.

一只爱吃糖的小羊·2023-03-25 14:07

原生JS读取本地选择的文件

DocumentfunctiononChange(event){constfile=event.target.files[0];console.log(event,file);constreader=newFileReader();reader.onloadend=(arg)=>{console.log(reader.result);};reader.readAsDataURL(file);}

银魂飞雪·2023-03-25 11:34

推荐频道

原生Jｓ