foreverwy-优快云博客

原创 css在不同设备上实现实现border-1px

border-1px($color) position: relative &:after display: block position: absolute left: 0 bottom: 0 width: 100% border-top: 1px solid $color content: ' '@media (-webkit-min-device-...

2018-08-31 09:19:05 388

原创 css生成三角

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><title>css生成三角</title><style> body { background: #efefef; } .box {

2018-08-30 15:16:36 308

原创 0-1背包问题

给定容量为c的背包和n个物品，每个物品的重量为wi,每个物品的价值为vi。应该如何选择装入背包的物品,让背包所能获得最大价值。0-1背包问题的状态转移方程为f[i][j]=max{ f[i-1][j] , f[i-1][j-w[i]]+v[i]}声明一个大小为f[n][c]的二维数组,f[i][j]表示在面对物品i时，前i-1件物品，在容量为j的背包里，所能获得的最大价值二维数

2017-10-11 18:39:55 351

原创 js-es6-Map数据结构

字典：是用来存储不重复key的Hash结构。不同于集合(Set)的是，字典使用的是[键，值]的形式来储存数据的。 * JavaScript 的对象（Object:{}）只能用字符串当作键。这给它的使用带来了很大的限制。为了解决这个问题，ES6提供了Map数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object结构提供了

2017-10-04 11:41:09 445

原创 js-es6-set数据结构

集合的基本概念：集合是由一组无序且唯一（即不能重复）的项组成的。这个数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中。特点：key 和 value 相同，没有重复的 value。数据结构 Set,它类似于数组，但是成员的值都是唯一的，没有重复的值。1.创建Set 传入的参数放在数组里let s1=new Set();let s2=new Set([1,2,3

2017-10-04 11:15:38 330

原创 js-es6-Symbol新增的数据类型

1 什么是 Symbol ? Symbol，表示独一无二的值。它是 JS 中的第七种数据类型let s1 = Symbol();let s2 = Symbol();console.log(s1===s2);//false注意Symbol 函数前不能使用 new 否则会报错，原因在于Symbol 是一个原始类型的值，不是对象。Symbol 可以接收一个字符串作为参数，表示对S

2017-10-04 10:36:05 538

原创 js-es6-变量的解构赋值

本质上就是一种匹配模式，只要等号两边的模式相同，那么左边的变量就可以被赋予对应的值。结构赋值主要分为： 1 数组的解构赋值 2 对象的结构赋值 3 基本类型的解构赋值数组的结构赋值let [a, b, c] = [1, 2, 3];console.log(a, b, c);//1,2,3let [a, [[b], c]] = [1, [[2],

2017-10-03 23:00:35 331

原创 js-es6-对象扩展

更简洁的表示法let a=1;let obj={a};console.log(obj)//{a: 1}const obj={ fn:function(){ console.log('old'); }, fn2(){ console.log('new'); }}obj.fn();//oldobj.fn2();//new属性表达式let a='b';

2017-10-03 22:36:58 344

原创 js-es6-函数扩展

参数默认值function foo(x=2,y=5){ console.log('x :'+x,'y :'+y);}foo();//x :2 y :5foo(3);//x :3 y :5foo(3,4);//x :3 y :4注意默认值后面不可以再有不是默认值的变量，前面可以有不是默认值的变量function foo(x,y=5){ console.log('x :'+x,'y

2017-10-03 21:47:45 379

原创 js-es6-数组扩展

Array.of() 创建数组let arr=Array.of(3,4,5);console.log(arr);//[3, 4, 5]let empty=Array.of();console.log(empty);//[]Array.from() 把伪数组或者集合转换成数组var aLi=document.getElementsByTagName('li');c

2017-10-03 20:47:48 268

原创 js-es6-数值扩展

二进制以0b开头，b可小写也可以大写console.log(0b1111);//15八进制以0o开头，o字母可小写也可大写console.log(0o10);//16Number.isFinite() 判断一个数是不是有尽的，若是有尽的返回true，否则返回falseconsole.log(Number.isFinite(15));//trueconsole.log(Numb

2017-10-03 20:16:41 280

原创 js-字符串扩展

一般方法includes() 判断字符串是否包含指定的字符或字符串返回布尔值let str='string';console.log(str.includes('str'));//trueconsole.log(str.includes('sr'));//falsestartsWith() 判断字符串是否已指定的字符串开始，返回布尔值let str='

2017-10-03 19:35:08 274

原创 css-响应式布局

响应式媒体类型 all所有媒体 braille盲文触觉设备 embossed盲文打印机 print手持设备 projection打印预览 screen彩屏设备

2017-10-02 15:24:23 261

原创 css-弹性盒模型

新版盒模型作用于父元素display:boxflex-direction:（主轴方向设置） row 设置主轴方向为水平方向 column 设置主轴方向为为垂直方向主轴元素上元素的排列顺序row-reverse 设置主轴方向为水平方向，元素排列为反向column-reverse 设置主轴方向为垂直方向，元素排列为反向justify-content:主轴

2017-10-02 15:21:13 355

原创 js直接插入排序

function insertSort(arr){ for(var i=1;i<arr.length;i++){ var j=i; while(j>0&&arr[j]<arr[j-1]){ var t=arr[j]; arr[j]=arr[j-1]; arr[j-1]=t; j--; } } return arr;}

2017-10-02 15:10:47 231

原创 js冒泡排序

function bubbleSort(arr){ for(var i=0;i<arr.length;i++){ var flag=true; for(var j=0;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ var t=arr[j]; arr[j]=arr[j+1]; arr[j+1]=t; flag=

2017-10-02 15:05:57 211

原创 js选择排序

function selectSort(arr){ for(var i=0;i<arr.length;i++){ var min=i; for(var j=i+1;j<arr.length;j++){ if(arr[j]<arr[min]){ min=j; } } if(min!=i){ var t=arr[min]; arr[min]=arr[i

2017-10-02 15:00:47 260

原创 js统计字符串出现的频率

var str='asiisaosdissaidisdhfui';var arr=str.split('');str=arr.sort().join('');var value=[];var index=0;var re=/(\w)\1*/g;str.replace(re,function($0,$1){ // alert($0); // alert($1); if(index<

2017-10-02 14:51:51 554

原创 js数组去重

function removeSame(arr){ var arr2=[arr[0]]; for(var i=1;i<arr.length;i++){ if(arr2.indexOf(arr[i])==-1){ arr2.push(arr[i]); } } return arr2;}function removeSame(arr){ var obj={}; for(va

2017-10-02 14:48:18 200

原创 js表单序列化

function serialize(form){ var parts=[], field=null, i,len,j,optLen,option,optValue; for(i=0,len=form.elements.length;i<len;i++){ field=form.elements[i]; switch(field.type){ case :'select-

2017-10-02 14:46:19 440

原创 js通用的事件封装

var EventUtil={ addHandler:function(event,type,handler){ if(event.addEventListener){ event.addEventListener(type,handler,false); }else if(event.attachEvent){ event.attachEvent('on'+type,han

2017-10-02 14:44:48 951

原创 js封装自定义事件

function bindEvent(obj,events,fn){ obj.listeners=obj.listeners||{}; obj.listeners[events]=obj.listeners[events]||[]; obj.listeners[events].push(fn); if(obj.nodeType){ if(obj.addEventListener){

2017-10-02 14:42:58 785

原创 js实现深拷贝

2017-10-02 14:42:00 487

原创 js实现上传图片并预览

window.onload=function(){ var oFile=document.getElementById('file'); oFile.onchange=function(e){ var maxSize=10*1024*1024; var file=this.files[0]; if(file.type.indexOf('image')<0){ alert('请

2017-10-02 14:40:07 231

原创 js封装cookie函数

// 设置cookiefunction setCookie(key,value,t){ var oDate=new Date(); key=encodeURIComponent(key); value=encodeURIComponent(value); oDate.setDate(oDate.getDate()+t); document.cookie=key+'='+value+';

2017-10-02 14:38:42 360

原创 js归并排序

function merge(left,right){ var tmp=[]; while(left.length&&right.length){ if(left[0]<right[0]){ tmp.push(left.shift()); } else{ tmp.push(right.shift()); } } return tmp.concat(left,ri

2017-10-02 14:36:26 316

原创 js快速排序

function quickSort(arr){ // 如果数组的长度<=1，,停止递归 if(arr.length<=1){ return arr; } // 找基准，并把基准从原数组中删除 var pivotIndex=Math.floor(arr.length/2); var pivot=arr.splice(pivotIndex,1)[0]; // 定义左右数组 var

2017-10-02 14:35:37 214

原创 js函数、作用域、闭包、执行上下文

函数函数的定义function(){}varsum=function(n1,n2){return n1+n2}var sum=newFunction(‘n1’,’n2’,’return n1+n2’)最后一个参数当做函数体函数的特点ECMAScript中的函数在定义时可不必指定是否返回值，任何函数可以在任何时候通过return语句后跟要返回的值来实现。一个函数也可以

2017-10-02 13:14:13 300

原创 js继承

原型链继承function SuperType(){ this.property=true;}SuperType.prototype.getSuperValue=function(){ return this.property;}function SubType(){ this.subproperty=false;}SubType.prototype=new SuperTyp

2017-10-02 12:56:30 280

原创 js创建对象

工厂模式function fruit(kinds){ var o=new Object(); o.kinds=kinds; o.sayKinds=function(){ console.log(this.kinds); } return o;}var orange=fruit('orange');orange.sayKinds();//'orange'工厂模式解决了

2017-10-02 12:45:21 237

原创 js中的this指向问题

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。1.函数调用模式当一个函数并非一个对象的属性时，那么它就是被当做函数来调用的。在此种模式下，this被绑定为全局对象，在浏览器环境下就是window对象2.方法调用模式当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果

2017-10-02 12:24:46 25100 9

原创 CSS 知识链接

CSS3清除浮动http://www.jb51.net/css/173023.htmlhttp://www.divcss5.com/jiqiao/j406.shtmlCSS3元素隐藏http://www.360doc.com/content/16/0620/00/5008209_569137551.shtml

2017-07-28 19:06:16 202

原创软件破解链接

Adobe Photoshop CC 2015版完整破解安装教程http://jingyan.baidu.com/article/0320e2c1ca4c091b87507ba7.html

2017-07-26 22:22:32 1055

转载 2016web前端面试题

2016各大互联网公司前端面试题汇总 2016-12-312016 年立马就要过去了，在新的一年，尤其春节后跳槽换工作的童鞋，不妨先刷刷这些题，有个大致印象也好。过去的一年里，行业整体对前端需求还是供大于求。不过大一点的互联网公司对前端要求越来越高，而一些较为小型的创业公司对前端的要求相对低一点，要求已快速上手为主。过去的一年前端发展很迅速，会React的或者React Native

2017-07-22 17:58:15 513

转载 Cookie, LocalStorage 与 SessionStorage

1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都

2017-07-22 17:53:03 182

原创跨域问题和处理跨域的方法

一、跨域http:// www . 123.com : 8080 / js.js协议子域名主域名端口号资源地址当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域，不同域之间相互请求资源算作跨域，Javascript出于安全方面同源策略的限制，不允许浏览器跨域调用其他

2017-07-22 17:50:31 233

原创 hdu 1166 敌兵布阵(线段树)

敌兵布阵Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 64188 Accepted Submission(s): 27058Problem DescriptionC国的死对头A国这段时间正在进行军

2015-12-12 18:13:05 320

原创 hdu 1754 I Hate It(线段树）

I Hate ItTime Limit: 9000/3000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 55318 Accepted Submission(s): 21609Problem Description很多学校流行一种比较的习惯。

2015-12-12 11:41:23 185

原创 hdu 4883 TIANKENG’s restaurant（区间更新）

TIANKENG’s restaurantTime Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/65536 K (Java/Others)Total Submission(s): 1803 Accepted Submission(s): 658Problem DescriptionTIAN

2015-12-12 10:14:17 238

原创 hdu 2048 神、上帝以及老天爷（错排）

神、上帝以及老天爷Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 29577 Accepted Submission(s): 12207Problem DescriptionHDU 2006'10

2015-12-12 09:28:24 322

空空如也

空空如也