原生js

JavaScript|简单实现图片缩略图自动滚动

由于需求项目较老，发现项目内的效果全都是用原生JS实现的。然后原本的图片缩略图组件居然不兼容切换图片时缩略图自动定位，所以又另外花了时间对原本的图片缩略图组件进行改良。
·2022-10-30 22:44

SolidJS——前端新秀框架，性能直逼原生JS

一、性能比较原生JS是1，Solid是1.05，比Svelte也快，React跑到了1.93。如图：二、SolidJS特点直接使用浏览器的DOM,没有虚拟DOM，DOMdiff一整套算法，可
天問_·2022-10-29 17:27

jquery中在页面加载完成后执行某个方法

；}); 原生JS方法：window.function(){   alert("页面加载完成！")；}jquery等待特定元
·2022-10-25 04:24

三天学习vue和react的对比-day2

写得真鸡儿乱第二天内容全家桶解决方案PK：umi和vue-cli跨端框架uni-appPKTaro下一代前端构建工具ViteVue和React选型指南框架的设计思路的pk应该从以下几个维度来pk偏向于原生
普通网友·2022-10-18 07:41

经常被问到的react-router实现原理详解

而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的...一大堆为什么，问你头都大前言今天主要讲的是：原生js实现hashRouter原生js实现historyRouterreact-router-dom
·2022-10-17 12:27

Flask+echarts+mysql实现数据大屏可视化

首先声明：此文章仅适用于初级编程小白，前端采用的原生js，并无任何框架，仅供学习大屏可视化原理的朋友可以参考一下，假如你没有学过python的flask框架，可以先读一读这篇文章，学下基础，链接地址flask
寒暄的大企鹅·2022-10-12 20:06

写给初中级前端的高级进阶指南（万字路线）

JavaScript原生js系列冴羽大佬的这篇博客里，除了undescore的部分，你需
buleRainbow·2022-10-12 19:28

Vue实现拖拽穿梭框功能四种方式

