maqinyao5566的博客

原创 ES6-learning-Map和Set数据结构

1.数据结构Set，但是成员的值都是唯一的，没有重复的值const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4通过add方法向Set结构加入成员，结果表明Set结构不会添加重复的值Set函数可以接受一...

原创 ES6-learning-数组扩展

1.方法的name属性函数的name属性，返回函数名，对象方法也是函数，因此也有name属性如果对象的方法使用了getter和setter，则name属性不是在该方法上面，而是该方法的属性的描述对象的get和set属性上面，返回值使方法名前加上get和set。2.Object.is()方法判断是否完全相等Object.is('foo','foo');//true Object.i...

原创 ES6-learning-函数的扩展

1.ES6允许参数设置默认值（参数默认值不是传值的，而是每次都重新计算默认值表达式的值-参数默认值是惰性求值的）let x = 99;function foo(p = x + 1) { console.log(p);}foo() // 100x = 100;foo() // 1012.参数默认声明，不能用Let或const再次声明3.使用参数默认值时，函数不能有同名参...

原创 ES6-learning-数字的扩展

.ES6用前缀0b代表二进制数值，0o表示八进制2.Number.isFinite(),判断数值是否有限；Number.isNaN()判断一个值是否不是一个数3.Numbwe.isInteger()判断一个数值是否为整数但在javascript内部，整数和浮点数采用的是同样的储存方法，所以25和25.0被视为同一个值。不建议使用4.面对0.1+0.2===0.3为false需要...

原创 ES6-learning-字符串的扩展

1.字符的Unicode表示法(\uxxxx)-xxxx表示字符的Unicode码点“\u0062”2.codePoineAt把对应字符变为对应码点测试一个字符由一个字节还是由四个字节组成 function is32Bit(c){ return c.codePointAt(c)>0xFFFF;}3.String.fromCodePoint()ES5提供Strin...

原创 ES6-learning-变量的解构赋值

1.变量的解构赋值（允许指定默认值，默认值生效的条件是对象的属性值严格等于undefined）1)数组的解构赋值2）对象的解构赋值（变量必须与属性同名）3）字符串的解构赋值（被转换一个类似数组的对象）4）数值和布尔值的解构赋值（先转为对象）5）undefined和null无法转为对象，不能对它们进行解构赋值6）函数参数的解构赋值2.不能使用圆括号：1)变量声明语句2）函数参数...

原创 ES6-learning-let和const声明

