js原生

js原生事件绑定

关于事件绑定的面试题和实际运用如何编写一个通用的原生事件监听函数？//简单封装一个通用事件绑定functionbindEvent(elem,type,fn){elem.addEventListener(type,fn);}vara=document.getElementById('link1');bindEvent(a,'click',function(e){e.preventDefault();
念旧的阿蛮·2019-12-23 02:02

js中数据类型检测方法

运算符constructor方法instanceof运算符object.prototype.toString方法和Array.isArray（用于检测数组），下面分别介绍以上几种方法typeof运算符：是js
zhangjianli·2019-12-22 20:50

SuperAgent 的使用文档

当你想处理get,post,put,delete,head请求时,你就应该想起该用它了.SuperAgentsuperagent是一个轻量的,渐进式的ajaxapi,可读性好,学习曲线低,内部依赖nodejs
DontPushMeForev·2019-12-22 11:19

js原生实现拖拽-闯关秘籍

用原声实现拖拽是个老生常谈的事情；但是实现的好坏也能分出来个层次，如能够拖拽起来就算是做到了50%，但是如果能再多思考思考，做兼容性的处理，容错处理，甚至在写的时候能想到性能更高的方式去实现，就更棒了。下面来说下实现这个拖拽的各个层次Level1拖拽起来使用原生方式实现拖拽，有几个基础的知识点要清楚mousedownmousemovemouseup能想到这三个事件说明是有大体的思路的；offset
ya2333·2019-12-21 14:58

JS 判断元素父子关系

如果界面发生一个点击事件，在document监听到这个点击事件，怎样判断点击位于哪个父元素下面（PS这个HTML代码写的语义不明确，层级很复杂）查找资料后，有下面几个解决方案原生JS原生JS中可以使用dom.contains
Michael18811380328·2019-12-20 13:37

JS原生方法

箭头函数和this的用法1.先看一下箭头函数=>(x)=>x+6等价于function（x){returnx+6}letvarible=(n1,n2)=>n1+n2;等价于varvarible=function(n1,n2){returnn1+n2;}若没有参数，也必须有()即letsum=()=>1+2;等价于letsum=function(){return1+2;}若需要返回一个自定义对象，用
来去匆匆不过过客·2019-12-20 00:38

树状图组件数据转换

