原生Js

列表懒加载和图片懒加载

参考链接整理：element-ui自带的图片懒加载指令和列表懒加载指令element-ui图片懒加载element-ui列表懒加载原理和原生js：图片懒加载如何用原生js实现图片懒加载（lazyLoad
TaitChan·2023-07-18 04:26

原声ajax发送post请求,原生JS实现ajax 发送post请求

[代码]原生JS实现ajax发送post请求varoStr='';varpostData={};varoAjax=null;//post提交的数据postData={"name1":"value1","
黄文池·2023-07-18 03:08

AJAX笔记-原生js

简介Ajax即“AsynchronousJavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。核心Ajax引擎XMLHttpRequest创建
凸凹凸凹凸凹凸凹凸·2023-07-18 03:36

react学习笔记——0.引言

用于构建用户界面的js库React是一个将数据渲染位HTML视图的开源JavaScript库React是由FaceBook开发的，并于2013年5月进行了开源原生JS存在的问题：原生的js需要频繁的操作
玄昌盛不会编程·2023-07-18 01:21

原生js实现将图片内容复制到剪贴板

核心代码/*复制图片*/copyImg(dom){/*警告：dom不能是img标签，建议用DIV标签包裹img标签，否者会报错！不支持复制背景图！*/dom.style.userSelect='auto';letselection=getSelection(),range=document.createRange();selection.removeAllRanges(),range.select
你挚爱的强哥·2023-07-18 01:06

滚动条滚动到指定位置(锚点)的不同实现方式

1.标签锚点Menu1Menu2Content1Content22.原生js去获取并修改scrollTop一般用于固定页面元素的锚点设置，或者设置返回顶部按钮//通过element.scrollTop来获取当前元素滚动条高度
奔跑的程序媛A·2023-07-17 23:07

jQuery动画与Ajax

当DOM加载完成时执行相应的函数,原生js提供load事件，当所有资源加载完成后才触发相应事件。
白柏更好·2023-07-17 15:33

原生js实现GET和POST

//success成功回调error失败回调//params格式k=v&k=v...//get异步请求functiongetHttp({url,params,success,error}){letxhr=newXMLHttpRequest()if(params){xhr.open('get',url+'?'+params,true)}else{xhr.open('get',url,true)}xh
一只大菜鸟J·2023-07-17 13:24

消表情js小游戏

原生js代码：消表情小游戏*{margin:0;padding:0;}div{width:700px;height:500px;border:1pxsolidblack;margin:50pxauto;
一只大菜鸟J·2023-07-17 13:54

砸地鼠小游戏

原生js书写，不完善可以进行修改代码如下：Document*{margin:0;padding:0;}#con{text-align:center;}.wrap{width:500px;height:500px
一只大菜鸟J·2023-07-17 13:54

html2canvas将document DOM节点转换为图片，并下载到本地

html2canvas-ScreenshotswithJavaScripthttps://html2canvas.hertzen.com/了解一下，安装先npminstall--savehtml2canvas用到的知识包括前端用原生
你挚爱的强哥·2023-07-17 02:28

基于html2canvas和jspdf将document DOM节点转换为图片生成PDF文件，并下载到本地

这里要用到html2canvas将documentDOM节点转换为图片，并下载到本地_你挚爱的强哥的博客-CSDN博客前端用原生js编辑文件内容→创建生成文件(格式可以自定义)→下载文件_你挚爱的强哥的博客
你挚爱的强哥·2023-07-17 02:56

获取样式的原生js兼容写法

本篇文章主要介绍了js获取非行间样式的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧我们都知道，js不能直接获取样式表中的样式，例如width，left，只能直接获取行内样式，但是现在主流不建议写行内样式，因此我们封装一个可以直接获取非行间样式的函数1.oDiv.style.background,用此种方法;是无法获取非行间样式弹出的效果如下：oDiv.style.background效果
你为什么无理取闹·2023-07-16 23:07

小兔鲜项目-原生JS实现页面注册模块

目录1.项目搭建1.1在项目开始之前，先做好准备工作，创建这样的文件目录1.1.1css文件夹1.1.2images文件1.1.3uploads文件1.2HTML结构1.2.1头部引入文件1.2.2主体结构1.2.3register.html代码示例：1.3css样式1.3.1页面初始化（base)样式1.3.2公共样式（common)样式1.3.3首页样式（register)样式2、通过正则表达
东方青云、·2023-07-16 19:03

