JS原生

DSBridge-Android 源码分析

一AndroidWebViewJs原生APIAndroidWebView提供了Js和WebView相互调用的接口，js调用Android代码通过@JavascriptInterface注解WebView.addJavascriptInterface
赤兔欢·2023-07-20 16:29

vuex优缺点小结

js原生的数
孟孟_mengmeng·2023-07-19 18:07

js原生获取某个div下的所有子节点

最终效果:js原生获取某个div下的所有子节点#wrapper{background-color:pink;}#wrapper.row{border:1pxsolid#000;}什么鬼写法不会吧啊这functiondoJsFor
小橙几·2023-07-19 07:35

前端开发：JS中堆和栈的区别

前言在前端实际开发中，有关JS原生的堆和栈也是很重要的点，关于底层和原理的掌握使用，尤其是在性能优化方面甚为重要。
三掌柜666·2023-07-18 19:13

缕析条分Scroll属性 | 京东云技术团队

最近有项目需要使用js原生开发滑动组件，频繁要用到dom元素的各种属性，其中以各种类型的height和top属性居多，名字相近，含义也很容易搞混。
京东云技术团队·2023-07-18 16:56

总结Js里面 数组与对象的遍历方法

Js原生方法for、for-in、map、ES6：forofES5：forEachforJs最普遍的遍历方法forvararr=[1,2,3,4,5]for(vara=0;a
裤裤他爸·2023-07-16 21:59

js原生、jquery获取input为text的输入框（单个/多个） 并清空value（bootstrap 输入框）

一、用bootstrap框架写了一个简单的表单，html结构和效果图如下：单选框一单选框二单选框三输入框一：输入框二：输入框三：输入框四：二、js原生获取input为text的输入框并清空value1、
程序媛zcx·2023-07-16 18:23

PostCSS分享

前沿背景我们在书写css的时候其实经历了以下几个阶段：手写原生CSS使用预处理器Sass/Less/stylus使用PostCSS使用cssmodules使用cssinjs原生css缺点：语法不够强大，
只会写Bug的程序员·2023-07-15 06:28

jQuery基础----修改CSS样式

链接:https://pan.baidu.com/s/1SH5gTBFkA43P2dcGBhcacw提取码:u4uq前面聊过通过js原生代码可以操作CSS
小猪弟·2023-07-15 00:22

前端 -＞ js原生选择器,jQuery选择器 基本选择器(ID选择器,元素选择器,类名选择器,复合选择器,通配符选择器)

文章目录jQuery基本选择器js选择器(原生选择器)jQuery基本选择器1.ID选择器ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。使用公式:$("#id")示例：$("#box")//获取id属性值为box的元素2.元素选择器元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标
欧皇小德子·2023-06-24 07:20

前端开发：JS的事件循环执行机制详解

前言在前端开发中，涉及到JS原生的使用原理是非常重要的知识点，尤其是在实际工作过程中会遇到各种复杂的业务需求场景，以及具体开发中可能会遇到一些涉及基于JS原理的使用，这都要求开发者能够很好的了解和掌握JS
三掌柜666·2023-06-16 22:09

前端什么最难学？

先附上整体的一些JS原生知识学习导图，可以参考着学习~相关教学视频【黑马前端】JavaScript课程：https://www.bilibili.com/video/
SiKi学院·2023-06-16 02:00

react阻止冒泡事件

1、合成事件在jsx中直接绑定的事件，如this.handleClick(e)}>更新这里的handleClick事件就是合成事件2、原生事件通过js原生代码绑定的事件，如document.body.addEventListener
desolator·2023-06-14 06:27

手撕前端面试代码题

字符串全排列广度优先实现深度优先实现排序和查找插入排序归并排序快速排序二分查找找出出现次数最多的元素-getMostItem()功能函数实现setTimeout实现setInterval函数柯里化防抖节流数据结构单链表设计模式发布订阅模式JS
friendshi洛初Udo邭·2023-06-14 05:09

js原生实现pc端日历组件

