原生Js

组件吸顶功能实现

吸顶功能实现记录主要用的是scrolltop的距离来控制是否将组件定位改为fix，只需要用原生js即可实现。我们在vue中使用。
阿猪_341c·2023-07-21 10:22

ts：简单实现发布订阅模式

比如原生js中的addEventListener、removeEventListener比如vue中的EventBus（全局事件总线）（$emit、$on）即收集一些事件后，统一处理发布者$emit，订阅者
Unique·Blue·2023-07-21 05:30

ts：Set、Map

观看小满老师课程的随笔~前言与原生js中的原理和方法是相同的，这里只是用了ts中的强类型一、Set天然去重，引用类型除外增删改查：add、has、delete、clear循环：forEach、entries
Unique·Blue·2023-07-21 05:30

原生JS实现NEW,带参数

new的使用方法是vara=new构造函数，a就是这个构造函数的一个实例。放上一张原型链的图image.png因此需要这个实例a.proto=构造函数.prototype而我们知道，a是一个对象，创建对象的几种方法中，有一种是Object.create.varo=Object.create(P)等同于o.__proto__===P//true因此如何创建a呢，就是varo=Object.creat
翩翩公子银圈圈·2023-07-21 05:21

Gson源码解析和它的设计模式

前言之前一段时间，准备把糗百的项目中json解析的模块中的原生Json解析换成gson解析，工作比较繁杂，坑多，因此为了防止出错，我还对Gson做了一个源码分析。
Android高级开发·2023-07-20 15:22

Vue第二篇：概念深度剖析

原生js的赋值操作如下:letv
benben044·2023-07-20 03:26

Vue+element table+原生js +touch触摸事件实现移动端横向拖动

Vue+elementtable+原生js+touch触摸事件实现移动端横向拖动今天做移动端项目时，想加个表格展示数据，但是调试的时候发现，表格数据很多时，想要触屏左右滑动内容，但是滑动不了，又不想引用插件实现
前端小白记录·2023-07-20 00:26

接下来讲一讲Vue的数据代理

首先讲一下原生js的数据代理原生的Object.defineProperty()letaa='wewew'letperson={name:"王李斌",age:12}Object.defineProperty
EntyIU·2023-07-19 20:58

前端js防抖

一、原生js防抖防抖按钮示例立即触发等候触发functiondebounceImmediate(func,delay){lettimeoutId;letimmediate=true;returnfunction
就叫飞六吧·2023-07-19 13:45

原生js实现鼠标长按事件

长按事件letprogress=document.getElementsByTagName('progress')[0];lettime="";letlock=true;functiondown(){time=setInterval(()=>{lock=false;progress.value+=5},1000)}functionup(){clearInterval(time);setTimeou
TianXuab·2023-07-19 08:56

常用工具函数，以后会逐步更新

原生js获取url参数的方法传入需要取的参数名返回对应值functiongetQueryString(name){varreg=newRegExp('(^|&)'+name+'=([^&]*)(&|$)
Destiny辰·2023-07-19 07:48

【原生JS-11】如何实现继承？

1.用构造函数和原型链实现2.class1.用构造函数和原型链实现第一步是在子类的构造函数中，调用父类的构造函数，并且传入this。让子类实例具有父类实例的属性。父构造函数.call(this)//this:子类的实例第二步，是让子类的原型指向父类的原型，这样子类就可以继承父类原型。子构造函数.prototype=Object.create(父构造函数.prototype);子构造函数.proto
Sparks67·2023-07-19 01:30

日期格式化 new Date().format

前端处理代码：newDate().format('yyyy-MM-dd')但报错查找相关资料，原生js和jquery都不能直接用newDate().format(‘yyyy-MM-dd’)。
吾乃冠军·2023-07-18 11:30

HTML点击按钮刷新当前页面，跳转到指定锚点位置

值得注意的是我这里使用的原生JS测试.main{width:100px;height:2000px;}.test{display:inline-block;width:100px;height:30px
Star航仔·2023-07-18 11:33

原生js dom对象转为字符串

适用于通过js获取的dom对象document.getElementById('Dom')比如这样的获取到的就是htmlD欧美对象可以通过document.getElementById('Dom').innerHTML将其转换为字符串简单吧？我草，百度出来一堆没用的
不期而遇_3491·2023-07-18 08:43

列表懒加载和图片懒加载

参考链接整理：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
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他