- 博客(26)
- 收藏
- 关注
原创 vue + element el-table 合并行(自用)
html: <el-table id="out-table" :data="tableData" border :span-method="objectSpanMethod">js:methods内代码: getListDataForRowAndColumn(data){ let self = this; self.rowAnd...
2019-04-29 11:49:45 9658 10
原创 常见跨域问题解决办法
1.使用 跨域资源共享(CORS): 跨域资源共享,定义了必须在访问跨域资源时,浏览器与服务器应该如何沟通。CORS背后的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功还是失败。 使用方法:php后端设置 Access-Control-Allow-Origin 头2.使用jsonp: ...
2018-09-12 23:21:41 344
原创 渐进增强和优雅降级
渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本...
2018-09-03 14:22:52 169
原创 vue动态路由传参
动态路由传参: 当我们很多个页面或者组件都要被很多次重复利用的时候,我们的路由都指向同一个组件,这时候从不同组件进入一个"共用"的组件,并且还要传参数,渲染不同的数据,这就要用到动态路由跟路由传参了!<router-link> 组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签,可以通过配置 ...
2018-09-03 13:41:32 3611
原创 Vue 父子组件与非父子组件之间的通信小例子
父组件:<div id="epp"> <table border="1" cellspacing="0" cellpadding="0"> <tr> <th colspan="3">父组件数据</th>
2018-08-15 20:12:34 249
原创 Vue computed截取长度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form id=
2018-08-13 20:20:48 2436
原创 Vue v-for循环节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=&
2018-08-13 19:58:31 1144
原创 jQ+ajax 简单分页
$(function(){$.ajax({ type: "get", url: "http://www.bbylzyh.top/bbyl/dynamic", dataType: "jsonp", jsonpCallback:"successCallback", succes...
2018-08-09 22:18:22 904 2
原创 jQuery
jq的预加载? ①页面加载完之前执行,与嵌入的js加载方式一样(写jquery插件的时候使用)(function ($) { alert('start');})(jQuery);②页面加载后执行。$(document).ready(function(){ alert('jquery ready');});③页面加载后执行。$(functi...
2018-08-01 12:01:14 164
原创 项目一问题杂记(1)
1.获取本地路径 var lcal= location.href; lcal=substring(0,lcal.lastIndexOf("\")); 2.BOM内含属性: navigator:提供浏览器窗口信息; location:提供浏览器所加载的详细信息,可对当前页面的URL进行操作; screen:提供用户显示器分辨率的...
2018-07-23 19:45:20 140
原创 对象的合并
Object.assign();Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法Object.assign(target, ...sources)target 目标对象。sources 源对象。描述如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属...
2018-07-21 08:42:42 657
原创 闭包
在函数外部自然无法读取函数内的局部变量,如何从外部读取局部变量?在函数的内部,再定义一个函数,并把内部函数作为返回值,这样就能从外部访问函数内部变量了function f1(){n=999;function f2(){alert(n);}return f2;}var result=f1();result(); // 999 闭包就是能够读取其他函数内部变...
2018-07-21 07:27:03 149
原创 javascript性能优化
JS提供了三种循环:for(;;)、while()、for(in)。在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;)、while()循环的性能基本持平。var arr=new Arry(1,2,3,4,5);for(x of arr){ console.log(x);//输出x的value值}for(a i...
2018-07-21 07:25:51 442
原创 瀑布流
var oul=document.getElementsByTagName("ul");var num=0;gePot("get","getPics.php",true,"cpage=1",function (str) { arrAJson=JSON.parse(str); function fn() { for(var i=num;i< arrAJson...
2018-07-11 20:39:20 210
原创 Ajax 省市二级联动(主要代码)
JS:var teX=document.getElementsByClassName("text")[0];//获取两个selectvar teT=document.getElementById("city");gePot("get","province.json",true,"",function(rep){//引用封装的方法获取json的值 arrJson=JSON.parse(r...
2018-07-09 20:09:53 778
原创 Cookie
概念:“Cookie”是小量信息,某些 Web 站点在您的硬盘上用很小的文本文件存储的信息,下次访问该站点时,可从浏览器读回此信息。作用:保存数据到客户端浏览器 。可用于:保存用户登录状态、跟踪用户行为(如保存地区)、定制页面样式、创建购物车;限制:每个域最多保存50个cookie,单个cookie大小不能超过4k;储存方式:document.cookie = ‘名字=值; expires=过期时...
2018-07-05 17:51:20 167
原创 BOM
Window对象: Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象;属性:innerHeight 返回窗口的文档显示区的高度;innerWidth 返回窗口的文档显示区的宽度;outerHeight 返回窗口的外部高度;ou...
2018-07-04 19:35:20 123
原创 平滑轮播
html:<div id="box"> <div class="li1" style="background-color:red;top:-150px;z-index: 10;">4</div> <div class="li1" style="background-color:yellow;top:0;z-
2018-07-03 19:16:44 283
原创 事件监听(事件绑定)[杂]
oDiv.addEventListener("click",function(){ alert(1);},false); //默认false(事件冒泡)oDiv.addEventListener("click",fn,true);function fn(ev){ var event=ev||window.event; alert(1);}事件解绑: oD...
2018-07-02 19:22:35 104
原创 DOM节点的增,删,改
DOM概念文档对象模型(Document Object Model,简称DOM);获取节点的方法:由id获取 getElementById 语法:node.getElementById("id"); 例:document.getElementById("intro"); 由class获取 getElementsByClassName 语法:node. getElementsB...
2018-06-25 14:07:49 131
转载 JS 正则表达式 exec方法和String match方法对比
match() 方法:可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。语法:stringObject.match(searchvalue)stringObject.match(regexp)说明 :match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。如果 regex...
2018-06-22 17:11:50 170
转载 正则表达式 相关
概念:正则表达式 (Regular Expression、regex),是使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。作用:测试字符串 、 替换文本 、 从字符串中匹配提取一个子字符串声明方式例1:var myRegExp=/内容 /例2:var myRegExp= new RegExp(“内容”);斜杠(/内容/)表示正则表达式的开始和结束;声明方式第一种更简短有效,通常我们都用第...
2018-06-21 19:03:05 175
原创 Math对象,Date对象(整理自用)
Math对象常用方法:abs(x)返回数的绝对值;document.write(Math.abs(7.25) + "<br />")//7.25document.write(Math.abs(-7.25) + "<br />")//7.25document.write(Math.abs(7.25-10))//2.75ceil(x)对数进行上取整;document.wr...
2018-06-20 19:51:12 169
原创 slice(),substring()以及substr()方法
ECMAScript中从子串创建字符串值的两种方法:slice()和substring(),这两种方法都返回要处理的字符串的子串,都接受一个或两个参数,第一个参数是要获取的子串的起始位置,第二个参数是要获取子串终止前的位置,也就是说,获取终止位置处的字符不包括在返回的值内。如果省略第二个参数,终止位就默认为字符串的长度;都不改变String对象自身的值,只返回原始的String值,保持String...
2018-06-17 20:44:29 641
原创 随机抽奖
界面图片:HTML代码:<div id="title"> 抽奖</div><div id="luck"> 幸运儿</div><ul id="box"> <li>1号</li> <li>2号
2018-06-14 19:08:31 513
原创 用JS将1-100内与7有关的数变为*,按顺序排列:
HTML代码:<body><input type="button" onclick="t_jump()" value="数七" /> /*执行按钮*/</body>JS代码:<script> function t_jump() { var doDay="";
2018-06-11 20:00:23 513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人