js原生第15页

JS原生练习（一）

83个js原生代码实例，从易到难，涵盖js算法和几乎开发中用到的知识点（实时更新中）实例中也包括了很多布局例如：flex布局和gird布局。

金华每文·2020-03-01 15:19

js原生ajax的post同步请求

//1,newvaroAjax=newXMLHttpRequest();//2,openoAjax.open('POST',url+'/user/register',false);//false表示同步请求//3,setHeader,get请求不需要oAjax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

网络中迷茫·2020-02-29 23:32

自适应导航条js原生版

自适应导航条js原生版看到bootstrap等第三方库中的导航条非常简单好用，没想到自己用原生试着实现用了这么多行代码效果如下：实现思路：html+css：最外层nav宽度100%。

小pxu·2020-02-25 02:12

JavaScript设计模式--观察者模式（发布订阅）

理解观察者模式1.指定发布者（比如售楼处）2.给发布者添加一个缓存列表，向缓存列表存放回掉函数，用以通知订阅者（想买房的人）3.发布消息，发布者便利缓存列表，以此触发里面存放的订阅者回掉函数例如一个Node.js

爱吃的根号三·2020-02-24 21:53

vue.js原生组件化开发（一）——组件开发基础

前言vue作为一个轻量级前端框架，其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理，一个个组件即为一个个vue页面，这种叫单文件组件。我们在引用组件之时只需将组件页面引入，再注册即可使用。那么不用脚手架，如何进行组件开发呢，本文先介绍一下基础知识吧。组件使用流程1.组件构建1.1extend构建法调用Vue.extend()方法，构建一个名字为myCom的组件varmy

一岑不冉·2020-02-24 20:37

12.14JQ元素的尺寸

innerWidth()innerHeight()outerWidth()outerHeight()参数：直接输入数字，作用：设置宽高与原生JS的区别在元素隐藏时js不能获取，而jq可以获取；获取尺寸：//js

overisover·2020-02-24 14:20

浅谈TypeScript的类型保护机制

由于这些机制的存在，就算你仍旧以JS原生的书写方式，也能帮助你提前发现代码中潜在的问题。（对于认为TS语句更复杂的人，也能实现0门槛，不改变已有的习惯也能享受静态检测的好处。）

nachao·2020-02-23 16:47

JS原生图片轮播笔记