将有id和父级id的正常json数组改变为有children内嵌字段的方法（俄罗斯套娃，可用于树形控件和树形表格的生成，纯js原生代码，不需要其它依赖）treeDataFormat(data,idField
平胸定天下·2019-12-19 09:00

树状图组件数据转换

将有id和父级id的正常json数组改变为有children内嵌字段的方法（俄罗斯套娃，可用于树形控件和树形表格的生成，纯js原生代码，不需要其它依赖）treeDataFormat(data,idField
平胸定天下·2019-12-19 09:00

VUE基础（一）

框架的核心理念：数据驱动、组件化数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom例如：需求我们点击一个BUTTON按钮，需要按钮（文本）进行start和stop的切换（JS
bob_python·2019-12-19 05:25

JavaScript 实现方法重载

JavaScript实现方法重载JS原生并不支持方法重载，如果定义了两个相同名称的方法，总是执行最后定义的那个。但是原生不支持不代表不能实现，毕竟JS是一门灵活的动态语言。
fete·2019-12-18 12:29

关于Electron原生模块编译的一点总结

好在，Electron同样支持Nodejs原生模块，只不过，需要用Electron的头文件进行重编译。
charles0427·2019-12-17 06:06

Ajax 用js原生实现

ajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是XMLHttpRequest对象；ajax请求过程：创建XMLHttpRequest对象、连接服务器、发送请求、接收响应数据；创建ajax过程(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.(3)设置响应HTTP请求状态变化的函
纹小艾·2019-12-17 05:00

js 原生方法操作 cookie 详解

js原生方法操作cookie详解客户端存储小型数据的方式有cookie和storage两种这两种存储方式都是基于站点的，也就是说不同的站点有不同的cookie和storagecookie是document
KyleBing·2019-12-17 03:12

js原生实现链式动画效果

//1.css样式div{width:100px;height:100px;background:olivedrab;position:absolute;left:0px;opacity:1;}.top{top:100px;}.bottom{top:300px;}//html和JavaScript代码//多物体多值链式运动框架//获取对象样式相对应属性的值vartargetObj={width:4
Artsmp·2019-12-15 13:00

Flutter

跨平台方案对比：平台原理UI渲染性能开发效率动态化ReactNative、WeexNative+JS原生控件好高支持FlutterNative+自绘UI调用系统API渲染安卓机型普遍优于Native,iOS
tommychangz·2019-12-07 20:18

JS原生：8行实现发电报效果

电视剧中经常出现文字一个一个地出现的屏幕上，好像是发电报一样，其实用原生js很容易就能实现，就8行代码。```html:run*{background:#000;padding:0;margin:0;}p{color:white;font-size:65px;text-indent:130px;font-family:"kaiti";}vartransmitter=document.getElem
固始县钱成·2019-12-07 11:53

lodash入门

是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。
戈德斯文·2019-12-01 19:26

js原生事件

JavaScript事件基础和事件绑定事件驱动1.事件JavaScript侦测到的用户的操作或是页面的一些行为(怎么发生的)2.事件源引发事件的元素。(发生在谁的身上)3.事件处理程序对事件处理的程序或是函数(发生了什么事)JavaScript事件分类补充事件:onscrollonresize重点讲解事件:onmousewheel鼠标滚动;IEaddEventListener("DOMMouseS
ningluo·2019-12-01 14:07

你真的会用JavaScript中的sort方法吗

  在平时的业务开发中，数组(Array)是我们经常用到的数据类型，那么对数组的排序也很常见，除去使用循环遍历数组的方法来排列数据，使用JS数组中原生的方法sort来排列（没错，比较崇尚JS原生的力量）
橱窗外的小孩·2019-11-28 09:00

你真的会用JavaScript中的sort方法吗

  在平时的业务开发中，数组(Array)是我们经常用到的数据类型，那么对数组的排序也很常见，除去使用循环遍历数组的方法来排列数据，使用JS数组中原生的方法sort来排列（没错，比较崇尚JS原生的力量）
Peerless1029·2019-11-25 08:00

JS原生DOM增删改查操作

1.0DOM操作增删改查1.1.查询就是获取元素标准DOMAPIdoucment.getElementByIddocument.getElementsByTagNamedocument.getElementsByNamedocument.getElementsByClassNamedocument.querySelectorAll亲属访问属性获取getAttributegetAttributeNo
jayfeng925·2019-11-22 11:00

Node.js / Python 日志

一、Node.js日志1、原生Node.js原生方法其实很简单，就四个：//输出到stdoutconsole.log()console.info()=console.log()//输出到stderrconsole.warn
小蒋不素小蒋·2019-11-17 23:00

js+node.js+socket.io实现聊天功能（私聊，创建群聊）

1.登录，以及获取在线用户列表2.私聊功能3.群聊功能偶然发现了WebSocket,发现这个可以实时通信，在线聊天，所以就做了一个聊天工具的demo，记录一下源码Socket.ioWebSocket是js
orangleLi·2019-11-08 00:07

jQuery例子记录（持续更新）

目录：1.自定义事件2.操作DOM（与JS原生对比）1.自定义事件绑定自定义事件：$(".class").bind("refresh.widget",function(){事件函数内容});事件名称refresh.widget
何玉龙·2019-11-07 04:20

js原生创建模拟事件和自定义事件的方法

让我万万没想到的是,原来《JavaScript高级程序设计(第3版)》里面提到的方法已经是过时的了.后来我查看了MDN,才找到了最新的方法.模拟鼠标事件MDN上已经说得很清楚,尽管为了保持向后兼容MouseEvent.initMouseEvent()仍然可用,但是呢,我们应该使用MouseEvent().我们使用如下页面做测试.button{width:200px;height:200px;bac
再见田园犬·2019-11-06 19:59

[JavaScript]字符串是否已指定字符串结束或开始

//判断当前字符串是否以str开始//先判断是否存在function是避免和js原生方法冲突，自定义方法的效率不如原生的高if(typeofString.prototype.startsWith!
lyn0130·2019-11-02 14:54

ajax使用（js原生、jq库，angular，vue使用区别）

先开始简单的介绍下ajax这个东西。ajax是什么：ajax简单的说就是做数据交互使用的。Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。Ajax的核心是JavaScript对象XmlHttpRequest。ajax是异步的。同步：一次一个，前一个没完后一
虚幻的锈色·2019-11-01 15:42

js原生仿淘宝放大镜效果

js原生仿淘宝放大镜效果该效果主要模仿淘宝购物时的，当鼠标悬停于图片上端时，出现对应的放大模块，并且在附近区域显示对应的图片信息，主要运用到了js的监听鼠标在对应区域内的监听函数：onmouseenter
潘雄·2019-10-30 05:15

[转]JS原生Ajax代码示例

文章来源：JS原生Ajax和jQuery的Ajax与代码示例--苏凯勇往直前JS原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的，要使用js原生的Ajax完成异步操作，有如下几个步骤：
ShanerChan·2019-10-11 16:08

jquery-1

中的入口函数,只要写js就要写这个,相当于是main方法1.jQuery入口函数$(document).ready(function(){});2.简写$(function(){});jQuery的入口和js
Macht·2019-10-09 20:00

跨域请求的完美解决方法(JSONP, CORS)

恰巧我们知道JSON可以简洁的描述复杂数据，而且JSON还被js原生支持，所以在客户端几乎可以随心
·2019-09-25 05:13

基于javascript显示当前时间以及倒计时功能

自我练习，顺便分享给大家的一段js原生代码。Date对象用于处理日期和时间。Date()返回当日的日期和时间。getDate()从Date对象返回一个月中的某一天(1~31)。
·2019-09-25 04:04

Mui使用jquery并且使用点击跳转新窗口的实例

{document.location.href=this.href;});这样做是行的，但是有很多问题，比如点击侧栏的时候，就不出现，错误很多，经实践自己的方法还是可行的，写多了jquery，竟然调试js
·2019-09-24 14:50

JS/jQuery判断DOM节点是否存在的简单方法

JS原生判断DOM节点是否存在页面中JavaScript原生函数没有提供判断DOM节点是否存在方法，我们通常获取DOM节点几乎都是document.getElement..方法，会返回一个object数组合集
·2019-09-24 05:07

浅谈js原生拖放

可拖动网页中的图像、链接和文本是浏览器默认可以被拖动的，HTML5为所有的HTML元素都提供了一个draggable属性，当这个属性的值为true的时候，元素被视为可以拖动。拖动图像或者链接时，将鼠标放在图像或者链接上，按住鼠标不放就可以拖动它。拖动文本时，要先选中文本，然后可以像拖动图像一样拖动选中的文本。被拖动的元素事件拖动图片时依次触发：drapstart,drag,dragend事件。这三
·2019-09-24 05:18

js原生实现FastClick事件的实例

注明：本人学习javascript时间不长，最近一直在做web端的手机网页和微信应用，由于最近有用到类似fastclick的功能，在原来的程序中用touchstart和touchend事件模拟，现在尝试将其封装，得到了以下两种有问题的方案。分享给大家，另求大神指导在手机端Webapp开发中，click事件的300ms的延迟，会造成响应缓慢，尤其在低端机中尤为明显。而使用touchstart或者to
·2019-09-24 05:38

js原生跨域_用script标签的简单实现

刚刚从培训班学习完,总想写一下东西,自从进入了这个院子,每次出现问题,总是能找到一些答案,给我一些帮助.作为新手,就写一下简单的吧,院子里面有很多大牛,说句实话,他们的很多代码我都看不懂.我就写一下新手看的懂得吧,多说一句,我觉得大牛写的代码应该通俗易懂才可以。.代码非常的简单,但是写的过程中,仍然发生了一些小错误,最后还是解决了。手写js跨域searchvarhead=document.getE
·2019-09-24 04:14

浅谈JS原生Ajax,GET和POST

javascript/js的ajax的GET请求：/*创建XMLHttpRequest对象*/varxmlHttp;functionGetXmlHttpObject(){if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpRequest();}else{//codeforIE6,I
·2019-09-24 02:55

js获取iframe中的window对象的实现方法

jQuery获取iframe的window对象varwin=$('#ifr')[0].contentWindow;JS原生方法获取iframe的window对象document.getElementById
·2019-09-24 02:32

nodejs爬虫抓取数据乱码问题总结

https://vk.com/cciinniikk可耻地发现是这种编码所有这里主要说的是Windows-1251（cp1251）编码与utf-8编码的问题，其他的如gbk就先不考虑在内了~2.解决方案1.使用js
·2019-09-23 22:09

原生js和jquery实现图片轮播淡入淡出效果

图片轮播有很多种方式，这里采用其中的淡入淡出形式js原生和jQuery都可以实现，jquery因为封装了很多用法，所以用起来就简单许多，转换成js使用，其实也就是用js原生模拟出这些用法。
·2019-09-23 21:01

js实现div弹出层的方法

具体分析如下：话说现在各种插件出来了要实现弹出层真是太简单了，但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西，下面来给各位分享一个原生太jsdiv弹出层实例，有需要的朋友可一起看看。
·2019-09-23 19:35

JS中实现简单Formatter函数示例代码

JS原生并没有提供方便使用的Formatter函数，用字符拼接的方式看起来混乱难读，而且使用起来很不方便。
·2019-09-23 18:41

关于jQuery判断元素是否存在的问题示例探讨

最近做jQuery训练时遇到jQuery判断元素是否存在时出现问题.题目如下：请在"选择按钮3"后面,添加Id=rad4,处于选择状态的,之后文字为"选择按钮4"的HTML控件,只能添加一次(自由选择使用js
·2019-09-23 18:55

原生JS拖拽效果

很多时候我们做网站都会遇到JS拖拽的需求，今天就按照一个弹出框拖拽作为一个小案例写个JS原生的代码。按照上面的需求咱们开始制作一个拖拽效果吧。
艾弗森哇·2019-09-23 17:48

js获取css的各种样式并且设置他们的方法

js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面;这里我们就需要：下面这个代码主要是设置为了兼容
·2019-09-22 23:56

js原生代码实现轮播图的实例讲解

在这里分享一下，用js原生代码，实现轮播图的常见效果！思路比较清晰，而且可重复性高，也几乎包含了现在网页上轮播实现的所有效果！
·2019-09-22 22:42

JS原生轮播图的简单实现(推荐)

今天咱们来说一下JS原生轮播图！
·2019-09-22 22:56

JS原生带小白点轮播图实例讲解

咱们刚刚说了js原生轮播图，现在给他加上可以随着一起走动的小圆点吧！
·2019-09-22 22:55

Javascript操作dom对象之select全面解析

html代码：北京大学清华大学北京电影学院js原生操作1.获取select对象；varuniversity=document.getElementById("university");2.获取select
·2019-09-22 21:46
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他