js原生第10页

js原生封装自定义滚动条

1/*2*@Author:dothin前端3*@Date:2015-11-2100:12:154*@LastModifiedby:dothin前端5*@LastModifiedtime:2015-11-2100:29:126*/7!function(){8varEventUtil={9addHandler:function(obj,type,handler){10if(obj.addEventLi

weixin_34326429·2020-08-16 16:15

js排序(二维数组/英文/中文)方法封装

1.一维数组排序(1)js原生sort/**@Name数组排序*@Param*list{array}原始数组*mode{string}默认asc升序desc降序*@[email protected]

lemon678·2020-08-16 13:33

JS常见方法封装之数组

Array类型元素API在此之前你还需要掌握一些JS原生的字符串API。Array对象属性length设置或返回数组中元素的数目Array对象方法concat()连接两个或更多的数组，并返回结果。

Black Lacus·2020-08-16 10:46

Vue setter/getter 是何原理？

1、defineProperty重定义对象JS原生es5版本提供对象重新定义的接口definePropertydefineProperty可以修改对象的访问器属性，对象属性值发生变化前后可以触发回调函数

weixin_30326745·2020-08-16 08:05

原生安卓调用js方法（加载本地html文件）

原生安卓和js的交互WebView的基本使用基本配置原生安卓调用js原生安卓代码js代码WebView的基本使用基本配置1.在xml里创建如下代码2.在AndroidManifest.xml里加入如下权限

可乐_@吸管·2020-08-15 19:53

JavaScript数组sort排序

js原生就拥有一个排序函数，平时用库用的多，很对内在的方法都忘记了。

deng131·2020-08-15 13:35

js获取对象的长度和名称

1.对象的长度不能用.length获取，用js原生的Object.keys可以获取到：请看下面例子：varobj={'name':'zhangsan','age':'25','sex':'男','telphone

slqt_6688·2020-08-15 11:53

js中一个对象中遇到一个相同的key所对应的value值相加

如图：变成：js原生如下:varabc=[{typeid:1,ade:1},{typeid:2,ade:1},{typeid:1,ade:2},{typeid:1,ade:2},{typeid:2,ade

weixin_33851429·2020-08-15 08:43

扩展js原生对象的正确姿势

尘埃不会飞·2020-08-15 00:12

JS原生实现简单的轮播图(完整代码,一看就懂)

实现完后的效果图：实现思路:先实现能左右箭头点击能实现图片的更换，也就是五张图片先隐藏然后看一下当前要现在第几张就让它显示，其他四张隐藏。需要注意的地方是当前图片是第一张或第五张的时候我们要加判断条件。如果当前图片是第一张的时候用户点击了左箭头，我们应该要显示的是第四张图片，如果当前图片是第五张的时候用户点击了右箭头，我们应该要显示第一张图片。小圆点跟左右箭头的思路差不多，当用户没有点击的时候就跟

SnapTap·2020-08-15 00:48

JS原生对节点的增删改查

1.内置对象String(两种创建方式，直接量和new方式)Number(类似java中的整形和浮点型，不区分小数点)BooleanArray（中括号，两种创建方式；new方式创建可以不指定数组长度）MathDate（new方式创建，有无参和带参两种）RegExp（用来匹配正则表达式，两种创建方式）Functionvarreg=/正则表达式/[范围];varreg=newRegExp("正则表达式

爪哇岛的流浪汉·2020-08-14 23:28

js原生拖拽

style样式#box{width:100px;height:100px;background:deeppink;position:absolute;border:2pxpinksolid;}#boxT{width:80px;height:80px;background:pink;position:absolute;border:10pxdeeppinksolid;}#boxS{width:60p

xiaozhen0610·2020-08-14 12:00

js原生写一个放大镜

现在很多pc商城查看商品详情的时候，鼠标移动过商品图片的时候，图片都有放大功能，现在利用js一些属性，元素写一个小型的放大镜，代码如下：body,div,img{margin:0;padding:0}#main{width:300px;height:187px;margin:50pxauto;position:relative;}#small{width:100%;border:1pxsolid#

码铁博客·2020-08-14 12:25

vue搞定图片懒加载

(一)js原生实现方法css代码段.loading{width:100%;display:flex;flex-wrap:wrap;.wrapper{width:50%;img{width:100%;height

水蜜桃那么甜·2020-08-14 09:11

踩坑Better-Scroll框架

因为js原生的滚动条scroll在移动端会有卡顿的现象，所以开发者常常会使用scroll类的框架，比如better-scroll。但是使用better-scroll需要注意一些问题。

Bigfishseasugar·2020-08-13 22:54

ES6-模块化

ES6-模块化在es6标准中，js原生支持module了。importtestfrom'.

azhu3020·2020-08-12 16:01

ES6经典面试题

答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。

缘飞梦·2020-08-11 22:51

ES7前端异步玩法：async/await理解 js原生API妙用（一）

ES7前端异步玩法：async/await理解在最新的ES7（ES2017）中提出的前端异步特性：async、await。什么是async、await？async顾名思义是“异步”的意思，async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。并且await只能在async函数中使用通常async、await都是跟随Promise一起使用的。为什么这么说

anmei1912·2020-08-11 21:34

js原生table定义checkbox,并获取值放到数组

表格定义：添加上架序号商品名称商品种类采购价格${vs.index+1}${o.goodName}${o.typeName}${o.price}没有相关数据${page.pageStr}js方法：functionshelves(){//varnn=$("#allboxs").is(":checked");//varfollowers=document.getElementsByName("good

yumuxixi·2020-08-11 19:18

js原生实现拖拽，四角四边缩放

实现功能：可拖拽、4角可缩放，4边拖拽可改变宽高；*{margin:0;padding:0}.box{position:absolute;top:100px;left:100px;}/*四边*/.box.t,.box.b,.box.l,.box.r{position:absolute;z-index:1;background:#666;}.box.l,.box.r{width:10px;heigh

MmM豆·2020-08-10 18:25

Node.js C++插件实践指南

官方对Node.jsC++模块解释如下Node.JS插件是使用C++编写的动态链接库，可以被Node.JS以require的形式载入，在使用时就像Node.js原生模块一样。主

sundial dreams·2020-08-10 16:37

JavaWeb-Ajax

Js原生Ajax和Jquery的Ajax一、Ajax概述1．什么是同步，什么是异步同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待，卡死状态。

W_Meng_H·2020-08-10 14:34

value,innerHTML,innerText和val(),html(),text()的区别

this.value是js原生代码对浏览器中的元素的访问方式；$(this).val()是针对原生访问做的封装，一般是访问标签中含value熟悉的标签值。

余三二·2020-08-10 11:40

html5 一些常见的属性和方法

attribute与propertyattribute属性HTML中的预定义与自定义属性,在js中被一个叫做attributes的property所维护property属性JS原生对象的直接属性两者间的转换关系对非布尔值属性而言实时同步对布尔值属性而言

nbHaoHao123·2020-08-10 11:35

当获取图片失败时候,显示默认图片

这时候我们就可以试一下可以给他一个默认图片,完美一下了真的有这方法:在vue项目时在html中img标签加入:οnerrοr="defaultImg"/*适合少量的img标签的*/在JavaScript中加入默认的图片js

weixin_30265103·2020-08-10 02:27

NodeJS 常用模块整理

cluster&forever虽然nodejs原生已经提供了cluster模块，大部分情况下可以满足我们的基本需求，但这两个模块cluster和forever都提供了更强大的功能。

mergerly·2020-08-09 22:27

js原生克隆方法

原生js克隆封装原生语法克隆//为了看得清楚一点,参数变量属性命名都是随意//主要思路[五点]//1,遍历对象//2,判断是不是原始值typeof(),instanceof,toString,constructor[这些方法都可以]//3,判断是数组还是对象//4,建立相应的数组或对象//5,使用递归varobj={aa:"woani",bb:'34',cc:[1,2,3,4,5],dd:{ai:

努力一直在路上·2020-08-09 15:41

JS原生Ajax和jQuery的Ajax原理和使用（玩转Ajax）

一、Ajax概述1．什么是同步，什么是异步同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待卡死状态。异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随意做其他事情，不会被卡死。2．Ajax的运行原理页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提交请求到服务器端，在这段时间里，客户端可以任意进行任意操作，直到服务器端将数据返

sunshine晴空·2020-08-09 10:18

js复制内容到剪切板

常见方法查了一下万能的Google，现在常见的方法主要是以下两种：第三方库：clipboard.js原生方法：document.execCommand()分别来看看这两种方法是如何使用的。

qq_34092577·2020-08-09 10:53

ajax 、jsonp 、Promise 封装

一、JS原生Ajaxajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是XMLHttpRequest对象；ajax请求过程：创建XMLHttpRequest对象、连接服务器、发送请求、

crli·2020-08-09 09:31

Lodash 扩展JS通用方法

是一个意在提高开发者效率,提高JS原生方法性能的JS库更多精彩更多技术博客，请移步asing1elife’sblog官网LodashDocumentationlodash中文文档语法集合[Collection

asing1elife·2020-08-09 07:49

js原生touch事件实现微信语音按住录音，上滑取消。

由于在微信公众号上要开发语音聊天功能，前端需求就需要有一个类似微信的语音聊天，我看了下微信的语音，操作流程就是按住录音，滑动超出一定距离就取消发送。需求确定了，下面就是敲代码了lee-voice*{margin:0;padding:0;}html,body{background:#fff;}.btn{position:fixed;bottom:0;width:100%;height:150px;b

李逸风·2020-08-08 21:46

html使用JQ调用移动端端相册功能的实现

之前逛论坛看见有人对js原生调取相册功能的解释，自己又用JQ谢了一遍，最主要还是将input属性tepy设置为file，上代码：html部分：js部分：别忘了引JQ文件functionreadURL(input

小甜甜的下雨天·2020-08-08 20:56

JS常用webApi总结

在不用JQuery库的情况下，运用JS原生代码做一些页面效果DOM1、获取元素通过ID，Class，TagName,获取，经常使用的是document.querySelector(),document.querySelectorAll

北风_雨神·2020-08-08 16:41

JS常见方法封装之字符串

String类型元素API在此之前你还需要掌握一些JS原生的字符串API。charAt()返回指定位置的字符。

Black Lacus·2020-08-08 16:41

js原生获取系统当天时间从00:00点到23:00

//设置默认开始时间varcurr_time=newDate();varstartTime=curr_time.getFullYear()+"-";startTime+=curr_time.getMonth()+1+"-";startTime+=curr_time.getDate()+"“;startTime+=curr_time.getHours()+”:";startTime+=curr_ti

说学逗唱攻城狮·2020-08-07 16:40

node爬虫抓取拉勾网数据

node2.新建一个文件夹3.在该文件夹中初始化node应用npminit安装依赖：使用express框架使用superagent库：superagent是一个轻量级、渐进式的请求库，内部依赖nodejs

Volon Kou·2020-08-07 14:33

使用JSON序列化深拷贝的缺点

我总结了以下几种方式以及要点:1.JSON序列化这是我们比较常用的一种方式，但其实它有些缺点，先上代码1.1对js原生对象的测试letdeepClone=function(obj){returnJSON.parse

热情市民阿俊·2020-08-06 11:48

Js原生轮播图

轮播图*{margin:0;padding:0;}#outer{margin:50pxauto;width:500px;height:340px;background-color:pink;padding:10px;position:relative;overflow:hidden;}#imgList{list-style:none;/*去掉列表黑点*/position:absolute;left

JeFerone·2020-08-06 10:02

zzulp·2020-08-05 15:37

Node.js常用模块

Node.js原生模块querystring作用：将查询字符串转换为对象引用：varqs=require("querystring");常用API:qs.parse(str);示例：constqs=require

Callback_heaven·2020-08-05 15:10

js获取单选按钮(radio)的value值和点击事件

1、首先要引入Jquery（使用js原生方法的，可以不用）2、简单的示例代码：性别：男女方法一：//方法一varitem=null;varobj=document.getElementsByName("

左手写愛·2020-08-05 13:36

express 如何上传文件的原理和实现

express上传文件的原理和实现原理formidablemulterCOS1.原理1.1要想了解express上传我们先看看nodejs原生上传是怎么实现的letserver=require('http

weixin_30776863·2020-08-05 12:54

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

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

IT 哈·2020-08-05 10:54

javascript js原生ajax post请求实例

HTML代码：注意：xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");//用POST的时候一定要有这句无标题1AJAXvarxmlhttp;functionajaxp(){varstr="id=123";send(str);functionsend(arg){CreateXMLHttpRequ

weixin_30340353·2020-08-05 02:17

js原生和ajax的get和post方法以及jsonp的原生写法

login.onclick=function(){varxhr=newXMLHttpRequest();xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true);xhr.send();xhr.onreadystatechange=function(){if(

夜之悠然·2020-08-05 02:41

js原生ajax请求代码示例

一、前端html页面编写ajax的测试用户名:密码：二、原生ajax的js写法varxmlHttp;window.onload=function(){//监听用户名失去焦点事件varusernameEle=document.getElementById("username");usernameEle.onblur=function(){if(usernameEle.value.length==0)

SimpleSimpleSimples·2020-08-04 23:21

Vue.js 学习笔记（七）

事件监听有点web基础的就知道click，keydown，keyup之类的事件，但他们是js原生的，框架再怎么使用，也只是对他们进行了个封装。

lxr_wxp·2020-08-04 21:44

推荐频道

js原生

Javascript原生插件开发

JS原生代码封装数组去重