每次要用轮播都要找好久决定一起理一理就弄些常用的原生JS。在网上收集的，会附上出处。没弄截图，看效果请戳“效果”后面的链接。吐槽先为啥网站们都要有个轮播呢原生JS插件淡入淡出这个是原生的所以我很喜欢哈哈哈出处：js淡入淡出图片切换效果效果：原生淡入淡出参数如下：/***tkSwitchAD图片切换*idstringul#id*bidstringdiv#id按钮*delayfloat间隔时间*vfl

糯米馨·2020-02-22 15:58

NODE_ENV和webpack

写写nodejs环境中原生对象process和webpack的事情NODE_ENVnodejs原生对象process的env属性是个对象，该对象包含以下属性：process.env而我们经常在框架源码或者别人的工程代码中看见使用如下属性

zhCN_超·2020-02-22 03:19

浅谈eq和get的区别

标签（空格分隔）：js区别：eq方法返回的是jQuery对象,jquery对象可以使用jquery方法get方法返回的是js对象,js对象只能使用js原生的方法例如：访问某个元素的backcolor：(

lvyweb·2020-02-20 12:04

JS标准库系列（一）—— Object对象

一、概述JS原生提供一个Object对象，所有其他对象都继承自这个对象。1.1、首先Object是一个构造函数，自然也属于对象类型（广义的），它上面有各种属性和方法。

周花花啊·2020-02-20 11:53

JSON

JSON:用于数据交换的文本格式优点：书写简单；符合JS原生语法复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。

Y7777777·2020-02-18 01:11

JS标准库系列（七）—— JSON对象

相比XML格式，JSON格式有两个显著优点：书写简单，一目了然；符合JS原生语法，JS引擎可直接解析，不用另外添加解析代码。所以，JSON迅速被接受，已经成为各大网站交换数据的标准格式，并

周花花啊·2020-02-15 16:29

js中数据类型检测方法：

constructor方法，instanceof运算符object.prototype.toString方法和Array.isArray(用于检测数组)，下面分别介绍以上几种方法：1.typeof运算符：是js

溺水的睫毛·2020-02-15 11:10

关于jquery的选择器

2：jquery选择器相对于js原生的选择器有哪些优点呢？

lintong·2020-02-15 01:41

JS原生轮播图

1.首先写好轮播图的HTML页面结构；HTML结构2.输写CSS的样式CSS样式表看起来好乱，为了方便展示CSS部分的代码，只能这样编排了；效果图这是HTML加上CSS的页面效果图，这两个都是得心应手。现在就开始轮播图的重点，JS代码的编写了！！！自身对JS部分不是太熟，所以多练手首先：先写出图片的前后运动，然后：增加前面和后面到底的判断返回（含有索引，后面对焦点跟随有用）；在每次调用go()后，

jie_YJ·2020-02-14 10:50

js原生滑动事件

html:sliderbackListener();js:functiongetAngle(angx,angy){returnMath.atan2(angy,angx)*180/Math.PI;};//根据起点终点返回方向1向上2向下3向左4向右0未滑动functiongetDirection(startx,starty,endx,endy){varangx=endx-startx;varangy

喵呜Yuri·2020-02-12 04:57

原生JS实现AJAX、JSONP及DOM加载完成事件

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

SingleXu·2020-02-10 16:53

JS遍历数组的三种方法map、forEach与filter实例详解

前端时间在ediary中总结了js原生自带的常用的对数组遍历处理的方法，分别为：map、forEach、filter，在讲解知识点的同时，会类比相识的函数进行对比，这样会有助于思考方法的利与弊。

程序汪丶·2020-02-09 06:25

用gulp实现传统的多页面自动化构建，一句命令行完成混淆压缩

工作的项目，摄像头的设置页面，要求整站大小只能在100k作用，也就是说vue之类的框架，jquery库这些最好不要用，我们就用js原生语言写，并且每次写完要整站都要压缩混淆再上传，考虑到浏览器文件缓存，

jiang_rong·2020-02-08 20:22

JavaScript自定义事件封装与应用

最近在研究webRTC的封装库，在阅读其源码的过程中，对js原生的自定义事件封装与调用机制有了新的认识，记录下来分享给有需要的人。

蔺相如如·2020-02-08 13:17

你应该知道的Node.js流

但是在这篇文章中，我将集中在Node.js原生的流接口应用的介绍。“StreamsareNode

编程go·2020-02-07 09:19

AJAX(一)

这是一种JavaScript的编程模式,为了能够实现异步网络请求.中心思想:http协议的响应状态码,和基于每种不同状态码的回调函数.即触发到什么状态了,执行什么回调函数.前置内容HTTP协议回调函数JS

Renderz_干了这碗口嚼酒·2020-02-05 13:15

JS特效

1.1offset1.2offset与style区别案例：获取鼠标在盒子内的坐标1.3元素可视区client系列1.4元素scroll系列属性页面被卷去的头部兼容性解决方案总结原生的动画函数封装animate.js

royal6·2020-02-04 15:00

2、jQuery-选择器

在JS原生DOM中，我们想要对DOM元素进行操作，首先得获取到对应的元素(getElementById()、getElementsByTagName()等)，然后再对这些元素进行操作。

唯老·2020-02-02 07:40

js原生加简单C3动画实现--相册旋转拖拽效果

废话多说无益，直接上两张图片看效果，然后进入代码环节微信截图_20170503192746.png微信截图_20170503192802.png准备阶段1）找十张左右的大小差别不大的照片（最好120*180的比例在4:6）2）创建一个dome文件，里面创建一个html文件和一个img的文件夹，把照片放进去img文件夹中-注意-：阅读下面的东西之前，请先把代码复制到你的html文档中，把照片的名字更

蘩蕐皆成空·2020-02-01 02:37

js原生map实现的方法总结

js原生方法map实现mapArray.prototype.my_map=function(callback){if(!Array.isArray(this)||!

Samsara315·2020-01-19 11:34

基础JS原生拖拽

window.onload=function(){/**拖拽box1元素*-拖拽的流程*1.当鼠标在被拖拽元素上按下时，开始拖拽onmousedown*2.当鼠标移动时被拖拽元素跟随鼠标移动onmousemove*3.当鼠标松开时，被拖拽元素固定在当前位置onmouseup*///获取box1varbox1=document.getElementById("box1");varimg=docume

