![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
社会刘
聪明好学
展开
-
js storage
storage-base.js/* eslint-disable *//* * @Description: sessionCache,sessionstorage、localstorage数据的存取方法,只做简单处理以及数据返回,错误在数据层处理 * @version: 0.0.1 * @Author: zengzengli * @Date: 2019-12-16 21:05:50 * @LastEditors: Please set LastEditors * @LastEditTi.原创 2021-11-22 15:25:00 · 738 阅读 · 0 评论 -
CORS 跨域资源共享
一般跨域,不需要验证用户个人身份凭证是,设置一个Access-Control-Allow-Origin,就够,Access-Control-Allow-Origin:http://arunranga.com 后端设置header('Access-Control-Allow-Origin: http://arunranga.com');一般跨域请求,也不会带上cookie ...原创 2020-03-16 17:06:32 · 149 阅读 · 0 评论 -
js的时间日期运算
var sdtime1 = new Date('2018-03-22 16:14:55')var sdtime2 = sdtime1.setHours(sdtime1.getHours() -1)//小时,自动处理0点往前推一小时,23点,下面年月日,也是自动处理var sdtime3=new Date().setDate((new Date().getDate()-7))//7天var...原创 2020-02-25 18:48:03 · 1025 阅读 · 0 评论 -
js 原生操作css样式
动态控制元素的样式 style[样式名] = 值 增删改class的方式classList下的方法 增加 class — node.classList.add() 删除 class — node.classList.remove() 切换 class — node.classist.toggle() 判断 class — node.classist.cont...原创 2019-12-24 10:56:50 · 218 阅读 · 0 评论 -
js模块化
require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入export{initBaiduMap} ===== import {initBaiduMap} from '../xxx.js'export{initBaiduMap} ===== import * as initMap from '../xxx.js'exp...原创 2019-12-10 11:56:00 · 83 阅读 · 0 评论 -
js class super 的用法
super这个关键字,既可以当作函数使用,也可以当作对象使用。在这两种情况下,它的用法完全不同。第一种情况,super作为函数调用时,代表父类的构造函数。ES6 要求,子类的构造函数必须执行super函数。子类没有写constructor方法,js引擎默认,帮你执行constructor(){ super() }第二种情况,super作为对象时,在普通方法中,指向父类的原型对象;在静态方法...原创 2019-11-29 09:49:41 · 1865 阅读 · 0 评论 -
localStorage和sessionStorage区别
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。 localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。 sessionStor...转载 2018-11-22 17:29:42 · 100 阅读 · 0 评论 -
js对象比较
今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的。? 1 2 alert([]==[]); // false alert([]===[]); // false 以上两句代码都会弹出false。因为JavaScript里面Array是对象,==或===操作符只能比较两个对象是否是同一个实例,...转载 2018-11-20 11:53:23 · 2527 阅读 · 0 评论 -
vue select
1、单选时<select v-model="selected"> <option disabled value="">请选择</option> <option>A</option> <option>B</option> <转载 2018-11-30 09:58:39 · 616 阅读 · 0 评论 -
浅谈php中使用websocket
在PHP中,开发者需要考虑的东西比较多,从socket的连接、建立、绑定、监听等都需要开发者自己去操作完成,对于初学者来说,难度方面也挺大的,所以本文的思路如下:1、socket协议的简介2、介绍client与server之间的连接原理3、PHP中建立socket的过程讲解4、用一个聊天室作为实例详细讲解在PHP中如何使用socket一、socket协议的简介 We...转载 2018-12-26 16:36:31 · 155 阅读 · 0 评论 -
vue-cli
一不小心 9W+ 点击量了,为了小伙伴们有更好的体验,我又整理了一篇新的文章,排版更清晰明了。新 vue-cli 教程 点这里 都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件、监听事件、取...转载 2018-12-18 10:21:04 · 174 阅读 · 0 评论 -
postMessage 跨域
iframe 中的子页面window.parent.postMessage({age:18}); 父页面接受window.onmessage = function(e){console.log(e);}原创 2018-12-25 17:43:56 · 130 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES...转载 2019-03-01 11:28:58 · 109 阅读 · 0 评论 -
jq ajax jsonp 对接php写法
$.ajax({type: "GET",url: "http://love.com/Test.php",dataType: "jsonp",// jsonp:"somfun",success:function(msg){console.log(msg.msg);},error:function (error) {console.log(111);consol...原创 2018-11-14 19:20:03 · 333 阅读 · 0 评论 -
js fordata
一、概述FormData 对象的使用:1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的name与value组装成一个queryString2. 异步上传二进制文件。二、使用1.FormData对象的操作方法,全部在原型中,自己本身没任何的属性及方法。 let formData = new FormData()formData.append('us...转载 2018-08-28 18:54:34 · 666 阅读 · 0 评论 -
【js与jquery】html中onsubmit事件的用法
onsubmit可以理解为一个函数的名称,而onsubmit等号右边的字符串可以理解为一个函数体,在web开发中,onsubmit函数要求必须有返回值:如果返回值为true,则代表允许提交表单;如果返回值为false,则代表不允许提交表单,如果你的表单提交有问题,则需要查看onsubmit=“” 等号右边引号中返回的值是false还是true众所周知,在表单中加上onsubmit="retur...转载 2018-08-07 17:45:27 · 4213 阅读 · 0 评论 -
ajax
1.ajax技术:也是和浏览器一样的,发送http请求,接收服务器返回来的数据,浏览器是自动处理接收,ajax需要我们写代码接收2.我们所使用的ajax技术,实际是操作ajax对象,js对象xhr.属性/方法,php对象->属性/方法,PHP是用->,js用.3.使用ajax的步骤:1)创建ajax对象: var xhr= new XMLHttpRequest();2)创建http原创 2017-11-02 15:24:06 · 155 阅读 · 0 评论 -
页面跳转
PHP中:header("Location: http://jb51.net/");js:window.location.href = "http://jb51.net/";mate标签: 0.1为停留的时间原创 2017-10-14 23:33:43 · 231 阅读 · 0 评论 -
js闭包
闭包就是一个函数,两个函数彼此嵌套,内部函数就是闭包,形成闭包条件是内部函数需要通过return给返回出来,下面是完整的闭包三部走,制作机制,定义闭包名称,使用script> function f1() { function f2() { console.log('I am a bibao'); } retur原创 2017-11-03 11:51:29 · 140 阅读 · 0 评论 -
js和jquery相关应用的变化
错误示范,一条语句中尽量不要jq和js交错使用,//$("#btn").onclick这种jq和js混合在一条语句中是错误的$("#btn").onclick = function () { alert("nihao");}//这里还要加[0],才成功$("div")[0].innerHTML;jq中的所有事件,都是不要on的,例如上面的,就要这样用$("#原创 2017-11-23 21:57:49 · 261 阅读 · 0 评论 -
js和php语言都是动态语言
javascript为动态语言,其变量并没有固定的类型,其存储空间大小会随初始化与赋值而变化,所以其变量的“定义”就不像传统的静态语言一样了,其定义显得无关紧要javascript是没有块级作用域的。函数是JavaScript中唯一拥有自身作用域的结构。声明宣称一个名字的存在,定义则为这个名字分配存储空间,而初始化则是为名字分配的存储空间赋初值。var a;申明变量,a=1;赋值原创 2017-11-21 11:53:32 · 2647 阅读 · 0 评论 -
js 数组与对象
JavaScript中可以使用一个未声明过的变量,同样,也可以使用一个未定义的数组元素(指索引超过或等于length的元素),这时,length属性的值将被设置为所使用元素索引的值加1var arr=[12,23,5,3,25,98,76,54,56,76];//这么定义js数组是一种方式,这是直接创建数组方式alert(arr.length);arr[15]=34;原创 2017-11-03 12:50:23 · 229 阅读 · 0 评论 -
前端轮播图,无缝衔接
1.假设三张图片轮播,首先要把三张图放在一个div里,但只显示一张图 style="width:4560px"> .window{ height: 300px; width: 1140px;原创 2018-01-19 15:02:15 · 1243 阅读 · 0 评论 -
JS当中一个变量的作用域
js中定义变量加var和不加var的区别在方法内,加var为局部变量,不加var则是全局变量文章转载http://blog.csdn.net/beijiguangyong/article/details/8301707点击打开链接在JS当中一个变量的作用域(scope)是程序中定义这个变量的区域。变量分为两类:全局(global)的和局部的。其中全局变量的作用域是全局性的,即在JavaScript转载 2017-11-22 22:14:22 · 205 阅读 · 0 评论 -
a链接刷新页面与js刷新页面用法示例介绍
刷新页面通常是使用a链接与js刷新,至于两者在使用中的区别,在接下来的文章中有详细的介绍,感兴趣的朋友可以了解下1.a链接的使用操作:[html] view plain copy<a href="javascript:history.go(-1);">返回上一页</a> <a href="#top">刷新当前页</a> #top的效果在我这没...转载 2018-03-02 11:47:16 · 1922 阅读 · 0 评论 -
正则实例
正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。1.正则表达式基本语法两个特殊的符号'^'和'$'。他们的作用是分别指出一个字符串的开始和结束。例子如下:"^The":表示所有以"The"开始的字符串("There","The cat"等);"of despair$":表示所以以"of despair.转载 2018-04-09 13:18:05 · 267 阅读 · 0 评论 -
js对象的prototype(原型)
javascript 是一种 prototype based programming 的语言, 有别于(java,C++)的 class based programming 继承模式。 javascript语言特点:函数是first class object, 也就是说函数与对象具有相同的语言地位没有类,只有对象函数也是一种对象,所谓的函数对象对象是按引用来传递的 ...转载 2018-08-01 18:05:14 · 295 阅读 · 0 评论 -
js对象继承
总结第三天:1. JavaScript继承JavaScript继承可以说是发生在对象与对象之间,而原型链则是实现继承的主要方法;1.1 原型链利用原型让一引用类型继承另一个引用类型的属性和方法。构造函数中有个prototype(每个函数中都有),指向他的原型对象,每个原型对象中也有一个constructor属性,指向原构造函数。通过构造函数创建的新对象中都有一个无法直接访问...转载 2018-08-01 19:31:16 · 134 阅读 · 0 评论 -
js匿名函数
匿名函数的基本形式为(function(){...})();前面的括号包含函数体,后面的括号就是给匿名函数传递参数并立即执行之匿名函数的作用是避免全局变量的污染以及函数名的冲突 1.小括号的作用小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当我们用一对小括号把匿名函数括起来的时候,实际上小括号...转载 2018-08-02 09:45:49 · 106 阅读 · 0 评论 -
js的dom对象操作和(window|iframe)的重新理解
js通过DOM技术,操作html标签内容的增删改查文档节点:<html></html>的父节点,document元素节点:html中所有标签,都是元素节点1.document.getElementById(id属性值),每次只返回一个元素节点对象2.document.getElementByTagName(tag标签名称),每次返回一个集合列表对象,集合列表对象不能...原创 2017-11-02 11:30:47 · 426 阅读 · 0 评论