vue实现实时监听文本框内容的变化（最后一种为原生js）
一、用watch方法监听这个变量。<!DOCTYPE html><html><head><meta charset="utf-8"><title>hello vue</title><script src="https://...
Jquery学习笔记（10）--ajax删除用户，使用了js原生ajax
主要复习了php的pdo数据库操作，和js的ajax，真麻烦，希望jquery的ajax简单点。index.php: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
js原生Ajax的封装与使用
一、原生Ajax代码的封装如下:(function() { var XHR = { createStandardXHR: function() { return new XMLHttpRequest(); }, createIEX...
JS原生ajax
原文链接：http://caibaojian.com/ajax-jsonp.html一、JS原生ajaxajax：一种请求数据的方式，不需要刷新整个页面； ajax的技术核心是 XMLHttpRequest 对象； ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、...
js原生Ajax(十四)
一、XMLHttpRequest 【使用XMLHttpRequest时，必须将html部署到web服务器中】1) 指定请求1、实例化eg： var http = new XMLHttpRequest();http为实例化的XMLHttpRequest对象，该对象可以重用，但是这将会终止之...
原生js ajax与jquery ajax的区别
原生js ajax的调用：ajax({ type : "get", url : "02_ajax_get.txt", data : { "userName" : "lnj", "userPwd" : "321" }, timeout : ti...
手机端原生js实现下拉刷新数据
HTML结构如下：<div class="outerScroller comment"><div class='scroll comment'><div class="inner comment" style='overflow:auto;'><ul>...
原生JS实现前端动画框架
封装了一个JS方法，可支持块元素的常规动画：高、宽、透明度、位置等，同时支持链式动画和同时运动，参照imooc整理，具体代码如下：/** * 获取HTML元素属性值 * obj是Element， attr是属性 **/function getStyle(obj, attr) {if (obj.cur...
原生JS 的cookie和jq的cookie,
COOKIE基础及应用:1.什么是COOKIE==>页面用来保存信息,比如:自动登录,记住用户名2.COOKIE的特性: --同一个网站中,所有的页面共享同一套cookie --数量,大小有限(4k-10k,不能用来存大的内容) --过期时间Jquery写入cookie$.cookie(...
iOS下JS与原生OC互相调用(总结)
这是去年总结的一篇文章，也一并先放到这个目录下好了。 iOS开发免不了要与UIWebView打交道，然后就要涉及到JS与原生OC交互，今天总结一下JS与原生OC交互的两种方式。JS调用原生OC篇方式一第一种方式是用JS发起一个假的URL请求，然后利用UIWebView的代理方法拦截这次请求，然后再做...
案例学习总结：原生JS实现表格排序
最近在学习js的表格排序，没想到看不起眼的表格排序实际上却暗含了众多JS知识点。在这里记录一下此次学习过程。希望对大家也有所帮助。完整的表格排序涉及了下列这些知识点：call方法使用sort方法深入数据绑定DOM映射下面详细的总结一下这些知识点，最后结合这些知识点实现下面这样一个表格排序案例。完整的...
原生js去掉所有的html标签，最终得到HTML标签中的所有内容
替换掉所有的 html标签，最终得到Html标签中的内容 <script> //替换掉所有的 html标签，最终得到Html标签中的内容 var req="<div style="color:#f00;font-size:20px;">百度贴吧是以兴趣主题聚合志同道合者的...
原生JS实现幻灯片轮播效果
在以往的认知中，一直以为用原生JS写轮播是件很难得事情，今天上班仿照网上的写了一个小demo。小试牛刀。大致效果：html结构很简单，两个列表，一个代表图片列表，一个是右下角序号列表。<div id="box"> <ul class="list"> <...
node.js系列（实例）：原生node.js+formidable模块实现简单的文件上传
/** * 原生node.js结合formidable模块实现图片上传改名 * @Author:Ghost * @Date:2016/07/15 * @description: * 1、引入模块http、formidable、fs、silly-datetime、path * 2、创建h...
表格的一些原生js操作（隔行变色，高亮显示，添加删除，搜索）
看着网上的视频教程，虽说还是有点简单，但还是不免想记录下。这些操作包括（隔行变色，高亮显示，添加删除，搜索功能），而这儿就是涉及table的原有属性“tBodies” “rows” “cells”等几个方法，search方法，split方法等等效果体验：http://runjs.cn/detail/...
纯原生js移动端日期选择插件
最近在项目上需要使用日期选择插件，由于是移动端的项目，对请求资源还是蛮节约的，可是百度上一搜，诶~全是基于jquery、zepto的，本来类库就很大，特别像mobiscroll这种样式文件一大堆又丑又长还收费，我就忍不住自己做了一个，也不过就10几kb的事情嘛，想想独乐乐不如众乐乐，如果伙伴们手上没...
原生js实现类的添加和删除,以及对数据的add和update、view ，ajax请求 ，页面离开的操作
1 类操作function hasClass(cla, element) { if(element.className.trim().length === 0) return false; var allClass = element.className.trim().split(" "...
自己收集原生js-2014-2-23
(function(){})( window.EventUtil={ addHandler:function(element,type,handler){ // alert(1); if(element) { ...
原生js事件委托
var commontop = document.getElementById("commontop");commontop.onclick = function(ev){ var ev = ev || window.event; var target = ev.target || ev.s...
Js原生轮播-直接上代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1, maxi...