js原生

ThinkJS3 升级小记

之前Firekylin都是使用import的ESModule模块规则，所以都需要修改成CommonJS原生的require方
公子·2018-03-04 00:00

JavaScript复制内容到剪贴板的两种常用方法

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

JavaScript复制内容到剪贴板

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

js原生ajax

AJAX准备工作-服务器环境的搭建ajax可以在本地使用，但是牵扯到不同源问题，需要跨域操作。下面是两个文件的代码，test.html放在桌面上，cors.php放在搭好的服务器上面，我这里配置的端口号是9096，端口号可以自行配置，默认的话是80端口，双击打开test.html文件，控制台会输出下面信息{"code":200,"msg":"success"}test.htmlDocument$.
你的微笑像拥抱·2018-02-26 20:41

JS原生Api：slice/hasOwnProperty

1，编码相关：encodeURI（）和encodeURIComponent（）escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如"春节"的返回结果是%u6625%u8282，，escape()不对"+"编码主要用于汉字编码，现在已经不提倡使用。encodeURI()：是Javascript中真正用来对URL编码的函数，编码整个url地址，但对特殊含义的符
我爱吃肥肠·2018-02-05 16:44

使用js或者jq设置滚动条滚动位置

js原生方法scrollTojs原生设置x轴和y轴就一个方法，首先获取到dom对象，然后设置位置即可，dom.scrollTo(x,y);//x为水平方向的滚动条位置，y为垂直方向的滚动条位置如果只想设置
专注前端30年·2018-01-28 22:31

JS原生滑动手势判断

虽然滑动手势的插件有很多，zepto是其中最方便的一个。闲来无事，就写了一下原生滑动手势的，发现某些情况下也是挺好用的。//开始按下手机的起点坐标varstartPoint=null;document.addEventListener("touchstart",function(e){vare=e||window.event;startPoint=e.touches[0];})document.a
永远的小白·2018-01-22 20:53

关于js原生的一些问题整理（一）

1、原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中，不能使用2、cssText:（1）相关链接：https://www.cnblogs.com/majingyi/p/6840818.html（2）本质：设置HTML元素的style属性值（3）用法：document.getElementById("d1").style.cssText="col
驚鴻入梦·2018-01-17 09:32

h5实现五子棋游戏 js原生实现