路飞910·2020-01-18 16:00

《Node.js：来一打 C++ 扩展》已出版，求支持

不过，它还为开发者开了一个使用C++开发Node.js原生扩展的口子，让开发者进行项目开发时有了更多的选择。《Node.js：来一打C++扩展》以Chro

機巧死月不會碼代碼·2020-01-07 22:58

页面初始化方法比较

window.onload：js原生的方法。等到页面内包括图片的所有元素加载完毕后执行。（包括样式，js

恬雅过客·2020-01-07 13:41

data为什么要是函数

看vue文档时，一开始给的简单实例中data都是对象建立，如data:{a:1,b:2}但是到了组件内容就明确强调了一点data必须是函数data(){return{a:1,b:2,}}这主要的原因是JS

_v_xw·2020-01-07 02:46

js原生态

我们首先要明白，我们给页面添加效果用到的js到底是什么？js其实包含三部分：dom文档对象模型bom浏览器对象模型ecmascript语法简称（es）我们的效果实现其实是用es语法操作dom和bom去实现我们的目的一张图表示我们js的处理方式还算是清晰吧，dom和bom可以看出就是桥梁的作用，实现html页面与es的结合，我们运用es语法去调用何处理dom、bom的接口就可以实现对html页面的显

一直以来都很好·2020-01-05 23:39

如何定义一个高逼格的原生JS插件

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

绰号陆拾柒·2020-01-05 10:35

前端三大框架之一React入门教程一

相信大家对框架这个词都很熟悉吧，我一直喜欢js原生来开发，但是目前都要求工作效率，所有使用框架或者是库会使我们开发更加方便和快速，甚至一个人干十个人的活。。

虚幻的锈色·2020-01-03 13:09

nodejs原生,express,koa跨域问题解决

一、nodejs原生解

极客教程·2020-01-03 12:26

jQuery

定义：jQuery是一个快速、小巧、功能丰富的JavaScript库JQuery与原生JS原生JS不能添加多个入口函数原生JS有兼容性问题原生JS容错率差JQ代码简洁引入jQueryJQueryJQuery

Tolbert·2020-01-03 09:00

2018-07-30

js原生错误代码js常见错误类型（1）SyntaxErrorSyntaxError是解析代码时发生的语法错误//变量名错误var1a;//缺少括号console.log'hello');（2）ReferenceErrorReferenceError

老头子_d0ec·2020-01-02 03:52

jQuery之attr和prop比较

一、attr（attribute）1、js原生通过setAttribute、getAttribute进行设置、读取2、直接写在标签上的属性，表现为：（a）在html的标签上用到的属性如id，href可以获取到值

Garden_Z·2020-01-01 22:23

jq对象

.$().get(0))$('#test')[0].style.height="100px";$('#test').get(0).style.background="red";//实际用法//2.js原生对象

世不由己言不由衷·2020-01-01 17:27

vue.js原生组件化开发（二）——父子组件