1.let和const命令1)不存在变量提升：声明的变量一定要在声明后使用2)暂时性死区：出现块级作用域，在代码块{ }内，声明变量之前，该变量不可用。3)不允许重复声明2.const1)声明只读常量，一旦声明，必须初始化，常量值不能改变。2）本质：不是值不能改变，而是变量指向的那个内存地址所保存的数据不得改动{对于（数值，字符串，布尔值），值就保存的等同于常量，而对于（对象和数...

原创 javascript设计模式

1.工厂模式，即函数封装，把对象什么的在函数内定义。（好处低耦合高内聚，重复的代码可以放在父类去编写，子类继承父类所有的成员属性和方法，子类只专注于实现自己的业务逻辑）function factory(name,age){ var obj = {}; obj.name = name; obj.age = age; obj.write = function(){ alert(...

原创 es6-块级作用域

1.var与let1）var没有块级作用域，在闭包中都可以访问，如果变量名重复，则前一个会被覆盖。    let可以通过闭包隔离，增加了块级作用域隔离，即外界无法访问闭包中的变量if (true) { var a = "a"; // 期望a是某一个值 }console.log(a);结果：aif(true){ let name = 'zfpx';}console.lo...

原创 Vue通信，传值的多种方式

博客借鉴于：https://blog.csdn.net/qq_35430000/article/details/79291287一、通过router(路由)带参数进行传值1.两个组件A和B，A组件通过query把orderld传送给B组件（触发事件可以是点击事件、钩子函数等）(1)html中的形式添加路由 <router-link :to={path:'/list',query:{peopl...

原创 创建对象的几种方式

1.工厂模式：以函数来封装特定接口创建对象的细节function createPerson(name,age,job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name);}; return o;}...

原创 正则表达式复习

1.忽略大小写var re=new regExp('a','i'); JS风格var re=/a/i;   perl风格2.全局匹配(g:global)var re=/\d/g;3.多行匹配var re=/\d/m;4.转义数字：\d查找空白字符:\s匹配单词边界:\b5.量词(+代表若干{1，}   {n}正好出现n次   {n,m}最少n次，最多m次   {n,}最少n次，最多不限   ？==...

原创 ajax-XMLHttpRequest()对象，属性及方法

如何创建XMLHttpRequest?function createXHR(){var xhr=null;if(window.XMLHttpRequest){ xhr=new XMLHttpRequest();}else if(window.ActiveXObject){ xhr=new window.ActiveXObject(Mircosoft.XMLHttp);}}

原创 ajax-不用XMLHttpRequest()实现页面无刷新投票

方法一：header（'HTTP/1.1 204 No Content');//204:没有内容，当浏览器收到204，页面不跳转；方法二：利用图片加载创建Img标签，设置src属性，此时浏览器将会请求对应src的资源，方法三：css,javascript加载的特性，完成请求，原理与加载图片一致方法四：利用iframe的特性ajax注册，提交表单，要求页面无刷新a

原创 性能优化基础

优化术语： 技术类：          首屏时间（加载到第一屏的功能点，所消耗的时间点）          白屏时间（从进入页面到head解析的时间）          可操时间（与模块相关，主要时测试核心模块的使用率，以及用户感知）          连通率（多位视频站点，时间为纵轴，主要时对应时间用户看到视屏或者听到声音的比例）                     产品

原创 css揭秘-2

background-clip:padding-box(背景颜色被裁剪到内边距框)/border-box(背景颜色被裁剪到边框盒)/content-box(背景颜色被裁剪到内容框);半透明边框的代码 半透明边框 body{ background:pink; } #a1{ margin:0 auto; width:300px;

原创 词法作用域

词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。作用域查找会找到第一个匹配的标识符时停止欺骗词法作用域会导致性能的下降：            (1)eval()可以计算表达式，但不要把eval()函数传递的String对象来作为参数。如果试图覆盖eval属性或把eval()方法赋予另一个属性，并通过该属性调用它，则ECMAScript实现允许抛出一个EvalErr

原创 CSS揭秘-1

1.易于维护的代码：例如行高与字号，使其相互依赖。font-size:20px;//当然字号最好用百分比或者em单位。line-height:1.5、2.calc()函数，可计算函数，里面可直接写表达式3.currentColor表示“当前标签所继承的文字颜色”。。减少代码重复原则一些避免不必要的媒体查询的建议1.使用百分比长度来取代固定长度，或使用与视口相关的单位（V

原创 javascript作用域

编译：(1)词法分析-----字符串->代码块（词法单元）。即调用有状态的解析规则；(2)语法分析--------数组->抽象语法树AST（由元素逐级嵌套）;(3)代码生成----AST->可执行代码javascript引擎查询变量方法：（1）LHS查询------查询变量容器本身（赋值操作目标）（2)RHS查询-----查询变量值（谁是赋值操作的源头）异常：（1）无法查询到该变量：RHS

原创 浏览器渲染页面的流程

原创 http 301与302的区别

官方说法：301代表永久性转移；302代表暂时性转移，搜索引擎会抓取新的内容而保留旧的网址。现实差异：（1)对于用户：没有区别，她们看到的是一个页面跳转，浏览器中旧的URL变成了新的URL。 （2）对于引擎与站长：302跳转可能会有URL规范化及网址劫持的问题，可能被搜索引擎判为可疑转向          ，甚至认为是作弊。比如，一个不道德的人在他的网址A做一个302重定向到你的网址B

原创 HTML表格与表单

表格类标签1.表格标记：2.行标记：3.单元格标记：4.表头标签：5.说明标签： (一般位于表格之上)表单类标签：1.表单标签2.用户输入区域标签：type的属性值：1.文本字段：text;2.密码域：password3.单选按钮：radio.4.复选框：checkbox5.普通按钮：button6.提交按钮：submit7.重置按钮

原创 css3渐变效果

1.渐变的含义与组成含义：两种或多种颜色之间平滑过渡的效果组成：由色标来组成色标：1、颜色2、颜色出现的位置2.渐变的属性和取值1、属性               background-image               取值：               1、linear-gradient()   

原创 HTML哪些是块状元素，哪些是内联元素

常见的块状元素与内联元素块状元素内联元素address – 地址blockquote – 块引用center – 居中对齐dir – 目录列表div – 常用块级容易，也是CSS layout的主要标签dl – 定义列表fieldset – form控制组form – 交互表单

原创 zzulioj 小火山专题

1908: 小火山的围棋梦想Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 307  Solved: 80SubmitStatusWeb BoardDescription  小火山最近喜欢上了围棋。  对于围棋，其实小火山是一窍不通的。现在棋盘上，有很多小火山的棋子。 如果棋盘上有这样的一个位置， 那么这个位置也会变

原创 zzuli oj 985专场

Problem C: 985的方格难题Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 414  Solved: 90SubmitStatusWeb BoardDescription985走入了一个n * n的方格地图，他已经知道其中有一个格子是坏的。现在他要从(1, 1)走到(n, n)，每次只可以向下或者向右走一步，问

原创 hdu NanoApe Loves Sequence

Problem DescriptionNanoApe, the Retired Dog, has returned back to prepare for the National Higher Education Entrance Examination!In math class, NanoApe picked up sequences once again. He wrote

原创 Divide the Sequence hdu 5783

Problem DescriptionAlice has a sequence A, She wants to split A into as much as possible continuous subsequences, satisfying that for each subsequence, every its prefix sum is not small than 0.

原创 LIS 最长递增子序列 hdu 5773

题意：给你一个长度为10W的数组，每个数范围0-100W其中的0可以变为INT范围内的任意值问最长上升子序列的长度思路：0可以转化成任意整数，包括负数，显然求LIS时尽量把0都放进去必定是正确的。因此我们可以把0拿出来，对剩下的做O(nlogn)的LIS，统计结果 的时候再算上0的数量。为了保证严格递增，我们可以将每个权值S[i]减去i前面0的个数，再做LIS，就能保证结果是严格递增的

原创 hdu 5754 Life Winner Bo

Problem DescriptionBo is a "Life Winner".He likes playing chessboard games with his girlfriend G.The size of the chessboard is N×M.The top left corner is numbered(1,1) and the lower right

原创 nyoj 1070 诡异的电梯【Ⅰ】 动态规划

描述新的宿舍楼有 N(1≤N≤100000) 层 and M(1≤M≤100000)个学生. 在新的宿舍楼里, 为了节约学生的时间也为了鼓励学生锻炼身体, 所以规定该宿舍楼里的电梯在相邻的两层之间是不会连续停下（即，如果在第2层停下就不能在第3层停下。）.所以，如果有学生在相邻的两层之间要停下, 则其中的一部分学生必须选择走楼梯来代替。规定：一个人走下一层楼梯的花费为A，走上一层楼梯的花费

原创 nyoj 737 石子合并（一） 区间动规

描述    有N堆石子排成一排，每堆石子有一定的数量。现要将N堆石子并成为一堆。合并的过程只能每次将相邻的两堆石子堆成一堆，每次合并花费的代价为这两堆石子的和，经过N-1次合并后成为一堆。求出总的代价最小值。输入有多组测试数据，输入到文件结束。每组测试数据第一行有一个整数n，表示有n堆石子。接下来的一行有n（0输出输出总代价的最小值，占单独的一行样例输入31 2

原创 nyoj 1030 Yougth's Game[Ⅲ] 区间动规

描述有一个长度为n的整数序列，A和B轮流取数，A先取，每次可以从左端或者右端取一个数，所有数都被取完时游戏结束，然后统计每个人取走的所有数字之和作为得分，两人的策略都是使自己的得分尽可能高，并且都足够聪明，求A的得分减去B的得分的结果。输入输入包括多组数据，每组数据第一行为正整数n（1输出对于每组数据，输出A和B都采取最优策略的情况下，A的得分减去B的得分的结果。样例输

原创 nyoj 15 括号匹配（二） 区间动规

描述给你一个字符串，里面只包含"(",")","[","]"四种符号，请问你需要至少添加多少个括号才能使这些括号匹配起来。如：[]是匹配的([])[]是匹配的((]是不匹配的([)]是不匹配的输入第一行输入一个正整数N，表示测试数据组数(N每组测试数据都只有一行，是一个字符串S，S中只包含以上所说的四种字符，S的长度不超过100输出对于每组测试数据都输出一个

原创 nyoj 蚂蚁的难题（二）745

描述下雨了，下雨了，蚂蚁搬家了。已知有n种食材需要搬走，这些食材从1到n依次排成了一个圈。小蚂蚁对每种食材都有一个喜爱程度值Vi，当然，如果Vi小于0的时候，表示蚂蚁讨厌这种食材。因为马上就要下雨了，所以蚂蚁只能搬一次，但是能够搬走连续一段的食材。时间紧急，你快帮帮小蚂蚁吧，让它搬走的食材喜爱值和最大。输入有多组测试数据（以EOF结尾）。每组数据有两行，第一

原创 nyist 586 疯牛

描述农夫 John 建造了一座很长的畜栏，它包括N (2 但是，John的C (2 输入有多组测试数据，以EOF结束。第一行：空格分隔的两个整数N和C第二行——第N+1行：分别指出了xi的位置输出每组测试数据输出一个整数，满足题意的最大的最小值，注意换行。样例输入5 312849样例输出3来源POJ 翻译上传者TC_张友谊

原创 hdu 2391 Filthy Rich 贪心 数塔问题

DescriptionThey say that in Phrygia, the streets are paved with gold. You’re currently on vacation in Phrygia, and to your astonishment you discover that this is to be taken literally: small heaps

原创 hdu 1969 pie 贪心+二分

DescriptionMy birthday is coming up and traditionally I'm serving pie. Not just one pie, no, I have a number N of them, of various tastes and of various sizes. F of my friends are coming to my

原创 poj 1328 Radar Installation 区间找点问题

DescriptionAssume the coasting is an infinite straight line. Land is in one side of coasting, sea in the other. Each small island is a point locating in the sea side. And any radar installation,

原创 poj 2393 Yogurt factory

DescriptionThe cows have purchased a yogurt factory that makes world-famous Yucky Yogurt. Over the next N (1 <= N <= 10,000) weeks, the price of milk and labor will fluctuate weekly such that it