html、css、原生js 构建移动端页面简单功能，切换页面、下拉框联动，模拟数据列表渲染、自定义弹框等

html、css、原生js构建移动端页面，简单功能，页面显示隐藏、下拉框联动，模拟数据列表渲染、自定义弹框等，效果图如下：代码：demo*{padding:0;margin:0;}body,html{height
程序媛zcx·2023-07-16 18:54

点击后给导航添加样式

使用原生js给导航添加样式。点击后给导航添加样式示例步骤：1.写好点击后要添加的样式。2.获取所有导航。通过querySelectorAll获取所有的导航。3.可以使用forEach给拿到每一个导航。
一一鸭·2023-07-16 09:49

jQuery为什么还在发布新版本？

A曾经有个同事，需要单独做一个推广页面，我跟他说，你就起个页面，用HTML+CSS写一写，遇到事件了用JS写一下吧，挺快的，他说原生JS太
经海路大白狗·2023-07-16 05:29

第四章：数据交互

json数据交互客户端发送请求一共2种方式json回来1.keyvalue原生js请求2.json方式html---------->Controller以下有2种方式1.请求json过渡到过滤器2.过滤器如何快速返
温酒醉长安·2023-07-16 03:22

vue3获取dom元素

refs.xxxx来获取dom元素，但是在vue3中使用组合式API时，是没有this的，下面是vue3中获取dom元素的方法：1.通过js获取DOM元素vue只是javascript的一个框架，自然也可以使用原生
凹凸曼打不赢小怪兽·2023-07-15 23:33

【前端路由原理--原生JS实现方式】--前后端路由的区别、关于单页面应用与多页面应用、什么是CSR、SSR、SSG、ISP

前言本来只是想学习React-Routerv6，没有想到，带出了这么多东西。前后端路由有什么区别？SPA与MPA的是什么？在了解到前端路之后又发现单页面于应用与多页面应用的不同之处，以及.nextjs数据抓取选择CSR、SSR、SSG、ISP不同形式也是有区别的。lesson1-前端路由介绍路由来源路由这个概念最早出现在后端，在服务端中路由描述的是URL与处理函数之间的映射关系。对于服务器来说，当
UiNMX_唐·2023-07-14 22:42

JS事件mouseover ,mouseout ,mouseenter,mouseleave的区别

马上就要大年三十了，大家都陆陆续续肥家过年了，然鹅，我还在公司苦逼地留守阵地，真是哔了狗了……言归正传，还是继续咱们的学术研究吧~在原生JS中鼠标移入移出事件有四个，分别为mouseover,mouseout
前端王睿·2023-07-14 20:25

使用 Echarts 做数据可视化智能大屏1

1.使用技术基于flexible.js+rem智能大屏适配VScodecssrem插件：快速生成rem单位Flex布局Lessdiv+css布局原生js+jquery基于echarts数据可视化展示Echarts
velpro_!·2023-07-14 20:27

TypeScript和JavaScript的区别

TypeScript的特点相较于JS（ES6+）ts是js的超集，即你可以在ts中使用原生js语法ts需要静态编译，它提供了强类型与更多面向对象的内容ts最终仍要编译为弱类型的js文件，基于对象的原生js
四的开根号·2023-07-14 19:15

es6 数组操作个人总结

嗯，说到底，还是原生js罢了，不过比原有的js多了一些属性、类型、指令之类的东西。
文盲老顾·2023-07-14 09:22

原生js实现removeClass函数

问题描述：柴婷的测试.a{color:red;}.b{font-size:45px;}我是div元素varnode=document.getElementsByTagName('div')[0];varcls='a';varclassName=removeClass(node,cls);node.setAttribute('class',className)functionremoveClass(
puxiaotaoc·2023-07-14 06:29

Vue3 与 React 全方面对比

setUsername(e.target.value)}/>{ list.map((item,index) => {item}) }Vue给我们提供了很多的指令功能，而这些功能在React中基本都需要我们使用原生
python小小Q·2023-07-14 03:02

基于CSS3、原生JS、Vue3.0技术各自实现序列帧动画效果

还记得序列帧技术在2018年的时候很火的，那时做H5很吃香的...那么在此记录一下用纯CSS3、原生JS、Vue3.0，这3种方式来设计几个例子。
帅龍之龍·2023-07-13 22:24

常见时间控件

1、jeDate（可以在html项目中使用）jeDate是一款原生JS开发的不依赖任何第三方库大众化的日期控件，除了包含单双面板、区域选择、多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒
Lee_Yu_Fan·2023-07-13 21:11

Vue-消息订阅与发布(pub/sub)

publisher(订阅)/subscriber(发布),一般需要数据的人订阅消息，提供数据的人发布消息这个技术非常简单容易上手，主要有以下两步1订阅消息：消息名2发布消息：消息内容想要实现这个功能，原生
小花皮猪·2023-06-23 13:06

原生js使用canvas实现鼠标绘制直线

目录目录一、原理二、具体实现（1）、创建画布（2）、获取鼠标位置（3）、创建线段类（4）、创建主绘制类（5）、绘制（6）、效果图三、源代码1、原生js2、vue3实现一、原理直线可以看成是一小段一小段的线段组成
不爱小白的小孩·2023-06-23 08:54

vue实现电梯锚点导航

左侧显示当前所处的分类区域这种功能会出现在商城项目中或者分类数量较多的项目中，专业名称称电梯导航目标效果：（1）点击左侧的分类，右侧滑动到指定区域（2）滚动右侧区域，左边分类显示当前所处的分类区域2、原理（1）这要用到原生
码上编程·2023-06-20 23:19

vue关于下拉刷新，上拉加载

下拉刷新，上拉加载在项目中是很常见的需求之前一直在用better-scroll，总会出现多次加载的问题，一直没办法完美解决最近发现了一个新的框架mescroll采用原生js，不依赖JQ、zepto安装：
六神丶·2023-06-20 12:50

高效处理报表，掌握原生JS打印和导出报表为PDF的顺畅技巧！

其中，原生JS打印和导出报表
·2023-06-20 09:22

高效处理报表，掌握原生JS打印和导出报表为PDF的顺畅技巧！

>摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。#前言篇在日常工作中，报表打印和导出为PDF是经常要处理的任务之一。除了方便我们将信息传
葡萄城技术团队·2023-06-20 08:00

利用原生js制作一个简单的底部上拉抽屉

QQ图片20181226153539.png弹出图片￥28.9已选：香辣关闭*{font-size:16px;}.tui{width:100%;position:relative;/*font-size:16px;*/}.tui.line-height6{line-height:1.6;}.tui.flex{display:flex;}.tui.flex.item{flex:1;}.tui.col
yichen_china·2023-06-20 05:12

阿里云实时数仓Hologres年度发布，解读数仓新趋势

Hologres发布最新版本，在成本、可用性、在线高可用等多方面进行了能力升级，行存吞吐提升100%，列存吞吐提升30%，支持行列共存，支持更加丰富的OLAP分析场景，支持Binlog全链路事件驱动加工，原生
·2023-06-19 17:22

vue中axios请求拦截器和响应拦截器 以及401状态处理

一、axios在vue中啊我们不需要去用原生XHR去发ajax，因为啊原生js写起来比较繁琐，并不易我们去开发，我们可以通过axios去发ajax？
奥特曼　·2023-06-18 07:02

35、js - 面试 - 如何一次渲染10万条数据？

面试官想了解：面试者对原生js底层的了解、对渲染机制的理解。
EchoLiner·2023-06-17 23:57

github上值得关注的前端项目

是一个可以让你选择微型的js类库的网站，该网站里的js库都是压缩后不大于5KB的，非常实用https://plainjs.com/（10.22更新）TheVanillaJavaScriptRepository，该仓库都是用原生
ttt54355·2023-06-16 19:55

高级前端面试题（react + 原生js + es6）

Reacthooks相关：hook本质是将直接修改组件的state，改成了一个消息队列，通过useState中的set方法将修改事件推到队列中，react会进行合并和修改，然后自动触发setState。useEffect在使用时候需要注意不能在外部使用判断，因为如果有判断的话，会导致react无法找到它而引发报错。第一个参数是回调函数，当不传递第二个参数的时候，每次render后都会执行，传递空数
晨晨快跑·2023-06-16 13:12

React基础教程(一)：React简介

呈现页面2、谁开发的由Facebook的软件工程师JordanWalke创建于2011年部署于Facebook的newsfeed随后在2012年部署于Ins2013年5月宣布开源3、为什么学React原生
不写八个·2023-06-16 12:08

前端什么最难学？

前言个人认为是JS，无论是在平时的项目或者找工作时候JS都是大头，相比起其他的部分，它相对而言是难一点，同时也是十分重要的一部分，学好原生JS，后续的学习才能基于此循序渐进，下面是我总结的关于原生JS的重要知识点导读
SiKi学院·2023-06-16 02:00

原生js实现预览图片或PDF...

服务返回二进制流，用axios处理，指定blob类型，然后再转换成URL（处理后会变成blob://...这种格式)；图片的话，作为src地址可以直接实现；预览PDF需要服务端的响应头Content-Type为PDF类型application/pdf，不指定这种类型会直接下载，不能预览;《1》axios指定responseType为blob类型接收响应：axios.get('url',{param
流浪新时代·2023-06-15 12:04

uniapp app 获取 DOM节点 设置图片旋转rotate

一、原生js实现方法思考这个问题，首先要从原生js如何去实现1.写一个正方形方块2.获取其DOM节点，设置transform:rotate(0deg);3.根据setInterval不断调用旋转方法，让
tengyuxin·2023-06-14 19:20

WEB性能优化--懒加载、预加载

原生js实现（懒加载）原理：图片的getBoundingClientRect().top高度是否小于当前可视视图高度，小于则把data-src的url替换给src1、第一种方法：获取对应元素举例顶部的距离来判断
·2023-06-13 19:49

Web Component 技术（笔记）

属性及方法2.1添加方式2.2生命周期2.3CSS伪类2.4HTMLtemplate3.示例3.1自主定制元素3.2自定义内置元素（扩展内置元素）1.概念WebComponent是一套不同的技术，可以使用原生
codeCat!·2023-06-12 18:30

原生JS设置和获取transform样式

原生JS设置和获取transform样式用JS获取transform样式的值lettabulW=document.querySelector('.tabul')/*获取DOM元素*/lettransX=
m0_37653407·2023-06-12 15:14

前端数字格式化指南

但是浏览器和原生JS并没有提供太多可用的API来让我们进行操作。因此，我们大多数时候都诉诸于自己造轮子。
SCQ000·2023-06-12 10:54

Ajax笔记

简易的发送请求的方式地址栏回车//Accept：image/webp,image/*//Accept：text/JavaScript,*/*//Accept：*/*以上五种方式的缺点：会替换当前内容只能请求特定资源原生
chiang24·2023-06-12 09:25

jQuery -- 常用API（上）

1.jQuery选择器1.1jQuery基础选择器原生JS获取元素方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准。
虾小眠0526·2023-06-12 02:46
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他