一、使用原生js实现拖拽123Lazyload.drag{background-color:skyblue;position:absolute;line-height:100px;text-align:
格格巫 MMQ!!·2022-10-12 10:33

React面试：谈谈虚拟DOM，Diff算法与Key机制

1.虚拟dom原生的JSDOM操作非常消耗性能，而React把真实原生JSDOM转换成了JavaScript对象。
beifeng11996·2022-10-08 17:31

原生JS实现移动端短信验证码功能

前言个人主页:阿选不出来个人简介:一名大二在校生,不定时更新自己学习道路上的一些笔记.目前开发的专栏:JSVueJS进阶这里附上以前的文章,感兴趣的可以看看实现移动端的触屏滑动效果原生JS实现移动端短信验证码功能实战效果演示
阿选不出来·2022-10-04 08:42

原生js实现大屏可视化

[##数据可视化借助图形化的手段，清晰有效的沟通信息数据可视化可以把数据从冰冷的数字转换为图形，揭示数据的规律和道理可视化适配方案使用less实现css编写使用到less，可以在vscode中安装easyless插件，配合nodejs,然后安装lessnpmiless-g也可以使用下面下载:cnpmiless-g详情可以查看less官网，使用方法和sass差不多，官网是中文的，方便阅读点击此文字进
芜湖上匠·2022-10-02 16:07

全站最简单 “数据滚动可视化大屏” 【JS基础拿来即用】

源码获取方式：数据滚动大屏源码，原生js实现超级简单-Javascript文档类资源-CSDN下载原生js实现的数据滚动大屏案例，实现应该是全网最简单的，拿来直接使用即可，没有会员的小伙伴去我文章主更多下载资源
卡卡西最近怎么样·2022-10-02 16:01

原生js写菜单栏滑块动画+Banner滑动效果(清晰思路+附代码)

一、实现效果二、思路1、核心animate.js动画js单独做一个动画的js，动画都是基于这个函数，用的时候调用即可，animate(obj,target,callback)函数有三个形参，obj为动画的对象，target为目标动画移动距离，callback为动画执行完在之后的回调函数。//动画函数//obj动画绑定对象traget目标移动距离callback回调函数functionanimate
柒月VII·2022-10-02 07:38

原生js实现多功能可滑动轮播图

效果图：这次做的轮播图，值得注意的主要功能有：1、滑动动画切换效果(无缝衔接)；2、标签和略缩图点击切换效果(自适应性滑动，不同距离滑动速度不同)；3、自动循环播放；4、鼠标悬浮在轮播图上时停止自动播放。难点：1、循环滑块动画切换效果，主要的算法也集中在这里。我的方法是前后多放一张图，然后在切换结束后的一刻瞬间改变参数，这样就不会有一闪而过同时还能无缝衔接的效果；2、在轮播图滑动过程中，不应该再响
Flynn_curry·2022-10-02 07:08

前端知识体系

行为层（JavaScriptNative原生JS开发TypeScript微软的标准JavaScript框架：UI框架JavaScript构建工具3、三端统一（了解即可）混合开发（HybridAPP）微信小程序
siiove·2022-10-01 22:10

React面试：谈谈虚拟DOM，Diff算法与Key机制

1.虚拟dom原生的JSDOM操作非常消耗性能，而React把真实原生JSDOM转换成了JavaScript对象。
·2022-10-01 09:43

【mapbox】mapbox入门-基础配置

mapbox入门-基础配置整体结构vue引入方式html引入方式mapbox在工程中初始化方式，基础配置项，整体代码结构等附vue引入&原生js工程引入整体结构htmlcss#map{position:
香芋芋圆·2022-09-28 00:25

Vue完整版（一）

Vue完整版（一）一、Vue概述二、前端知识体系2.1、前端三要素2.1.1、什么是CSS预处理器2.1.2、Native原生JS开发2.1.3、TypeScript微软的标准2.2、JavaScript
Roc°·2022-09-23 18:15

JavaScript——网页轮播图（ 实现点击小圆点、图片滑动、小圆点样式改变）

2.通过原生js完成图片轮播，无缝自动切换，底部小点随图片切换而切换。
鹿蹊zz·2022-09-22 20:48

vue系列：事件修饰符、按键修饰符与系统修饰符

1、事件2、事件处理程序（事件监听）3、DOM事件流4、事件捕获（eventcapture）:5、事件冒泡（eventbubbing）二、事件修饰符1、内置事件对象$event2、原生JS方法阻止事件冒泡
Laymanღ·2022-09-22 20:07

如何实现骨架屏效果？

今天我们来用原生js实现一个骨架屏的效果，效果如下：首先思考如何实现思考实现方式骨架屏的原理是在数据没加载出来的时候，使用滚动的背景颜色去替代，等到加载完毕后则显示对应内容那么我们的核心就是实现一个.skeleton
前端开发小陈·2022-09-21 18:25

【Vue】Vue简介、引入、命令式和声明式编程

初识vue一、初识Vue1.1.vue简介1.2.Vue引入方式1.3.计数器案例原生js和vue开发不同1.4.声明式编程和命令式编程一、初识Vue1.1.vue简介Vue是一套用于构建用户界面的渐进式
东非不开森·2022-09-21 15:00

Uniapp自定义swiper滑动模块

本篇文章主要参考卧龙派的文章手把手教你用原生js来写一个swiper滑块插件（上）原理，感谢分享。
qiebzps·2022-09-20 15:14

Jquery版轮播图超详细

目录主要功能介绍：1、先搭建框架2、html和css代码三、jquery代码原生js的轮播图也写过，如需观看请您移步我的其他文章~主要功能介绍：鼠标移动到轮播图中显示左右按钮，轮播图片的定时器停止鼠标移出轮播图隐藏左右按钮
周百万.·2022-09-16 06:17

[教你做小游戏] 只用几行原生JS，写一个函数，播放音效、播放BGM、切换BGM

我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏，不收费没广告。还开发了《DiceCrush》参加GameJam2022。喜欢可以关注我HullQin噢～我有空了会分享做游戏的相关技术。问题描述要做小游戏，播放音效、BGM是必须的。如何实
·2022-09-14 06:22

uniapp-微信小程序-图片转base64

当前在做得小程序设计拍照识别，而服务器方需要前端提供图片的base64编码作为参数进行解析识别，一开始想着走原生JS的base64方法——借助canvas，当然我也试了，就在自己觉得没问题的时候，调试时终端报错了
昔冰_G·2022-09-10 15:31

微信小程序-组件化开发（下）

对于不熟悉MVVM开发来说有一定的学习成本，而且对于不利于开发者熟悉小程序（就像一个前端开发的入门者就直接使用React.js开发，这样很难熟悉诸如原生JS操作DOM的“相对底层”知识）。
第九程序·2022-09-08 16:02

Vue面经

2.3vue和原生js相比，解决了什么问题三、Vue的生命周期3.1什么是Vue生命周期？3.2Vue生命
Sweet_pin·2022-09-08 09:06

用IndexedDB保存并导出前端日志TS版，适用原生JS，Vue和React

环境Windows10Node.jsv18.0.0Yarn(用npm或pnpm也没问题)VSCodeChrome前言本教程直接给出方法，复制即可用。需要一定的indexedDB的基础知识方法中并没有使用异步，根据需要自行添加即可虽然本教程给只出了Vue和React两个JS框架的例子，但是其中函数也可以直接用于原生TS和JS安装第三方库file-saver：导出文件用，@types/file-sav
·2022-09-06 16:23

原生js获取class增加CSS样式,原生JS获取及设置CSS样式-3.操作样式表

既然行内样式可读可写，计算过后的样式属性也可读；那么样式表中的样式规则也应该可以被JS修改这篇主要是简单教大家如何读取样式表中的样式、以及如何修改样式表样式表(CSSStyleSheet)一般分为两种：元素包含的样式表(HTMLLinkElement)//index.cssdiv{background-color:blue;border:10pxsolid#ccc;}p{color:white;b
智芯融·2022-09-06 07:56

原生JS 设置样式

用JS来动态设置CSS样式，常见的有以下几种1.直接设置style的属性某些情况用这个设置!important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign）如果想保留-号，就中括号的形式element.style['text-align']='100px';element.style.height='100px';2.直接设置属性（只能用于某些属性，相关样式会自动识别）elem
Joker_Ye·2022-09-06 06:50

h5 使用原生JS获取富文本标签内容，并进行展示

初衷嵌入app的h5免责声明（动态更改）1.cdnvue做了h5，后发生点击失效，及加载vuejs慢，页面不出来2.只能用原生js写一个小html了document.getElementById(‘message
弑天落羽·2022-09-05 19:41

【移动端网页特效】02-移动端轮播图（原生JS）

移动端轮播图原生JS实现移动端轮播图结构搭建html代码&css代码实现思路JS核心代码原生JS实现移动端轮播图结构搭建html代码&css代码*{margin:0;padding:0;}ulli{list-style-type
SevgiliD·2022-09-05 14:29

前端之vue的ref、props属性和mixin, 插件,局部样式

props使用模板注意export暴露、导出1.默认暴露2.分别暴露3.统一暴露mixin--混入插件(外挂不合法)--合法增强vuestylescoped(样式局部生效)用过的插件idrefref作用在不用原生
一只爱吃萝卜的小兔子·2022-09-05 07:12

使用原生js来实现深入响应式原理

html代码点击js代码vardata={name:''}varbox=document.querySelector('.box')varbtn=document.querySelector('button')btn.onclick=function(){data.name="zhangsan"}//Object.defineProperty(obj,对象的某一个属性)//Object.defin
nyebnull·2022-09-01 20:57

vue中用js实现循环可编辑表格

最近项目中需要实现一个很复杂的表格，尝试用组件写，半天写不出来，循环真的好绕，最后直接求助大哥帮我用原生js写了一个。大哥巴拉巴拉讲了半天，先这样在那样，问我懂了吗我说懂了！大哥说那你写吧我看着。
芝士焗红薯·2022-08-31 17:14

纯js实现高度可扩展关键词高亮方案详解

目录关键词高亮1.实现的主要功能：2.效果演示高级定制用法用法1.react中使用2.原生js使用innerHTML源码核心源码渲染方案1.react组件渲染2.innerHTML渲染showcase演示组件关键词高亮日常需求开发中常见需要高亮的场景
·2022-08-30 19:05

学好原生JS，在工作中多一份安全感

背景2018年某一天的下午，深切感受到原生JS的重要性以及带来的安全感！
·2022-08-27 12:17

react实现拖拽模态框

Modal组件封装而成,如何在不修改原来代码的基础上实现拖拽呢.最终效果图如下:实践1.创建高阶组件DragHoc新建文件ModalDrag/index.js,将下面代码copy进去DragObj是具体拖拽的原生
·2022-08-26 16:22

用原生js实现简单的拖拽和拖放操作

用原生js实现简单的拖拽和拖放操作Document*{box-sizing:border-box;padding:0;margin:0;}main{width:100vh;height:100vh;display
琴～～·2022-08-26 10:31

vue3中通过ref获取元素节点的实现

目录通过ref获取元素节点获取ref元素的几种方式小结1.原生js获取dom元素2.ref获取单个dom元素3.ref获取v-for循环中的dom元素4.在swiper中获取swiper的dom元素通过
·2022-08-23 11:48

数组去重的三种方法

一、原生JS去重数组去重思路：1、建立新数组2、遍历旧数组3、往新数组中放置旧数组的元素4、遍历新数组5、判断如果新数组中有相同的元素，就不往新数组中放了varflag=true;//新数组中没有相同的元素
处于菜鸟阶段的七七·2022-08-21 18:43

原生JS-DOM操作获取元素的四种方法

目录一.getElementById获取元素二.getElementsByTagName()获取元素三.HTML5新增方法获取元素四.获取body、html元素一.getElementById获取元素这个方法需要根据ID来获取，使用getElementById()可以获取到带有ID属性的元素对象我们来举一个例子：你好JS这是一段HTML代码，有这样一个带有ID属性的div元素，我们通过getEle
Brave-AirPig·2022-08-20 14:09

vue常用事件v-on:click详解事件对象,事件冒泡,事件默认行为

目录1.监听事件2.事件处理方法3.带参数的时间绑定方法：4.内联处理器中的方法5.事件对象6.事件冒泡7.阻止默认行为：8.其他事件修饰符补充：原生JS阻止冒泡其实v-on后面跟的不止是click事件也可以是其他的事件
·2022-08-19 12:36

网页下雪效果实现

操作实现的下雪效果，动画效果是使用setInterval不断刷新实现的，后期可以改为requestAnimationFrame实现，另外这段代码依赖jQuery，然而jQuery也只是用来操作DOM元素，后期可以改用原生
天猫精灵998·2022-08-16 14:45

教你用Vue基础语法来写一个五子棋小游戏

目录前言1.绘制游戏区域和游戏元素2.点击事件3.悔棋功能4.判断胜负写在最后前言在之前的文章中，用JS的基础语法写了一个五子棋小游戏#如何使用原生JS，快速写出一个五子棋小游戏今天用Vue的基础语法来写一个
·2022-08-15 10:18

React教程（详细版）

1.1、概念它是一个将数据渲染为HTML视图的js库1.2、原生js痛点用dom的API去操作dom，繁琐且效率低用js直接操作dom，浏览器会进行大量的回流和重绘原生js没有组件化的编程方案，代码复用性低
Ronychen’s blog·2022-08-15 09:41

el-table多级表头再加一列无法添加表头的问题

解决方案：1、你可以使用原生js去获取到这个表头元素，没记错的话貌似是一个class为cell的div下，然后使用document.getElementsByClas
TuMinQiang·2022-08-09 09:59

原生JS 扫雷游戏 自动插旗子 自定义雷区大小 雷数可调

能随机背景颜色自动插旗子自定义雷区大小和难度的扫雷游戏随机变换雷区颜色，以及其它CSS样式，动画效果全是CSS。点击网页上的元素触发游戏事件打开雷区。如果对于一个方格，其周围未打开的方格恰好全都有雷，那么这些雷将全部自动被标记为小红旗，而玩家只需要一直点击雷区直至雷区全被打开并胜利呈现YOUWIN～没错，全程左键操作。在地址栏中设置width、height、mines参数来调整游戏难度，这些参数分
　星云　·2022-08-09 09:24

原生JS生成九宫格

原生JS生成九宫格图片并且实现图片互换，供大家参考，具体内容如下解题思路涉及知识点，请1、熟练利用js做出html样式2、对onmousedown,onmousemove,onmouseup等事件熟练组合运用
·2022-08-06 17:16
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他