原生js 第18页

面试

1.依赖注入2.原生js的内存释放3.管道4.对比别人的优势5.你了解的设计模式6.原生链跟闭包的理解7.javascript跟angular的区别8.去重9，浏览器的调试工具都有啥1.闭包2.get请求跟

花落未晚·2023-03-25 09:42

原生js封装ajax请求

下面方法只是简单封装，用来理解原生ajax原理调用方法ajax({method:'post',url:'user-center/app/shop/follow',data:{access_token:12312,shop_id:123123},success:function(response){console.log(response);}});封装方法functionajax(opt){opt

追梦_3c87·2023-03-24 04:20

详解前端性能优化之原生JS实现图片懒加载效果(通过IntersectionObserver内置构造函数实现)

这其中有许多方式，其中最常用的无非是按需加载了，今天就带大家重点且详细的讲一下原生JS实现的图片懒加载。

不读诗意·2023-03-24 00:14

jQuery的 one 方法

在给函数绑定事件的时候，可以在事件触发一次的时候，就取消掉事件绑定，这样有两个好处，一是有的需求是只希望完成事件被触发第一次时产生效果，二是事件监听是浪费资源的，这样可以只在需要的时候监听jqueryone使用示例使用原生

cc_a818·2023-03-21 22:50

javascript 滚动条组件 js-scrollbar 原生js 无引用

最近在找js的滚动条组件没找到特别合适的自己造了个轮子有用的上的可以拿走js滚动条组件@xpf0000/js-scrollbar特性原生代码,无引用自定义滚动条样式尽量减少对页面的侵入度,只增加两个横竖div滚动条自动监听尺寸和内容变化,自动响应鼠标无动作,自动隐藏,可开启关闭安装npminstall@xpf0000/js-scrollbar使用import{XScrollBar}from"@xp

非常帅气的昵称吧·2023-03-21 16:58

JQuery知识总结

基础jquery获取元素的方法：$()在jQuery中，只有一个全局变量$,这是jQuery的一大特点，避免了全局变量的污染jquery对象：$()方法获取到的内容叫做jQuery对象jQuery对象中原生

Aaron胖虎·2023-03-21 04:55

jq到原生js转换

Xinxing_Li·2023-03-21 02:10

原生js中setInterval简单小案列

菜鸟教程(runoob.com)#myProgress{width:100%;height:30px;position:relative;background-color:#ddd;}#myBar{background-color:#4CAF50;width:10px;height:30px;position:absolute;}JavaScript进度条点我varelem=document.ge

Miracle_6e4f·2023-03-20 22:51

原生js模仿QQ空间留言版

代码很简单，主要是利用createElement、appendChild、removeChild来创建、添加和删除元素。使用textarea标签作为输入框，button提交。表单提交后还得刷新页面，所以就没有使用。刚学习htmldom可能有些地方写得很蠢，欢迎批评指正。github地址：https://github.com/llycc/learn-js。以下是代码。MessageBoard.con

llycc·2023-03-20 18:06

原生js实现仿京东商品放大镜效果

文章目录一、执行效果二、代码结构1.HTMLCSS2.js三、易错点四、代码五、图片一、执行效果二、代码结构1.HTMLCSSclass="preview"的div里面放小图片、黄色遮罩层和大图片给黄色遮罩层和大图片position:absolute;，并定位至对应位置大图片的div给固定宽高，图片超出部分overflow:hidden;cursor:move;给黄色遮罩层一个鼠标看起来可移动的样

小火娃·2023-03-19 15:35

H5 EPG异常排查兼容处理

由于很多盒子机型比较老，所以大多数情况都是用原生js进行开发，但还是会有很多需要适配和浏览器上不存在的问题。input焦点问题如果页面上不只有一个input输入框，默认会有一个获得焦点。

牛奶是本命___·2023-03-19 11:02

js原生—— 无缝轮播

今天分享前端开发学习中的一个很经典的案例——原生JS实现无缝轮播图。

JennyWeb·2023-03-19 11:55

基于原生JS封装的Modal对话框插件

基于原生JS封装Modal对话框插件原生JS封装Modal对话框插件，个人用来学习原理与思想，只有简单的基本框架的实现，可在此基础上添加更多配置项API配置//基本语法letmodal=ModalPlugin

马涛涛_风·2023-03-18 21:17

H5拖放

一字之差，代表的意义是不一样的，拖拽就是拉着走，拖放就是有拖，有放，我们都知道原生JS拖拽效果的缺点：1.代码相对复杂与冗余2.仅限于在浏览器内的元素间拖放3、不能实现跨页面的拖放所以H5就出现了拖放技术

入戏半分笑·2023-03-18 17:39

淘宝购物车web页面模仿

采用HTML+CSS+原生JS手写，未使用组件开发。

Cristine_LZ·2023-03-18 16:01

原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

一、原生JS事件绑定方法：1、通过ＨＴＭＬ属性进行事件处理函数的绑定如：＜ahref="#"onclick="f()"＞2、通过JavaScript对象属性进行绑定：vara=document.getElementById

af13e05a9b9a·2023-03-17 10:53

Node后台开发

对于前端开发人员，使用原生JS+Node.js即可实现简单的后台开发，上手速度快，也可以锻炼自己成为全干(栈)工程师。

打酱油12138·2023-03-17 04:02

vue + 原生js form表单下载文件

leturl=window.location.origin;//获取页面（'?'前边的URL）链接letparams={//参数Path:path,FileName:name,};//创建formletform=document.createElement('form');form.id='form';form.name='form';document.body.appendChild(form)

who_are_you_·2023-03-17 01:06

原生JS读写文件

我一直以为读写本地文件只有node能实现，但是昨天搞了一个chrome浏览器的拓展应用，不能使用node（可以运行node，但是不能读写文件，那还用毛node），直接用原生js干凿，但是我要实现的功能就是要读写文件

文者字清·2023-03-16 20:17

Vue 初体验

Vue初体验原生JS写项目的问题语法冗长，复杂，操作页面麻烦，效率低JQuery开发的问题提供了简单的api，简化了操作dom的方式但是没有对业务逻辑分层，需要维护数据和dom之间的同步MVVMM:model

程行者·2023-03-16 06:17

前端面试题型汇总（适合社招两-三年水平）

目录原生JSajax，fetch和axios手撕代码题React关于fiber结构ReactHooks原理Re

友人C君~·2023-03-15 14:27

实现一个简单的jQuery

jQuery说到底是一个函数对象，一个通过原生js实现了某些功能的函数，被封装成了一个js对象。

si_月·2023-03-14 18:39

原生js实现双向数据绑定

原理本篇是使用Object.defineProperty()来实现双向绑定该方法提供一个对象的get&set回调，即当对象发生变化时会调取这两个方法，以此来实现修改对应的dom源代码121213varobj={}bindDomWithObject({id:'bv2d',obj:obj,prop:'name',type:'change',updated:function(obj,prop,dom){

LElysion·2023-03-14 14:05

jQuery 常用API

能够写出常用的jQuery选择器能够操作jQuery样式能够写出常用的jQuery动画能够操作jQuery属性能够操作jQuery元素能够操作jQuery元素尺寸、位置jQuery选择器jQuery基础选择器原生

CaptainDrake·2023-03-14 13:18

js常用的循环和判断

最常用的if判断语句：if(/*条件表达式*/){//成立执行语句}else{//否则执行语句}原生js的--for循环：//for循环的表达式之间用的是;号分隔的，千万不要写成,for(初始化;判断;

G_zefeng·2023-03-14 12:54

原生js获取地址栏参数

ps:项目太忙，忘记从哪搬来的了，做个记录收藏一下主要方法代码//核心代码//获取全部地址栏参数functiongetUrlParams(){varvars={}window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(m,key,value){vars[key]=value})returnvars}//获取指定地址栏参数fun

前端勾魂师·2023-03-14 05:08

使用websocket搭建一个简单的聊天室

而前端则不采用框架，直接就是原生js加c

咩也都唔识·2023-03-13 19:00

原生JS手写一个可拖拽的进度条

Document#progress{height:20px;width:500px;background-color:#ccc;border-radius:8px;position:relative;}#progress_pill{position:absolute;border-radius:8px00px8px;height:100%;background-color:red;left:0;t

Thesand·2023-03-13 19:45

谷歌浏览器获取本地json文件跨域问题及JSONP的应用

最近需要读取本地json文件，找到了原生js方式和ajax方式，都会报跨域的问题。于是研究了下什么是跨域，为什么会跨域，以及JSONP解决方案的运用。一、我是怎么遇到跨域问题的？

celineWong7·2023-03-13 04:16

React各版本性能优化方案原理分析

前沿开发动画复杂或是很重的项目react真的会比原生js性能要好吗？

野蛮生长_ed2e·2023-03-13 01:52

uniapp路由传多个参数_原生 js 实现一个前端路由 router

biaochenxuying.github.io/route/index.html2.淡入淡出效果：https://biaochenxuying.github.io/route/index2.html1.需求因为我司的H5的项目是用原生

weixin_39949297·2023-03-11 18:22

谈谈原生 JS

既然这些库这么好用，还有必要去学习原生JS吗？

技术与健康·2023-03-11 13:12

移动端开发rem模式开发

1，通过js来改变html的根目录字体大小来动态改变界面的字体大小来自适应，2，最好放在全局变量里面，让整个页面都共用，3，每个盒子里面要设置字体大小不然变大屏幕字体会看不见，原生js代码其中document.addEventListener

凉柠_da5d·2023-03-11 10:50

原生JS手写一个登录注册

首先写一个登录界面Document注册昵称邮箱密码lethash={}$()*{margin:0;padding:0;}*{box-sizing:border-box;}body{display:flex;min-height:100vh;justify-content:center;align-items:center;flex-direction:column;}.form-wrapper{b

不爱举铁的伪文青不是好前端·2023-03-10 14:34

对虚拟DOM的一些理解

比如说我们要操作一个数据报表，大概有几百条数据，要对其进行排序的操作，若使用原生JS来操作，对DOM元素进行一个排序操作起来很麻烦，也很难实现。

小废柴JH·2023-03-10 10:01

图片上传七牛token失效

由于公司后台web需要兼容到IE8，对上传图片的模块进行了修改，本来是运用h5自带的上传文件方法，但是在IE8,9中原生js不支持input=file，所以参照了七牛提供的上传方法。

jcf_webworker·2023-03-10 04:50

原生js实现瀑布流布局

首先是布局然后要完成瀑布流布局，必须要用定位接着就是js了，先请求ajax数据接着就是瀑布流了到这一步就算是完成了，看一下效果觉得还可以的就点了关注吧

无味的代码·2023-03-09 22:50

DOM映射+ajax

原生JS和jQuery在DOM映射中的区别在原生JS中，有DOM映射，改变页面内容，JS中获取的元素集合同时改变在jQuery中，没有DOM映射，只有等元素插入到页面之后，才能获取jQuery中数据获取

Dream_丹丹·2023-03-09 19:04

字符串的简单运用

原生js实现字符串去除两边的空格varStr="qwert",functionRemmovespace(str){varstr1=Str.replace(/^\s*|\s$/g,"")}Remmovespace

人生如梦_0335·2023-03-09 05:59

原生JS实现图片轮播 JS实现小广告插件

最近想用原生JS多实现一些小功能，现在写到博客里，大家可以借鉴，有问题欢迎指出。轮播图需求：图片循环轮播，可点击左右切换，切换状态与绑定，鼠标移入图片悬停，鼠标移出图片继续循环切换。

·2023-03-08 21:22

2021年滴滴出行前端面试题目（一面）

------------理论部分-----------------------------------------------------2.前后端你都用过哪些技术3.了解BFC么，简述一下BFC4.原生

疯狂的GISer·2023-02-28 07:33

原生js XMLhttprequest请求onreadystatechange执行两次的解决

目录原生jsXMLhttprequest请求onreadychange执行两次关于readyState不同状态总结(0)未初始化(1)载入(2)载入完成(3)交互(4)完成总结原生jsXMLhttprequest

·2023-02-27 18:43

Vue-cli3中使用TS语法示例代码

类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。

·2023-02-27 18:08

Vue3获取DOM节点的3种方式实例

目录1.原生js获取DOM节点：2.vue2中获取当前组件的实例对象：3.vue3中获取当前组件的实例对象：总结1.原生js获取DOM节点：document.querySelector(选择器)document.getElementById

·2023-02-27 18:49

原生JS面向对象实现打砖块小游戏

本文实例为大家分享了JS实现打砖块小游戏的具体代码，供大家参考，具体内容如下通过面向对象,通过修改对JS的调用次数可直接设置打砖块游戏的个数小球的反弹速度以及反弹方向都设置了随机值,当小球与砖块发生碰撞时,会使砖块display属性设置为none,从而达到消失的效果.HTML代码: Document *{ margin:0; padding:0; }

·2023-02-27 18:54

原生js实现在线批量打包压缩下载多个word文档

先引入这三个js//github下载地址：https://github.com/Stuk/jszipnpminstalljszip//FileSaver.min.js：https://download.csdn.net/download/weixin_45791806/87272893测试的HTML120以内的退位减法口算练习题120以内的退位减法口算练习题120以内的退位减法口算练习题120以内

YH丶浩·2023-02-22 16:35

uniapp使用悬浮窗组件添加点击事件的处理方法以及拖拽出界的问题

如果用原生Js写会异常的复杂，所以使用那些大佬们已经开发好的组件会使开发变得异常的简洁。我刚来亚信实习的时候，接手了项目---生产端H5的开发。

小刘加油！·2023-02-22 16:32

Js如何删除所有子元素以及当前元素

示例展示deleteallelem具体描述在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的原生js代码//

itclanCoder·2023-02-21 13:55

Js如何实现升序和降序

前言在网页中,实现列表的升序和降序,是一个比较常见的操作,尤其是在做一些数据栓选表格的时候,按照索引,时间等特定的参数,提供升序和降序排列的功能的具体示例sort原生js在原生js中主要是操作DOM,遍历节点