前言在了解父子组件之前应先掌握组件开发基础。在实际开发过程中，组件之间可以嵌套，也因此生成父子组件。父子组件创建流程1.构建父子组件1.1全局注册(1)构建注册子组件//构建子组件childvarchild=Vue.extend({template:'这是子组件'});//注册名为'child'的组件Vue.component('child',child);(2)构建注册父组件//构建父组件par

一岑不冉·2020-01-01 04:30

IOS WKWebview 和JS交互

IOSWKWebview使用集锦1、alerttextInput等UI交互解决方法如果需要与在JS调用alert、confirm、prompt函数时，通过JS原生来处理，而不是调用JS的alert、confirm

John_LS·2019-12-31 23:39

js原生cookie封装函数

Cookie是什么(还有session)？cookie和session都是用来储存一些浏览器用户的信息，举个例子—当用户登陆你的网站，在登陆页面(这个文件为login.html)登陆成功后需要跳转到首页(index.html)，然后在首页加载你的个人信息那么如何把之前登陆页面的信息传递到首页去呢，这里就用cookie或者session存起来，然后再把这个信息在首页index.html显示，只要用户

CoTe白夜·2019-12-30 20:57

js实行原生录像

js实行原生录像公司需要一个js原生的视频录像功能，之前没用做了，写个笔记记录下。一、获取摄像头既然要录像，就要获取摄像头权限。那我们就先实现这一步再说。

smallmonsters·2019-12-30 02:12

JS案例18-JS倒计时-JS原生倒计时

2019年还剩多少天源码：vardiv=document.getElementsByTagName("div")[0];vartimer=setInterval(count,1)functioncount(){varcurrent=newDate().getTime();//获取1970-1-1到当前的毫秒值。vartarget=newDate("2019/1/100:00:00").getTim

王银辉lucky·2019-12-29 12:00

WKWebView与Js (OC)版

1.OC如何给JS注入对象及JS如何给IOS发送数据2.JS调用alert、confirm、prompt时，不采用JS原生提示，而是使用iOS原生来实现3.如何监听web内容加载进度、是否加载完成4.如何处理去跨域问题创建配置类在创建

BLUEVIPIOS_·2019-12-28 11:02

20191227pm

20191227js原生部分setTimeout与setInterval在不同浏览器下的差异（一）IE系列中的setTimeout首先，我们看看微软出的DHTML参考手册中是如何说的：setTimeout

we452366·2019-12-28 10:17

拖拽以及沿拖拽轨迹返回（js原生练习）

dome地址：laihuamin.github.io/jsExample/html/six1.htmljs部分1、获取dom元素以及定义一下要用的变量，及初始化内容。2、给内容块添加鼠标按下事件，drag为true时，便成为可拖拽状态。3、给全局制定鼠标松开事件，窗口失去焦点事件，onlosecapture事件(当元素失去鼠标移动所形成的选择焦点时触发)4、鼠标移动事件，根据计算可以得出移动数据将

金华每文·2019-12-27 00:57

js原生之事件委托

什么是事件委托？委托是啥意思？就是本来吧中午啊你要自己去买饭，结果这个时候室友问你要不要带饭？你说好啊！于是带饭这个操作就被你委托给室友了。事件委托的意思是，本来这个事件是由节点本身去执行的，现在用其他节点委托执行。怎么进行事件委托？我们来看一个再普通不过的例子吧，有以下html结构item1item2item3item4item5假设这时候有需求如下，我希望鼠标经过li节点的时候，节点的背景色变

小枫学幽默·2019-12-25 09:47

js 轮播Cannot read property 'xxx' of undefined

js原生写轮播经常见到的问题就是for循环嵌套事件，就容易出现循环变量并不能为事件所用的现象，例子如下：varmyObj=document.getElementsByTagName('img');for

jamesSky·2019-12-23 21:19

js中toFixed精度问题的解决办法

最近在做项目的时候，遇到了有四舍五入保留两位的需求，当时不假思索的直接使用了js原生的toFixed方法，结果问题百出。

DanD丶榆木稚年·2019-12-23 14:11

推荐频道

js原生