业务场景客户要求日期选择使用pc端的样式，前端在x5平台上，也就是需要用原始html、js、css等实现，笔者使用于原生javascript封装的PC端日历插件，不依赖任何第三方插件，复制的代码文件较长，可跳到总结处直接下载代码。效果图如下：其他效果代码实现主要用js与css完成，有个缺陷：选择月份时，不能跳到选择年，只能选了月份后在主弹框中选择年。使用方式浏览器端使用初始化zaneDate({e
qq_23128255·2023-06-14 04:53

jQuery其他事件

//JS原生写法window.onload=function(){}//jQuery写法，等同于上面写法$(window).load(function(){})//ready的写法$(document)
牛耀·2023-06-14 02:55

js原生文字一个一个显示效果

今日对文字一个一个显示出来的特效给吸引，决定用原生的给实现出来，实现运用到的substring方法、setInterval计时器、clearInterval、css样式、pre标签等；基本原理：1）substring作用是截取字符串，把截取的字符串传给指定的DOM元素；2）为了保证每次截取的字符串不同，因此需要用到setInterval计时器；考虑到setInterval计时器有个缺点就是停不下来
一岁倾城·2023-06-12 05:38

vue中列表渲染相关知识(v-for)

 for(vari=0;i我们再看看vue中如何实现列表渲染的        {{i}}    varapp=newVue({el:"#app",data:{list:[1,2,3,4,5]}})通过js
进阶的菜熊·2023-06-11 20:16

使用react hooks 和 ant-design 遇到的问题

ant-design遇到的问题功能介绍：实现登录，博客的增删改查技术点：前端使用reacthooks编写函数式组件，create-react-app创建项目，使用ant-design，后端使用node.js
Joemoninni·2023-06-11 03:57

JavaScript库：jQuery,简化编程

极大地简化了JavaScript编程，例如JS原生代码几十行实现的功能，jQuery可能一两行就可以实现，因此得到前端程序猿广泛应用。
富士康质检员张全蛋·2023-06-10 19:20

Android WebView与H5交互汇总

APP中内嵌Web页面非常常见，为了Web网页可以和原生进行交互，需要设计一套js-bridge，而这个桥接的设计底层都还是依赖系统提供的Webview与H5的交互，现有交互方式汇总如下：1、原生调用JS
dfqin·2023-06-10 06:49

前端面试题整理12

5.Js原生方法重写怎么实现？6.销毁生命周期在什么时候使用？项目中那用过？7.项目中遇到跨域怎么处理的？为什么会存在跨域？8.React封装组件的详细过程？9.Webpack的打包流程？
m-TT·2023-06-08 07:00

animate用法 js原生_animate动画、原生JS实现轮播图

写在前面最近在写项目的时候，才发现自己对css3这部分的内容已经生疏了，复习css3的时候，看到animate属性，就用其写了个焦点轮播图，当然自己也用原生JS码了个，当然css3动画无疑是锦上添花，还是要多总结啊，源码我们会在最后附上git地址，好了，下面我们就来说说他们是如何分别实现轮播效果的。正文一、css3-animate动画CSS3的animation属性可以像Flash制作动画一样，通
weixin_39834984·2023-04-21 19:39

js原生之锅打灰太狼

0.前言现在网上的小游戏太多了，4399啊，7k7k啊什么的，就有这锅打灰太狼的游戏，觉得挺有意思，就做一个看看，哈哈！！！timg.jpg1.简介锅打灰太狼是一款老少通吃，男女皆宜的益智游戏，哈哈！2.思路把静态页面做出来找到每个洞穴随机出现灰太狼和小灰灰让它们随机从洞穴出现点击事件：打灰太狼加分，打小灰灰减分添加时间，时间到了停止游戏最终结果3.代码实现3.1静态页面HTML结构灰太狼0Sta
旧丶时候·2023-04-21 09:09

记使用qrcode生成二维码

qrcode2.jpg记得引入之后，一定要注入3.jpg接下来就可以在view中使用啦3.在vue文件中创建一个容器，canvas4.jpg4.然后引入qrcode5.jpg5.然后定义一个函数，在函数内部利用js
ChaliceLee92·2023-04-16 22:10

JS原生滚动到指定元素

参考MDN-Web/API/Window原生js实现屏幕滚到到指定元素所在位置一、原生js方法1、Element.scrollTo()Element的scrollTo()方法可以使界面滚动到给定元素的指定坐标位置。语法：element.scrollTo(x-coord,y-coord)element.scrollTo(options)参数：x-coord：是期望滚动到位置水平轴上距元素左上角的像素
ymzhaoUSTB·2023-04-14 06:16

js原生——搜索框，模糊匹配（查询）

Document.content{width:500px;margin:40pxauto;}.search{width:400px;overflow:hidden;}.searchinput{float:left;}#val{height:35px;width:300px;padding-left:10px;}#sub{height:40px;width:80px;margin-left:3px;
h_jQuery·2023-04-13 12:27

JS原生监听滚动条

一.情景需求：页面中间某个部分能随着鼠标滚动而滚动，且不显示滚动条。二.思路如果只是考虑webkit内核那就没说的了，有css属性可以设置。但往往只有移动端开发才能这么霸道今天说的是兼容IE/Chrome/FireFox等主流浏览器的做法。你需要三个div即可实现，最外层div设置你需要显示的高宽以及overflow为hidden，第二层设置overflow-x。并将其宽度设置来超出最外层div，
HalouA_·2023-04-11 18:57

【js原生调用Node.js】使用spawn如果cwd不存在会报错

如果使用spawn函数执行命令时，指定的cwd目录不存在，会导致spawn函数抛出ENOENT错误。这是因为spawn函数在执行命令时需要在指定的cwd目录下执行，如果该目录不存在，则无法执行命令。要解决这个问题，可以在执行spawn函数之前检查cwd目录是否存在，如果不存在，则先创建该目录。以下是一个示例：const{spawn}=require('child_process');constfs
CN-Dust·2023-04-10 15:08

JS-api（一）

目录：（1）api-环境准备（2）api-搭建前端服务器（3）api-查找页面元素（4）api-修改页面元素（1）api-环境准备js的API：使用一个案例，来讲js原生的api，前端开发也需要自己的服务器
dengfengling999·2023-04-09 20:04

OC与H5交互

1:WKWebView与JS原生交互OC调用H5方法,给H5传参1:首先引入头文件#import2:设置WKNavigationDelegate代理并实现代理方法实现以下代码-(void)webView
纯阳子_·2023-04-09 12:05

6、JS原生查找元素方法

document.getElementById(“test”)document.getElementByName(“name”)document.getElementByTagName(“name”)document.getElementByclassName(“name”)getAttribute()setAttribute()removeAttribute()
Rinalin·2023-04-09 04:11

react&antd（6）js原生input文件上传框样式美化

在上个需求中虽然功能完成了，但是原生input框的样式太简陋了，不符合页面的整体风格，而且上面三个输入框也没有对齐，所以需要美化样式思路：input框可以先把之前的按钮透明度opacity设置为0,然后外层用div包裹。通过冒号对齐antd提供了相应方法，可以去antd搜索form表单修改前：修改后(这样模态框就好看多了)js代码this.Upload(e)}accept='text/plain'
郑板桥30·2023-04-08 03:26

js原生封装，生成随机数函数，直接调用函数传参就能用。

functionrandomNum(min,max=0){//随机函数，min>max?[min,max]=[max,min]:"";returnparseInt((max-min+1)*Math.random()+min);}
旧梦星轨·2023-04-06 23:04

webSocket配合koa2使用-非demo环境下模块化使用webSocket

koa2环境下使用原生nodews模块的过程首先需要引入ws模块（本人使用的是koa-generator初始化的项目，对应createserver操作在/bin/www.js文件中）,ws模块是nodejs
d7cc326f5e9c·2023-04-05 00:14

GEE对象列表排列

排序方法使用js原生的sort(...)排序方法，添加自定义的排序规则sortByProp(…)，通过这些自定义的规则可以实现对对对象列表排序，排序可以依照对象元
jlu_jw·2023-04-04 19:18

json对象转为url参数_url地址数据参数转化JSON对象（js三种方法实现）

下面将用3种方法实现：1、js原生方法思路：先通过split拆解？得到字符串phone=12345678901&
weixin_39890452·2023-04-03 03:39

前端面试,看这些就够了！

js原生获取的dom是一个对象，jQuery对象就是一个数组对
暴躁肥猫·2023-04-02 19:24

【防止原文被删备份】如何定义一个高逼格的原生JS插件【转】

以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体上是有些浮夸了。不过，也从侧面说明了原生js在前端中占着多么重要的一面。好了。废话不多说。咱们就来看一下怎么去做一个自己的
XING99·2023-03-29 09:43

打造炫酷的progressbar(上限可大于100%)

HTML+CSS+JS原生实现,兼容Chrome,Firefox,IE9及以上,兼容PC，移动端image引用varcp1=newColorProgress('progress','danger',84
lonelydawn·2023-03-27 16:33

lodash—JS原生库、underscore库、moment日期处理库

是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。
我的皎月闻越香_·2023-03-26 20:51

JS原生---歌词滚动效果案例

【开门见山】实现目标：需要让歌词列表随着播放的时间更新而滚动，即实时的跟随歌曲的进度而滚动效果：需要事先准备的东西：1.音频（mp3格式）：2.歌词（详细）：先展示html和css的实现（不重要,自己想怎样调都行，重点在js的逻辑实现）1.html：小tips:这其中的歌词列表ul里的li，可以用乱序假文(lorem)先去进行布局或样式的调整，后续再传入歌词。如：li*30>lorem3//生成三
BeWiseAndClear·2023-03-25 15:40

HTML+CSS+JS原生简易进度条

呜呜时隔多年终于修改完善好了这就是个超级简陋的进度条，代码就直接摆出来了，注释都有，菜鸡菜鸡，求大佬别喷~HTML部分SLIDERvarslider=(function(){//独立作用域??slide=function(){varblank=document.getElementById('blank');varfill=document.getElementById('fill');varsl
Fay!·2023-03-25 14:08

WKWebView与Js实战

通过本篇文章，至少可以学习到：OC如何给JS注入对象及JS如何给IOS发送数据JS调用alert、confirm、prompt时，不采用JS原生提示，而是使用iOS原生来实现如何监听web内容加载进度、
卡哇伊小王子·2023-03-25 10:22

PropTypes验证器

MyComponent.propTypes={//你可以将属性声明为以下JS原生类型必传参数.isRequiredrequiredArray:PropTypes.array.isRequired,optionalArray
Jonath·2023-03-23 09:49

attributes和property同步问题

js原生DOM对象的直接属性(固有属性)，我们统称为property既图中checkedimage.png为什么要理解这个?以checkbox为例由于用户操作的是propert
fb941c99409d·2023-03-23 06:44

JS原生Background Tasks

一.window.requestIdleCallback1.作用：这个方法将会在浏览器的空闲时间调用函数排队。这样可以使操作者在主事件循环上执行后台和低优先级工作，而不会影响延迟关键事件，比如动画和输入响应，函数一般会按照先进先执行的顺序进行调用，但是如果设置了timeout（超时执行时间），将会导致为了在超时之前执行相应的函数操作而打乱执行顺序。2.使用方法window.requestIdleC
秃头的小毛睿·2023-03-21 13:19

js原生—— 无缝轮播

今天分享前端开发学习中的一个很经典的案例——原生JS实现无缝轮播图。需求：1.鼠标移入轮播图时左右两边显示上一页下一页按钮，移出时隐藏2.鼠标点击箭头，图片发生轮播3.点击号码，切换到指定图片4.鼠标移出，图片每隔一定时间自动轮播5.当图片轮播到最后或最前一张的时候，图片无缝循环切换12345>CSS样式：样式部分比较简单，重点让li标签浮动并排，然后在盒子（类名为screen的div）里显示其中
JennyWeb·2023-03-19 11:55

H5拖放

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

js原生代码 键盘事件 和拖拽事件

一、键盘事件如何控制物体的移动二、鼠标拖拽出现透明层都必须定位，top、left都必须写，position:absolute;top:0;left:0;
谎言_afda·2023-03-17 13:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他