原生js

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

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

【jQuery】常用API——jQuery选择器

一、jQuery基础选择器原生JS获取元素方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使荻取元素统一标准。
早睡早起长头发·2023-01-08 13:06

【jQuery】jQuery基础概念

简单理解︰就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面
早睡早起长头发·2023-01-08 12:00

canvas图像绘制（图像放大、缩小、拖动和截图）

想使用的童鞋参考我另一篇博客~【JS】原生js实现矩形框的绘制/拖动/缩放那我们先来大概了解下canvas：1、canvas略解this.canvas=document.getElementById('
林大大哟·2023-01-07 20:47

ECharts

###01-使用技术完成该项目需要具备以下知识：-div+css布局-flex布局-Less-原生js+jquery使用-rem适配-**echarts基础**###02-案例适配方案-设计稿是1920p
small_rain_·2023-01-07 18:59

实现可旋转伸缩连线效果

原生js连线body{width:375px;height:520px;position:relative;overflow:hidden;}hr{position:absolute;top:30%;left
在否？·2023-01-06 22:56

前端解决跨域问题

这里我写一个小demo前端，向本机的后端发送一个请求（原生js）url:http://127.0.0.1:63176/te
是落落呢·2023-01-02 22:17

Vue3 toRef/toRefs解析与使用

通俗的来说就是可以拆分对象,来进行原生js的解构赋值操作constline_echarts=reactive({//实例化echarts图表近三十天每天数据series2:[{data:[],type:
自由人686·2022-12-31 20:40

原生JS实现简单的日历功能

前一段时间做的小型项目中有个日历功能,本来想找个JQuery插件,但是感觉样式啊什么的都不太符合,也懒得去改,就自己写了一个,附代码和逻辑图片:HTML:一个简单的demo样式左右箭头都是单书名号o(╥﹏╥)o〈1〉日一二三四五六css*{margin:0;padding:0;}body{width:100%;height:100vh;background-color:#062B3D;displa
自由人686·2022-12-31 20:10

jQuery 简介

简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样就可以快速高效的使用这些封装好的功能了。比如jQue
YiRano_0·2022-12-30 19:18

jQuery 常用API

1.jQuery选择器jQuery设置样式：$('div').css('属性','值')1.1jQuery基础选择器原生JS获取元素方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，
YiRano_0·2022-12-30 19:18

跟着pink老师学前端之jQuery

2.jQuery的基本使用1.jQuery入口函数jquery的入口函数，相当于原生js中的DOMContentLoaded。等着页面DOM加载完毕再去执行js代码。
外面有点冷的时候·2022-12-30 14:24

pink老师学习之Echarts

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

原生js 知识图谱

目录JavaScriptBOM对象JavaScriptDcoument对象JavaScript事件处理JavaScript变量JavaScript函数基础JavaScript流程控制JavaScript数据类型JavaScript数组JavaScript运算符JavaScript正则表达式JavaScript字符串函数JavaScriptBOM对象JavaScriptDcoument对象JavaS
lianjiuxiao·2022-12-28 14:42

利用原生js模拟直播弹幕滚动效果

目录1、基本原理2、具体代码总结1、基本原理首先将直播区域分成十份（我个人自己为了便于计算分成十份），将输入的内容随机放到分成的十份区域中，插入到十份区域右边的视图之外，然后调用动画，按照随机的速度从右向左移动，当移动到左侧区域视图之外移除此滚动元素。2、具体代码发送具体效果如下：js代码如下letinputText=document.getElementById("input_text_id")
·2022-12-27 00:09

纯原生之使用node.js 实现输入框内容后台存储

一个app.js作为后端启动文件，将index.html渲染出来，test.json存储前端ajax请求过来的数据本项目不涉及任何第三方库（node.js内置库除外），纯原生页面结构这块没啥好讲的，使用原生
东湖散人·2022-12-18 22:35

Vue、原生JS、jQuery在开发上有什么感受

问使用Vue开发和使用原生JS或jQuery开发有什么区别？或者说体验感是怎样的？首先来谈谈这三个是个啥？
Sandy_Star·2022-12-18 11:43

原生 JS 手写一个优雅的图片预览功能，带你吃透背后原理

前言本文将用一个极简的例子详细讲解如何用原生JS一步步实现完整的图片预览和查看功能，无任何第三方依赖，兼容PC与H5，实现了触屏双指缩放等，干货满满。
茶无味的一天·2022-12-17 07:58

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

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

VUE中操作dom元素的几种方法(最新推荐)

目录VUE中操作dom元素方法一：方法二：vue操作dom元素的三种方法介绍和分析以下是常用的三种方法：1、jQuery操作dom（推荐指数：★☆☆☆☆）：2、原生js操作dom（推荐指数：★★★★☆）
·2022-12-13 18:48

[前端学习笔记] jQuery基础知识整理

这些库都是对原生JS的封装，内部是用JS实现的。2.jQuery的优点轻量级。核心文件几十kb，不
sillyxue·2022-12-12 10:53

jquery基础知识点总结

//此处是页面DOM加载完成的入口})注意：使用jquery获取的对象叫做jquery对象，只能使用jquery的方法，使用原生js获取的对象叫做DOM对象，只能使用原生方法，两者不能混用因此可以让jquery
大大黄、·2022-12-12 09:31

原生JS路由实现页面跳转

原生JS路由原生JS路由学习地址写JS原生路由时可从以下几个方面入手监听a标签，并给href里的url加锚点链接一般情况下菜单栏的加载模式中，都是通过中的href='/xxxx’来跳转到指定的页面，所以路由的第一步就是监听到此菜单栏中的点击事件
糖^O^·2022-12-10 18:41

原生js中nextSibling和nextElementSibling的坑

今天拓海老师跟大家说一下原生js中获取元素的下一个直接兄弟元素的坑！业务场景：点击当前元素，让其下一个紧挨着的兄弟元素展现出来，类似自定义下拉菜单。
码赛客1024·2022-12-10 13:55

HTML5 实现自动轮播

目录功能概要：效果图：原生js实现轮播图使用swiper插件实现自动轮播1.安装swiper包2.在页面中引入swiper代码3.swiper代码的使用使用element-ui插件实现自动轮播1.安装element-ui
清风 与我·2022-12-09 14:10

纯js浏览器h5调用摄像头扫描识别解析 条形码+二维码

一、场景手机移动端-原生js浏览器h5解决识别二维码条形码功能；不借助Hbuilder.需要自己打包成APP，比如用Hbuilder打包，浏览器端项目h5无打包成app部署X不采用不借助微信扫一扫，调用微信
awehhh·2022-12-09 14:20

原生js:使用map处理getElementsByTagName返回值,并且操作dom时使“感叹号important“生效

为什么document.getElementsByTagName返回的值无法使用数组方法map，因为getElementsByTagName返回的是一个类数组对象NodeList类js数组无法直接使用数组的方法map，需要通过Array.from转换成js数组。【不知出于何种原因】无法直接Array.from(document.getElementsByTagName('img'));需要拆分成两
devwolf·2022-12-08 04:15

JQ二刷

1.JQ操作和原生JS操作Document#dom1#dom2{height:100px;width:100px;border:1pxsolidgrey;}#dom2{height:100px;width
山猪打不过家猪·2022-12-07 17:50

原生JS实现俄罗斯方块

//面向对象functionGame(){//虚拟的节点对象varfrag=document.createDocumentFragment();//大盒子this.div=document.createElement("div");//游戏结束的divthis.over=document.createElement("div");//游戏结束的小divthis.overdiv=document.c
subsistent·2022-12-05 18:11

原生JS实现带动画效果的购物车案例

*{margin:0;padding:0;}.product-list{width:700px;height:3500px;float:left;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:space-around;}.cart{width:770px;height:785px;position:fi
subsistent·2022-12-05 18:11

原生JS实现两种爱心

目录1.r=a(1-sinθ)2.带动画效果的r=a(1-sinθ)3.x^2+(y-(x^2)^(1/3))^2=14.带动画效果的x^2+(y-(x^2)^(1/3))^2=11.r=a(1-sinθ)//角度vart0=0.1;//弧度vart=t0/180*Math.PI;//创建虚拟的节点对象varfrag=document.createDocumentFragment();//设置样式
subsistent·2022-12-05 18:11

node 新闻列表项目（采用前后端分离思想，简易实现）前端项目练习

前端页面使用html展示，然后读取后端接口，通过原生js修改dom。后端通过读取json文件模拟数据存储，通过页面地址实现数据传递。
飞天巨兽·2022-12-05 17:52

初学者学习JS很吃力怎么办？到底该如何学习JS？

挺多的知识点点其实是比较抽象的，比如闭包、原型和原型链等，其次便是不会变通运用，这主要是敲代码熟练度的问题，所以我针对你这种情况提供给你一些学习的方法以及相关知识点的学习路线供参考》1、认识到JS在前端中的作用是什么，重视原生
SiKi学院·2022-12-03 12:25

分享一份前几天前端面试遇到的一份面试题

前端开发试题（中级）一、使用原生js或者jQuery实现一个列表数据展示页面，展示字段包括序号、项目名称、建设单位、建设日期、项目状态，并且根据不同的项目状态使整行显示不同颜色。
weixin_42741285·2022-12-02 21:20

使用axios向服务器发起get请求

axios使用:底层还是原生js实现,内部通过promise封装一种前端异步请求后端的技术axios原理:浏览器window接口的XMLHttpRequestaxios:基于原生ajax+promise
一周七喜h·2022-12-02 21:12

原生js实现轮播图

话不多说，这里主要实现轮播图自动切换，点击下方tag小按钮后切换到对应图片，由于css与html代码比较简单，就直接上js代码，最后会贴上完整代码。第一步：实现图片的自动切换//获取轮播图盒子节点varlist=document.querySelector('.carousel')//获取轮播图盒子中的图片节点varimgArr=document.getElementsByTagName('img
阿松··2022-12-02 21:03

Vue核心③(事件处理)

文章目录事件处理事件的基本使用事件修饰符键盘事件事件处理事件的基本使用我们已经知道在原生js中如何去绑定一个事件，那么在Vue中我们怎么实现事件绑定呢？
十八岁讨厌编程·2022-11-30 20:06

使用原生js替换jQuery

使用原生js替换jQuery原文地址：https://github.com/camsong/You-Dont-Need-jQuery/blob/master/README.zh-CN.md前端发展很快，
·2022-11-30 06:27

vue项目中使用handsontable总结

最后的总结：通过这段时间的使用，觉得该组件提供的文档使用很不方便（把毕生所学的原生js都用上了，太难啦/(ㄒoㄒ)/~~），最终决定不使用该插件了。
孙小小的日常·2022-11-29 14:37

「2022 最新最全」高频的前端面试题汇总 javascript 手写篇(练完吊打面试官)

前言作为一个程序员，代码能力毋庸置疑是非常非常重要的,前端面试的时候也经常会遇到手写XXX实现之类的问题,准备把一些常见的题目梳理总结一下,既能加深原生js基础,也方便以后复习这一类手写面试题的时候,找起来方便
历神·2022-11-28 02:14

vite创建vue+vue-router+vuex 项目

创建vite的vue项目创建项目使用NPM：npminitvite@latest使用Yarn：yarncreatevite创建项目名字选择模板vanilla：原生js，没有任何框架集成vue：vue3框架
想吃凤梨酥·2022-11-25 12:39

P177-解决吸顶效果-TabControl的offsetTop获取分析

首先把Home.vue原来的原生Js吸顶效果的样式删除tabControl的吸顶效果####9.1.获取到tabControl的offsetTop*必须知道滚动到多少时,开始有吸顶效果,这个时候就需要获取
m0_51414342·2022-11-22 06:03

vue里面写原生JS函数,安卓agentweb、webview与js操作，移动应用调用JS，移动混合开发JS互动

最近在做安卓混合开发时，遇到几个坑，在vue写的界面里面调用原生js去调用安卓插件agentweb的安卓条码扫描功能，最后是agentweb调用web的原生JS出问题，问题1：在vue界面里面放原生的function
weijia3624·2022-11-21 04:58

可视化看板：基于电子竞技行业数据大数据可视化分析

可视化看板：基于电子竞技行业数据大数据可视化分析看板设计语言选择的是Echarts,还结合以下技术配合：div+css布局flex布局Less原生js+jquery使用rem适配适配方案：设计稿是1920pxflexible.js
星川皆无恙·2022-11-21 00:29

JS手写实现call、apply、bind(超详细)

原生JS提供了call、apply、bind三种方式来修改this指向，三种方式各有特点，各有应用场景。在如今的前端面试中，会用call、apply、bind已经达不
CreatorRay·2022-11-20 21:35

JS学习846~872（触屏事件+移动端常见特性+移动端常见插件+移动端常见开发框架+本地存储）

1触屏事件1.1触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。
是风呀呀·2022-11-09 11:05

超详细的新手React入门教程

原生JS操作DOM繁琐，效率低使用JS直接
韩子昕·2022-11-09 03:18

NodeJS连接MongoDB数据库（数据校验，增删查改）

Mongoose1.1优势1.2核心对象二、Node操作数据库前的准备2.1连接数据库2.2解决报错2.3增删查改之前的操作三、Node对MongoDB增删查改3.1增3.2查3.3改3.4删Node连接MongoDB原生
沧州刺史·2022-11-07 07:57

纯原生js自定义弹窗

1.HTML打开弹窗×弹窗头部弹窗文本...弹窗文本...弹窗底部2.css/*弹窗(background)*/.modal{display:none;/*默认隐藏*/position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);}/
如果会御剑·2022-11-03 18:03

Vue3 从零开始 搭建 简单 干净 的 后台管理系统

前言：记得自己大二时（2017年），想搭建一个后台管理系统，当时头脑想的是用原生JS写的。我肯定干不出来，后来乖乖用了当时比较流行的layui，就算现在也真的难以做下去。
tengyuxin·2022-11-03 18:51
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他