郭胜学习项目-五子棋游戏-小小AIcanvas{display:block;margin:50pxauto;box-shadow:-2px-2px2px#efefef,5px5px5px#b9b9b9;}varchessBoard=[],me=true,over=false,wins=[],mywin=[],computerwin=[];/**初始化赢法数组*郭胜*三维数组*/for(vari=0
郭胜_自强·2018-01-16 15:13

Node.js原生加载静态文件（html或图片等）

代码：html：Nodejs：varhttp=require('http');http.createServer(function(req,res){//获取文件类型vartype=req.url.substr(req.url.length-4,req.url.length);//获取资源路径varrealpath=__dirname+'/public/';//加载需要显示的图片资源if(type
Hi小胡·2018-01-10 16:41

js原生方法被覆盖,从新赋值原生的方法

实现原理js的原生方法被覆盖掉以后，如果你还没让原生方法又从新指向一个新的变量名，那就gg了。所以，关键就是怎么再获取到原生的方法。实现的原理呢就是创建一个新的window对象，然后从新的window对象里面获取原生的方法，来重新赋值。使用iframe实现首先创建一个iframe对象，使用document.createElement方法创建variframe=document.createElem
专注前端30年·2018-01-02 14:59

js原生实现移动端手指滑动轮播图效果的示例

如下所示：Documenthtml{height:100%;}body{width:100%;height:100%;margin:0;overflow:hidden;}.wrap{position:relative;overflow:hidden;}.box{position:absolute;list-style:none;left:0;top:0;padding:0;margin:0;}.b
死垃圾·2018-01-02 09:53

iOS wkwebview与js原生交互

wkwebview与js的交互，如果是oc端直接发送信息给js端，那么和js端只需要约定好一个方法就可以了，oc端通过这个方法名向js端传递信息。如果信息的传递是有js端发起的，那么最少js端要有两个预定好的方法，第一个方法是js端开始向oc端发起信息需求的方法名，当oc端收到该方法名端时候，就去调用js端的方法，把信息传递过去。代码：创建wkwebview：WKWebViewConfigurat
旅途开发者·2017-12-09 00:12

select下拉框的内容获取。

（莫见笑）；//获取select的text值dom为js原生对象；functiongetText(dom){varselectIndex=dom.selectedInd
马丁路德东·2017-12-08 03:29

JS原生中数组去重

方法一使用indexOf方法遍历查找创建的新数组中的下标如果返回值是-1则说明新数组内没有该值则push()vararrA=[1,2,3,4,4,3,2,1,5,6,6,5];//removeDuplicate去除重复functionremoveDuplicate(arr){varnewArr=[];for(vari=0;i
CoffeaCool·2017-12-05 21:32

JS原生中数组去重

方法一使用indexOf方法遍历查找创建的新数组中的下标如果返回值是-1则说明新数组内没有该值则push()vararrA=[1,2,3,4,4,3,2,1,5,6,6,5];//removeDuplicate去除重复functionremoveDuplicate(arr){varnewArr=[];for(vari=0;i
CoffeaCool·2017-12-05 21:32

ios js与oc原生WKWebView方法注入及交互传值

上篇文章中,我们整理了关于WKWebView的详细使用,包含进度条、获取webtitle等等内容,这篇文章我们整理下,项目中,我们可能使用到的oc与js原生交互场景下的使用.如有兴趣,可加入oneTeam
World is Code·2017-11-17 17:20

jQuery动画与ajax

js原生的load事件，要等DOM和图像完全加载才会触发。使用.ready()方法能够保证DOM准备好之后，就执行这个函数，因此，这里是绑定事件和运行jQuery代码最好的地方。
ShawnRong·2017-11-16 14:04

功能完整的js原生轮播图

html:">css:*{padding:0;margin:0;text-decoration:none;font-size:0;}.container{position:relative;width:100%;height:570px;/*border:1pxsolidred;*/overflow:hidden;}.list{position:absolute;z-index:1;width:5
梁祖迅·2017-11-08 10:19

js原生日历的实例(推荐)

突然发现日期对象可以进行加减，利用这个特性写了一个可以说是对只要会JavaScript的就可以写的日历；没有各种算法，只有一些逻辑相信只要懂javascript就差不多看俩眼就会的日历。*{margin:0px;padding:0px;}#data{width:280px;border:1pxsolid#000000;margin:20pxauto;}#data>p{display:flex;}#
当年华褪去生涩·2017-10-31 09:57

实现图片首尾平滑轮播(JS原生方法―节流)

首先给出HTML代码，要注意轮播图片表(#list)末尾加上第一个图片1.jpg，在首部加上最后一个图片5.jpg。首尾轮播>接下来给出css和js代码，大家可以酌情根据图片的大小、数量、宽度，调整container、list的参数，这也是封装JS所要考虑的参数。*{margin:0;padding:0;}#container{height:400px;width:500px;margin:0au
tainlx·2017-10-17 09:16

基于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(
夜之悠然·2017-10-16 09:40

原生JS上传大文件显示进度条 php上传文件代码

JS原生上传大文件显示进度条，php上传文件，供大家参考，具体内容如下在php.ini修改需要的大小：upload_max_filesize=8Mpost_max_size=10Mmemory_limit
大智如蠢·2017-10-13 11:46

JS实现手写parseInt的方法示例

手写parseInt的实现：要求简单一些，把字符串型的数字转化为真正的数字即可，但不能使用JS原生的字符串转数字的API，比如Number()示例代码function_parseInt(str,radix
isLishude·2017-09-24 14:24

JavaScript之JS原生方法实现jQuery的ready()

浏览器加载页面的顺序：1、解析HTML结构2、加载外部脚本和样式表文件3、解析并执行脚本代码4、构造HTMLDOM模型==ready()5、加载图片等组件6、页面加载完毕==onload()ready事件是在DOM模型构造完毕时触发load事件是在页面加载完毕后触发function ready(fn){    if(document.addEventListener) {        docum
爱笑嘚蛋蛋·2017-09-15 17:45

Ajax的使用

Js原生ajax的使用1.首先创建一个XMLHttpRequest()对象varxhr=XMLHttpRequest()2.然后配置open()方法open()有三个属性配置比如xhr.open("get
星球小霸王·2017-09-14 20:38

【项目心得】在微信网页上的点击按钮复制功能

一开始是使用JS原生的写法，核心语句是：document.execCommand(“Copy”);以及xxx.select();但是浏览器一直报错提示select()isnotafunction…仔细查找原因后
HitTheZone·2017-08-29 17:18

Javaweb核心之Ajax&json

Js原生Ajax和JQuery的Ajax一、Ajax概述1.什么是同步，什么是异步同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待卡死状态异步现象：客户端发送请求到服务器端，无论服务器是否返回响应
Alone枫叶·2017-08-28 10:27

30天完成30个JS原生开发项目挑战视频教程-黎跃春-专题视频课程

30天完成30个JS原生开发项目挑战视频教程—3314人已学习课程介绍在Github上看到了wesbos的一个Javascript30天挑战的repo，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架
黎跃春·2017-08-28 09:35

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

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

JS原生数据双向绑定实现代码

代码如下：DemofunctionDataBinder(object_id){//CreateasimplePubSubobjectvarpubSub={callbacks:{},on:function(msg,callback){this.callbacks[msg]=this.callbacks[msg]||[];this.callbacks[msg].push(callback);},pub
摇扇子的诸葛亮·2017-08-14 11:42

jQuery获取的宽高（包括内边距和外边距）和JS原生宽高

width()-返回元素的宽度。height()-返回元素的高度。innerWidth()方法返回元素的宽度（包括内边距）。innerHeight()方法返回元素的高度（包括内边距）。outerWidth()方法返回元素的宽度（包括内边距和边框）。outerHeight()方法返回元素的高度（包括内边距和边框）。outerWidth(true)方法返回元素的宽度（包括内边距、边框和外边距）oute
曾祥辉·2017-08-03 02:40

如何写可复用的d3组件

，浏览器API主要分为HTML、CSS、JS三种，而我们的d3.js主要使用的是svg和canvas我们知道浏览器底层存在很多问题：(es6之前)js核心语法层面是比较薄弱的，像面向对象的extendjs
AlexZ33·2017-07-28 00:00

screen,client,page三种确定鼠标坐标的区别和原生JS事件写法，区别于Jquery的$.on(x,y);和$.click()

pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动JS原生事件的写法①document.onclick
天才老王1993·2017-07-25 10:00

JavaScript获取form表单中的数据以及拼接传参

在用到js原生xmlhttprequest或者ajax做数据提交时，我们需要给地址url后面拼接参数或者直接post发送，那么如果表单比较庞大时如果用逐个获取就比较耗时费力了，怎么获取并且传值，下面采用遍历表单中的元素然后以键值对的方式获取元素
kirinlau·2017-07-24 10:34

JS原生location对象

假设当前url是http://192.168.31.194:8000/jquery/index.html?a=3&c=aa#blocation.href//完整的urllocation.hostname//192.168.31.194location.host//192.168.31.194:8000location.port//8000location.protocol//http:locati
顡er·2017-07-23 15:11

深浅拷贝，原生和JQuery方法实现

7-17：1：e.target.parentNode.remove();成功，查询一下JS原生的remove方法2：复习JSDOM的原生操作方法，比如innerHTML(),insertBefore()
天才老王1993·2017-07-17 17:00

JS原生实现多个小球跟着鼠标移动

每个小球移动都有自己的坐标，小球移动的同时，需要进行坐标传递，将第一个坐标依次传递给最后一个坐标，来实现小球跟着移动的效果小球运动p{border-radius:50%;width:30px;height:30px;position:absolute;text-align:center;line-height:30px;color:white;}//创建数组存储所有的小球varballs=[];/
motokay·2017-07-16 17:39

利用C/C++编写node.js原生模块的方法教程

前言一直想了解一下使用C/C++编写nodejs原生模块，从网上找到的博客，大多都停留在如何搭建环境，然后一个HelloWorld完事。连更多的参考资料也没有。于是就自己整理了一下，分享于此。
coolcao·2017-07-07 10:55

关于学习过程中小知识点的总结与归纳

总结一下在学习过程中汇总的小知识点，加强记忆：.toFixed(num);这个方法，是js原生方法，主要作用是四舍五入一个number，预留num个小数位。
L_YNAN·2017-07-04 18:57

从暴力到 NAN 再到 NAPI——Node.js 原生模块开发方式变迁

很多情况下，使用C++进行Node.js原生模块开发的性能会比纯Node.js开发要高，少数情况除外。开发成本节约。在一些即有的C++代码上做封装，开发成本远远低于从零开始写Node.js代码。N
死月·2017-07-01 00:00

js原生6--事件

事件对象鼠标事件event.clientX在可视区中，鼠标点击的x坐标event.clientY在可视区中，鼠标点击的y坐标示例：document.onclick=function(){alert(event.clientX+','+event.clientY);}示例：一个跟随鼠标指针移动的红色块demo.gif#div{width:100px;height:100px;background-c
LaBaby_·2017-06-27 22:34

JavaScript原生添加移除class的方法

function(){varstamp=document.getElementById("btGetCode");//根据id查找到该标签removeClass(stamp,"can-code");//调用JS
Hubert_Biyo·2017-06-24 14:13

jQuery对象与JS原生dom对象之间的转换

jQuery就是JS的一个扩展库，工具库，提供很多方便快捷的方法，所以将JS对象转换为jQuery对象后，能更方便地操作这个对象。但是jQuery对象也不是万能的，有一些JS对象有的能，jQuery对象并没有提供，所以需要转换回JS对象，才能进行操作。另外一种情况可能是，你使用某些第三方库，接口函数只能接受JS对象或者jQuery对象，那么你就需要在这两者之间进行转换。1、将jQuery转换为do
shptc·2017-06-22 11:42

AngularJS路由Ui-router模块用法示例

分享给大家供大家参考，具体如下：由于某些设计原因，AngularJS原生的路由模块有一些缺点，比如说不支持view的嵌套等，所以有许多社区开始自己设计路由模块，最有代表性的就是ui-route了。
面具哥布林·2017-05-29 09:32

nodejs转json数据处理

今天主要给大家从繁到简的几个node.js下使用的提交json个数参数的方式方法.下面示例中出现的参数都做了处理,拷贝代码后需要更改这些参数同时自己写一个接收json格式的api,请求成功后再返回json格式(一)node.js
MrsZhaoXiaoShi·2017-05-24 06:58

深入理解JavaScript中的立即执行函数(function(){……})()

ES6之前JS原生又不提供块级作用域，所以只能用函数作用域模拟了。还有种常用就是，用IIFE写惰性载入，因为函数被执行
MOONCOM·2017-05-18 18:00

利用jquery写的AJAX小例子

利用js原生写ajax需要写很长的代码，而jQuery给我们封装了一个$.ajax，可以使代码更简洁下面话不多说，直接贴代码：页面代码：Demo员工查询请输入员工编号员工创建请输入员工姓名请输入员工编号请输入员工性别男女请输入员工职位
CallMeQiuqiuqiu·2017-05-16 18:27

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

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

js_jQuery选择器_Dom操作_样式_事件处理

0.jQuery由JohnResig创建，是继Prototype之后又一个优秀的Javascript库,其宗旨是「写更少的代码，做更多的事情」1.通过js原生语法如:document.getElementById
好奇而已·2017-05-14 15:38
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他