自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Rita_jing的博客

web前端开发

  • 博客(31)
  • 收藏
  • 关注

转载 Git分布式版本管理系统

Git分布式版本管理系统CVS及SVN集中式版本管理系统原文:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/0013744142037508cf42e51debf49668810645e02887691000 总结整理如下:*集中式vs分布式集中式版本控制系统的版本库是集中存放...

2018-04-18 21:43:35 631

原创 动态规划

使用动态规划解决问题时,需要遵循三个重要步骤:1.定义子问题;2.实现反复执行而解决子问题的部分;3.识别并求解出边界条件;能够用动态规划解决的著名问题有:*背包问题:有N件物品和一个容量为V的背包。第i件物品的重量是w[i],价值是v[i]。求解将哪些物品装入背包可使这些物品重量总和不超过背包容量,且价值总和最大。*最长公共子序列*矩阵链相乘*硬币找零

2017-11-24 21:25:41 295

原创 搜索算法

1.顺序搜索function sequentialSearch(item){ for(var i=0; i<arr.length; i++){ if(arr[i] === item){ return i; } } return -1;}2.二分搜索function binarySearch(item){

2017-11-23 21:43:45 310

原创 js实现排序算法

1.冒泡排序function bubbleSort(arr){ var length = arr.length; var tempt; for(var i=0; i<length; i++){ for(var j=0; j<length-1; j++){ if(arr[j] > arr[j+1]){ tempt = arr[j];

2017-11-23 20:46:20 237

原创 连续子数组的最大和

function getMaxSubarr(arr){ if(Array.isArray(arr) || Object.propotype.toString.call(arr) === '[object Array]'){ var start=0,end,temptStart,temptEnd,temptSum=0,maxSum=0; length = arr.length;

2017-11-22 21:11:45 259

原创 cnmp解决npm下载安装缓慢问题

最近用npm安装webpack,半天没反应,加载缓慢还容易出错,常发生安装完成命令不存在的情况,果断使用淘宝cnpm,用法跟npm用法完全一致,只是在执行命令时将npm改为cnpm。npm install -g cnpm --registry=https://registry.npm.taobao.org

2017-11-08 12:36:18 6512

原创 解决npm 的 shasum check failed for错误

最近使用npm installz总是报错C:\Program Files\nodejs>npm update npm npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\

2017-11-06 22:22:47 1414

原创 全屏滚动的原理及实现

之前用fullpage插件做过全屏滚动的页面,今天用js自己实现了一下,还蛮简单的.首先html结构为 wrap块为窗口可看到的部分,我们可以通过js获取窗口可视区的大小,并为其设置overflow: hidden属性,使得窗口不出现滚动条,只显示窗口大小的一页内容;设置main定位为rela

2017-10-14 20:52:27 10479 3

原创 伪元素:before和:after

之所以称为伪元素,也就是说不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。如下图,是伪元素在html代码机构中的展现,可以看出无法伪元素的结构无法审查。

2017-08-24 15:32:10 344

原创 跨域问题

1.document.domain + iframe(只有在主域相同的时候才能使用该方法)2.window.name+iframe3.window.postMessage+iframe4.location.hash + iframe5.动态创建script6.图像Ping7.WebSocket8. SSE9.jsonp10.Comet11.CORSC

2017-08-10 10:28:36 321

原创 indexed DB

随着浏览器的处理能力不断增强,产生了将大量数据储存在客户端能力的需求,这样可以减少用户等待从服务器获取数据的时间。现有的浏览器端数据储存方案,都不适合储存大量数据:Cookie 不超过4KB,且每次请求都会发送回服务器端;LocalStorage 在 2.5MB 到 10MB 之间(各浏览器不同)。所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。indexed DB(Ind

2017-07-13 10:14:23 394

原创 Web Sockets

Web Sockets的目标是在一个单独的持久连接上提供全双工、双向通信。Web Sockets使用自定义的协议,未加密的连接为ws://;加密的连接为wss://;首先创建一个Web Socket,先实例化一个WebSocket对象并传入要连接的URL:var socket = new WebSocket(url);注意:必须传入绝对URL,同源策略对Web Sockets不适用,因此可

2017-07-11 16:00:47 320

原创 服务器发送事件SSE

服务器发送事件(Server-Sent Events,简称SSE)用于创建到服务器的单向连接,简单来说就是浏览器向服务器发送一个HTTP请求,然后服务器不断单向地向浏览器推送“信息”(message)。首先要创建一个EventSourse对象var source= new EventSource("myevents.php");注意:传入的URL必须与创建对象的页面同源。EventS

2017-07-11 13:48:30 569

原创 圣杯布局

布局一,两栏布局,侧栏固定在右边,左边主栏宽度自适应,效果如下:code:      .layout{    padding-right: 210px;    } .layout_aside { width: 200px; background: #ccc; margin-right: -210px; } .layout_m

2017-06-21 21:27:46 267

原创 icon-font

icon-font,是用字体文件取代图片文件,来展示图标、特殊字体等元素的方法,不仅体积小,而且以维护,昨天做网页时第一次用,大小和颜色可通过修改文字大小和颜色实现,拉伸不变形,不要太好用我是直接使用网站上的Icon Font实现的,推荐一个不错的网站 https://icomoon.io/ ,里面有好多免费的Icon Font点击右上角IcoMoon App就可以看到很多免费Icon

2017-05-27 10:09:16 594

原创 jq.fullpage插件

fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等使用方法:1.引入文件每个 section 代表一屏,默认显示

2017-05-01 11:54:57 473

转载 闭包

http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

2017-04-24 13:47:24 262

转载 Js内存泄漏及解决方案

http://www.cnblogs.com/carekee/articles/1733847.htmlJs内存泄漏及解决方案

2017-04-24 13:43:59 300

原创 css之border/padding/margin

border:        1.宽度不支持百分比;thin/medium/thick;2.solid/dotted/dashed/double/inset/outset/ridge/groove:            a.  IE下的dotted是小圆,通过添加图形可以用来实现IE7/IE8下的圆角效果;                    b. 利用double实现

2017-04-09 09:19:46 585

原创 题目

1.如果一个dom元素中,既有冒泡,又有捕获的话,会先执行哪个呢?w3c规定了,任何发生在w3c事件模型中的事件,首是进入捕获阶段,直到达到目标元素,再进入冒泡阶段。2.Doctype作用?标准模式与兼容模式各有什么区别?(1)声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现

2017-04-04 15:54:08 265

转载 <select>标签的使用技巧总结

1.动态创建selectfunction createSelect(){var mySelect = document.createElement("select");mySelect.id = "mySelect";document.body.appendChild(mySelect);}2.添加选项optionfunction addOp

2017-04-01 14:38:34 1214

原创 css相关

1.display有哪些值?说明他们的作用block 像块类型元素一样显示。none 缺省值。像行内元素类型一样显示。inline-block 像行内元素一样显示,但其内容像块类型元素一样显示。list-item 像块类型元素一样显示,并添加样式列表标记。table 此元素会作为块级表格来显示inherit 规定应该从父元素继承 display 属性的值

2017-03-31 22:19:11 294

转载 css如何让元素水平居中、垂直居中

对于定宽的非浮动元素我们可以在CSS中用 margin:0 auto 进行水平居中,对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。父元素和子元素同时左浮动,然后父元素相对左移动50%,再然后子元素相对右移动50%,或者子元素相对左移动-50%也就可以了。

2017-03-31 21:53:44 596

转载 css之层叠级别及z-index

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。每个stacking context都包括以下stack level (后来居上):1.父级stacking context的背景、边界2.z-index值为负值的定位元素(值越小越在下)3.文本流中非定位的、block块级子元素4.文本流中非定位的、float浮动子元素5.仿

2017-03-30 09:44:22 1779

转载 CSS实现等分布局的4种方式,css等分布局4种

思路一: float缺点:结构和样式存在耦合性,IE7-浏览器下对宽度百分比取值存在四舍五入的误差【1】float + padding + background-clip使用padding来实现子元素之间的间距,使用background-clip使子元素padding部分不显示背景float:left; + padding-right:20px; + background-

2017-03-29 20:59:38 5274

转载 怎么提升CSS选择器性能?

1、避免使用通用选择器2、避免使用标签或 class 选择器限制 id 选择器3、避免使用标签限制 class 选择器4、避免使用多层标签选择器。使用 class 选择器替换,减少css查找5、避免使用子选择器6、使用继承

2017-03-28 22:10:55 289

原创 关于css选择器

伪类: anchor伪类: a:link {} /a:visited {} /a:hover {} /a:active :first-child伪类:选择元素的第一个子元素,eg: p:first-child :lang 伪类:为不同的语言定义特殊的规则动态伪类::focus、伪类可以与 CSS 类配合使用:eg: a.red:visited {color:#FF000

2017-03-28 21:22:52 253

原创 “超链接样式被点击过后a:hover{}和a:active{}样式不起作用”的原因及解决方法

今天发现了改变CSS属性的排列顺序: L-V-H-Aa:link {}a:visited {}a:hover {}a:active {}-->   我个人认为原因是:如果a:hover {}写到a:active {}后面就会覆盖a:active {},因为点击时鼠标也是在元素上的,因此它们具有包含性,就像数学中的集合,应该由大到小。

2017-03-28 21:18:25 6958

原创 css层叠规则

层叠规则就是当多个样式添加到同一元素时,样式优先级规则,也就是其最终显示的样式。样式类型可以分为:浏览器默认样式、外部样式(即引用的CSS后缀文件)、内部样式(即写在标签内的样式)及内联样式(直接写在style属性内的样式)、用户自定义样式(有些页面会允许用户自定义样式)。1.浏览器默认样式优先级最低;2.遇到冲突的属性定义,带!important的比不带!important的优先级高

2017-03-28 20:06:34 714

原创 CSS外边距合并的问题及解决措施

1、水平的margin不会被折叠,只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并    2、相邻的盒模型中,如果其中的一个是浮动的(floated),垂直margin不会被折叠,甚至一个浮动的盒模型和它的子元素之间也是这样。    3、设置了overflow属性的元素和它的子元素之间的margin不会被折叠(overflow取值为vis

2017-03-28 19:02:59 4265

转载 css中可以继承的属性

不可继承的属性有:display、margin、border、padding、background、height、min-height、max-height、width、                               min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、

2017-03-28 16:51:18 599

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除