C84395836-优快云博客

转载【前端】直击源头的让你3秒理解并且会用Jsonp！！！

1. 同源策略 ajax之所以需要“跨域”，罪魁祸首就是浏览器的同源策略。即，一个页面的ajax只能获取这个页面相同源或者相同域的数据。如何叫“同源”或者“同域”呢？——协议、域名、端口号都必须相同。例如： http://google.com 和 https://google.com 不同，因为协议不同； http://localhost:8080 和 http://local...

2018-04-11 21:51:00 230

转载 React Native新手入门

前言 React Native是最近非常火的一个话题，想要学习如何使用它，首先就要知道它是什么。好像面对一个新手全面介绍它的文章还不多，我就归纳一下所有的资料和刚入门的小伙伴一起来认识它~ 将从以下几个方面来介绍它： 1、React Native的定义 2、React Native的优缺点 2、学习React Native需要掌握的知识 React ...

2017-12-10 22:13:00 268

转载【方法】纯jQuery实现星巴克官网导航栏效果

前言大冬天的没得玩，只能和代码玩。所以就无聊研究了一下星巴克官网，在我看来应该是基本还原吧~ 请各位大神指教！官网效果图要写的就是最上方的会闪现的白色条条效果分析 1、在滚动条往下拉到一定距离后，往下拉导航栏消失。 2、当滚动条往上拉的时候，导航栏出现，并且拉到最上方的时候，导航栏效果是放大的。解决思路 ...

2017-11-19 22:23:00 600

转载【方法】jQuery无插件实现鼠标拖动切换图片/内容功能

前言我就想随便叨逼叨几句，爱看就看几句，不爱看就直接跳过看正文就好啦~ 这个方法是仿写页面时我自己研究出来，可能有比我更简单的方法。但我不管，因为我没查我不知道，我就觉得我的最好啦，耶耶耶~ 效果图功能描述 1、鼠标按住移动一定距离，内容随之进行切换。 2、开始和结尾处不能再拖动了。 3、下方的控制条随之变换，进行...

2017-11-18 10:55:00 757

转载【总结】前端框架：react还是vue？

之前写了一篇前端框架的大汇总，主要介绍了当下主流的框架和其特性。最近除了bootstrap，就属react和vue最为热门，这篇就主要拿这两个框架来做一下详细对比。究竟如何正确使用？作为小白的我们从何学起比较好？带着一系列问题来看看吧。这篇主要介绍： 1、从出身背景、优势、缺点、适合场景、开发模式、实践情况进行对比 2、相似之处 3、如何选择? ...

2017-11-13 01:39:00 777

转载【总结】2017年当下最值得你关注的前端开发框架，不知道你就OUT了！

近几年随着 jQuery、Ext 以及 CSS3 的发展，以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。在这篇分享中，我将总结2017年当下最值得你关注的前端开发框架，数据主要来自于GitHub上。流行的框架不代表最好，选择框架最重要的标准还是最适合自己项目的，就是最好的。本文将介绍： 1、框架的概念和必要性 2、前端流行开发框架具体列...

2017-11-13 00:47:00 210

转载【疑点】<p></p>标签为什么不能包含块级标签?还有哪些特殊的HTML标签？

最近，在码代码的时候，就是下面的这段代码，我犯了一个很不起眼，但犯了就致命的BUG。 <body> <p> <ol> <li>Hello</li> </ol> </p> <div>How are y...

2017-11-07 23:49:00 615

转载【总结】最常用的正则表达式大全，你要找的这里都有！

其实正则表达式没什么难的，但是我们都懂得，有时候就是懒的写，记起规则很麻烦。所以我就整理了一些常用的，供自己和大家查询和使用啦~ 一、校验数字的表达式数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带...

2017-11-05 23:12:00 186

转载【疑点】如何实现响应式布局？

如今人们的上网方式各式各样，有手机、ipad、电脑等等。老老实实一种媒体端不好么，哎，不过这也是没办法的事儿。这时候只能靠我们前端去兼容各个款式的显示器了~ 想要页面显示的好看，又让代码简易，就要用到响应式布局。此篇文章会在以下几个方面啰嗦一下响应式布局的各个问题： 1、响应式布局的优缺点 2、可实现的几个方式 ①百分比自适应布局 ②通过媒体查询 ③使用JS根据...

2017-11-05 21:51:00 254

转载【疑点】当子元素全部浮动时，怎么解决父元素塌陷的问题？

问题描述：在我们让元素浮动的时候，它就会离开原来的文档流，将它原先占有的空间释放。打个比方，父元素就如一个有伸缩性的容器，而子元素就如一个气球。当没有设置容器的高宽时，他的高宽完全是被装在里面的气球撑开的，当子元素浮动时候，就像气球从容器里飘了出来，飘在了他的上方。而此时容器也就空了，由于伸缩性，高度就变为了o，看不见了。而我们想要父元素显示出来，正常得被子元素撑开，怎...

2017-11-05 20:03:00 404

转载【总结】前端必须收藏的CSS3动效库！！！

现在的网站和App的设计中越来越重视用户体验，而优秀的动效则能使你的应用更具交互性，从而吸引更多用户的使用。如果你对CSS3中定义动效还不熟练，或希望采用更加简单直接的方式在你的应用中引入动效的话，你可以参考并使用下面的优秀动效库（工具）。 Animate.css 非常适合那些对CSS3动画效果不熟悉，但又希望给自己所做的网站或基于H5的AP...

2017-10-30 02:03:00 277

转载【疑点】js中的break,continue和return到底怎么用？

为什么要说个？好像很简单，但是我也会迷糊，不懂有时候为什么要用return，然而break和continue也经常和他放在一起。所以就一起来说一说，这三个看起来很简单，却常常会出错的关键词的具体用法。主要从以下几个方面来详细论述。 1、3个关键词的含义和比较。 2、举例说明其实际应用。 3个关键词的含义和比较在break,continue和re...

2017-10-30 00:55:00 607

转载为什么选择使用Sass而不是Less？

这篇文章主要解答以下几个问题，供前端开发者的新手参考。 1、什么是Sass和Less？ 2、为什么要使用CSS预处理器？ 3、Sass和Less的比较 4、为什么选择使用Sass而不是Less？什么是Sass和Less？ Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？ CSS 预处理器定义了一种新的语...

2017-10-25 23:48:00 4598

C84395836的博客