![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
qq_27628085
这个作者很懒,什么都没留下…
展开
-
前端如何高效的与后端协作开发
1. 前后端分离前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。可以参考:前后端分离、web与static服务器分离2. 尽量避免后端模板渲染web 应用的渲染方式分为服务器端渲染和客户端渲染,当下比较推荐的方式是客户端渲染,数据使用全 ajax 的方式进行交互。除非在一些不得不使用服务器端渲染的情况下(如门户、...转载 2019-03-01 17:05:57 · 746 阅读 · 0 评论 -
点击空白div区域会隐藏效果————小问题
jquery写法$('body').on('touchstart','[data-menu]',function(event){//取消事件冒泡event.stopPropagation(); //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。$('[data-nav]').toggle('show');return false;}/...原创 2019-01-09 18:08:03 · 471 阅读 · 0 评论 -
使用javascript判断手机访问还是电脑访问
javascript判断手机访问还是电脑访问Navigator对象如何判断页面是移动端还是pc端打开的呢?有时接触一些手机上的适应,需要知道是pc还是移动Navigator对象关于Navigater对象,包含有关浏览器的信息,下面的userAgent属性是一个只读的字符串,声明了浏览器用于HTTP请求的用户代理头的值。所以我们可以通过判断navigator.userAgent里面是否有某些值来...原创 2019-01-14 18:18:48 · 309 阅读 · 0 评论 -
前端必备——js中前端与后台的数据交互全解
前面的文章我们系统介绍了js中的数组、字符串、函数、数据结构、BOM、DOM、事件、表单,今天我们来了解一下js中的作为前端开发与后台的交互。需要代码的朋友可以百度搜索“栾鹏全栈”到我CSDN博客下载和复制代码。只要编程语言能够支持网卡端口的监听和发送,理论上都是可以实现服务器后台设计的。也因此造成了实现后台的语言偏多,而web前端语言以html/css/js为主。所以在这里我们不涉及后台...转载 2019-03-06 10:48:06 · 1026 阅读 · 0 评论 -
Window Location方法使用
window.location方法获取URL统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port...原创 2019-04-10 19:40:31 · 2356 阅读 · 0 评论 -
js对象中什么是可枚举性(enumerable)?
说到枚举,可能很多人都会想到枚举类型,但在javascript对象中有一个属性为可枚举性,他是什么呢?概念可枚举性(enumerable)用来控制所描述的属性,是否将被包括在for...in循环之中。具体来说,如果一个属性的enumerable为false,下面三个操作不会取到该属性。* for..in循环* Object.keys方法* JSON.stringify方法enum...原创 2019-08-05 11:44:44 · 254 阅读 · 0 评论 -
除指定区域外点击任何地方隐藏DIV ————js
这个问题出现的地方非常多,例如点击弹出下拉菜单中,弹框等。css部分#myDiv{ border:1px solid #000000; width:200px; height:100px; background:#FF0000; color: #FFFFFF; margin: 50px auto;html部分<...原创 2019-07-05 11:09:09 · 434 阅读 · 0 评论 -
前端在html页面之间跳转与传值(js代码
页面跳转方法如下;方法一:window.location.href="b.html";方法二:self.location="b.html";方法三:top.location="b.html";方法四(返回上一个页面,这个应该不算,先放这):window.history.back(-1);问题的思考:1.为什么给window.location和wind...原创 2019-06-04 17:09:47 · 9062 阅读 · 0 评论 -
HTML5之file控件
file控件和select都是属于样式有点不受控制.file控件以及fileList对象。file控件:<input type="file" id="inName" mutiple="multiple">document.getElementById("idName").file;//返回的是fileList对象。fileList对象的常用方法有name(文件名...原创 2019-06-03 15:25:36 · 17138 阅读 · 0 评论 -
js里的forEach和jquery里的each比较
遍历数组元素:js和jQuery都有类似的方法,Js用的是forEach;而jQuery用的是each。eg:var arr = new Array(["b",2,"a",4],["c",3,"d",6]);arr.forEach(function(item){ alert(item); //b,2,a,4和c,3,d,6})如果forEach里的回调...转载 2018-09-25 12:11:57 · 1796 阅读 · 0 评论 -
脚本
可以使用evt.preventDefault()方法覆盖默认浏览器行为,将eventListeners添加到具有语法 element.addEventListener(event,function,useCapture)的对象,并使用语法设置元素属性svgElement.style.setProperty("fill-opacity", "0.0", ""). 注意是否存在所有三个参数设置属性。...翻译 2018-09-13 17:32:08 · 192 阅读 · 0 评论 -
网页下载、打开新页面、收藏 js获取写法
点击可以下载网页文件<button type="button" onclick="goToDown()">下载压缩包</button>window.goToDown = function(){ window.location.href = "http://192.168.1.2:0000/压缩包.zip";// 相应的路径}点击打开新的页面...原创 2018-09-13 16:14:06 · 696 阅读 · 0 评论 -
js中const,var,let区别
let的含义及let与var的区别:let 声明的变量只在它所在的代码块有效;如下:for (let i = 0; i < 10; i++) { console.log(i);//0,1,2,3,4,5,6,7,8,9}console.log('aaa');console.log(i); // i is not defined上面代码中,计数器i只在for循环体内...转载 2018-08-25 10:34:08 · 117 阅读 · 0 评论 -
ie兼容es6,ie兼容ES6的方法,包括箭头函数,Promise,async,await
1.使用es6语法(不包含Promise)script标签的type的值设为text/babel<script type="text/babel"> const arr1=[1,2,3] const arr2=[...arr1] console.log(arr2); let arr3=arr2.map((x)=>x*2) co...转载 2018-08-27 15:42:14 · 13817 阅读 · 2 评论 -
JS中三种字符串连接方式及其性能比较
工作中经常会碰到要把2个或多个字符串连接成一个字符串的问题,在JS中处理这类问题一般有三种方法,这里将它们一一列出顺便也对它们的性能做个具体的比较。第一种方法 用连接符“+”把要连接的字符串连起来:str="a";str+="b";毫无疑问,这种方法是最便捷快速的,如果只连接100个以下的字符串建议用这种方法最方便。第二种方法 以数组作为中介用 join 连接字符串:...转载 2018-08-22 17:12:48 · 179 阅读 · 0 评论 -
JS 获取浏览器窗口大小
常用:JS 获取浏览器窗口大小// 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) && (document.body.clientWidth))winWidth = document.body.clientWidth;// 获取窗口高度if ...转载 2018-08-22 17:08:05 · 11228 阅读 · 0 评论 -
JS控制全屏,监听退出全屏事件
实现方案://进入全屏 function requestFullScreen(de) { if(de.requestFullscreen){ //W3C de.requestFullscreen(); }else if (de.mozRequestFullScreen){ //FI...转载 2018-08-22 15:02:35 · 3724 阅读 · 0 评论 -
使用JS监听键盘按下事件(keydown event)
1、监听全局键盘按下事件,例如监听全局回车事件1 $(document).keydown(function(event){2 if(event.keyCode == 13){3 alert('你按下了Enter'); 4 }5 }); 2、监听某个组件键盘按下事件,例如监听id为btn的button组件的回车按下事件1 $("#btn").key...原创 2018-08-22 13:50:27 · 9611 阅读 · 0 评论 -
JS表单验证-12个常用的JS表单验证
JS表单验证-12个常用的JS表单验证JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~1. 长度限制<p>1. 长度限制</p><form name=a onsubmit="return test()"> <textar...转载 2018-07-25 11:16:35 · 18890 阅读 · 0 评论 -
JavaScript高级程序设计——this(四)
this应该放在《上下文环境和作用域》中来讲概念在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了 因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文的环境。构造函数所谓的构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new一个对象,但是有些函数的定义是为了new一个对象,而有...原创 2019-02-28 11:57:08 · 151 阅读 · 0 评论 -
javascript————闭包(三)
学习闭包前请先了解javascript系列 ————变量声明提升(一) javascript系列 ————词法作用域、作用域链(二)一、什么是闭包闭包的含义就是闭合,包起来,简单的来说,就是一个具有封闭功能与包裹功能的结构。所谓的闭包就是一个具有封闭的对外不公开的、包裹结构,或空间。在js 中函数可以构成闭包,一般函数是一个代码结构的封闭结构,即包裹的特性,同时根据作用域规则,只允...原创 2018-12-03 11:39:10 · 191 阅读 · 0 评论 -
javascript系列 ————词法作用域、作用域链(二)
词法作用域就是定义在词法阶段的作用域。换句话说,词法作用域是由你在写代码时将 变量和块作用域写在哪里来决定的,因此当词法分析器处理代码时会保持作用域不变(大部分情 况下是这样的)。 ________...原创 2018-11-30 14:09:37 · 587 阅读 · 0 评论 -
javascript系列 ————变量声明提升(一)
变量声明提升既然提到变量的声明提升,那么只要搞清楚三个问题:什么是变量 什么是变量声明 声明提前到什么时候什么是变量?变量包括两种:普通变量和函数变量。* 普通变量:凡是用Var标识的都是普通变量。比如:var x=1; var object={};var getA=function(){}; //以上三种均是普通变量,但是...原创 2018-11-29 17:43:48 · 275 阅读 · 0 评论 -
封装一个ajax请求
//封装的ajax请求。window.resource = function (path, data, fnSuccess, async, type) { if (!type || type.toLowerCase() != "post") { type = "GET"; } var _data = data; if (async == un...原创 2018-07-18 16:00:06 · 1509 阅读 · 0 评论