原生js 第17页

Vue组件开发--ref引用、动态组件、组件缓存、异步组件、组件混入

流水武qin·2023-04-07 10:19

用最简单的方法实现原生JS放大镜特效

Document*{margin:0px;padding:0px;}#big{width:200px;height:200px;position:absolute;overflow:hidden;left:480px;top:20px;display:none;}varbig=document.getElementById('big');varsmall=document.getElementBy

ql5307·2023-04-07 08:23

原生js中使用classList操作class

实现按下鼠标，为某个元素添加一个类松开鼠标，将某个元素去掉一个类最终实现鼠标按下，换颜色，松开，恢复默认颜色Title.fontSize{font-size:50px;}.changeColor{color:red;}字体颜色document.addEventListener("mousedown",function(){document.getElementById("div01").class

海涛高软·2023-04-07 06:33

classList详解，让你的js方便地操作DOM类

addClass、removeClass我们已经再熟悉不过了，然而我们并不会在每一个项目中都会去使用jQuery或者Zepto，譬如在移动端的网页中，考虑到传说中的性能和静态资源的请求量等因素，我们通常会选择采用原生

cwzhsi·2023-04-07 06:58

vue+echarts数据可视化大屏开发--自适应处理方案(react中同理)

大屏可视化的自适应处理，除了要懂得前端的基本布局以外，还需要了解各个场景下的自适应方案选型，这里提供三种自适应处理大屏的方案，每一种方案同时提供原生JS项目中的使用方式以及vue项目中的使用方式这里介绍的这几种方案只要是

你好！YOYO·2023-04-07 05:30

用 ES6 写全屏滚动插件

这篇文章将介绍如何使用原生JS（主要使用ES6语法）实现全屏滚动插件，兼容IE10+、手机触屏，Mac触摸板优化，支持自定义页面动画，压缩后gzip文件只有2.15KB。

L小庸·2023-04-07 05:00

vue2和vue3响应式的原理

vue2原理：在vue2中利用的是原生js下边的Object.defineProperty()进行数据劫持，在通过里面的getter和setter方法，进行查看和数据的修改，通过发布、订阅者模式进行数据与视图的响应式

石头215·2023-04-07 03:50

【esp8266】【Node.js】【Websocket】esp8266和Node.js通过websocket进行通信，实验记录及踩坑记录

实验介绍最近做了一个小实验，在esp8266上连接了一些外设，构建了一个websocketserver，用的是micropython编写程序；在pc上写了原生js，构建了一个websocketclient

skylarrrr·2023-04-07 00:33

原生js，实现一个终端小游戏！

游戏规则是，开局，系统会先问你玩不玩，如果选择了1，就表示要玩，这时候，系统会随机，生成一个1到21之间的数字，你每次都会随机抽取一个1到21之间的数字，重复抽取，则，抽到的数字会累加，这时候系统会问你抽不抽号码，你如果一直选择抽取，数字，也会累加，如果，你一直抽取，数字累加到大于21过后，就直接判定你自爆了，你输了，系统赢了，你也可以选择，在抽取到一定时候，手动停止，这时候，系统就会，把你抽到的

旧梦星轨·2023-04-06 23:04

前端js使用post请求下载文件流

//html:下载functionhandleDownload(){//一、原生js方法varxhr=newXMLHttpRequest();xhr.open("post",url,true);//url

鸣悦_92·2023-04-06 19:01

TypeScript记录

使用场景：大型项目或者多人协作优点：提高开发效率，提高项目健壮性TSvsJS是JS的超集，遵循JS的语法和语义，最终编译为原生JS跨平台且开源可以重用JS，并且可以无缝使用JS的流行的库（如需要使用，则要

cs0710·2023-04-06 19:29

【物联网】nodejs的Buffer替换为js的ArrayBuffer

厂方给的demo是使用vue的，我改造成原生js的时候，遇到一个问题Buffer.from()的问题。因为这个Buffer是nodejs的，所以报错。原语句：//array是u

爬行的黄鹂鸟·2023-04-06 19:26

js和JQuery获取位置及大小的区别

[原生JS]一、offSet系列*{margin:0;padding:0;}##.father{/*position:relative;*/width:200px;height:200px;background-color

来宝·2023-04-06 16:11

JS学习笔记——jquery

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

不会说话的猴子·2023-04-06 09:40

2019年在浏览器用原生js写WebGL,绘制图形;

因为JavaScript高级程序设计(第三版)中的运行书上15.3WebGL部分的代码时在chrome和firefox浏览器下报错,在后面我网上初步找了一圈,好像没人做出真正可以用的代码;所以我就自己重写了一下:书上代码有些错误,错误原因应该是书出了太久,WebGL的规则已经有些改变了.并且,可能浏览器也有一些相关的规则改变了;新的代码如下:使用WebGL上下文对象绘图您的浏览器不支持canvas

方朝端·2023-04-05 16:44

Mars3D项目模板：基础项目原生JS版 (widget方式)介绍

原生JS版(widget方式)的特点：基于传统模式原生JS技术栈下开发的使用mars3d-widget插件进行模块化封装调用各功能火星科技在传统技术栈时(vue还没成熟流行时

木遥·2023-04-05 16:53

实现一个英雄类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