华仔而立-优快云博客

原创第四期《前端跨域解决》

什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）http://www.123.com/index.htm

2018-01-09 09:39:51 304

原创第三期《float 与 display:inline-block的区别是什么》

介绍HTML的元素有多种display属性，比较常见的有display:none; display:block; display:inline和display:inline-block;等。默认display:block属性（块级元素）...,,,,等元素，其显示为block样式，会将一行中其可用的空间给跨越占据，容不下另一个元素与其同行。

2018-01-09 09:30:00 1237

原创第二期《域名发散与收敛》

域名收敛是什么？PC 时代为了突破浏览器的域名并发限制。有了域名发散。浏览器有并发限制，是为了防止DDOS攻击。域名收敛：就是将静态资源放在一个域名下。减少DNS解析的开销。域名发散：是将静态资源放在多个子域名下，就可以多线程下载，提高并行度，使客户端加载静态资源更加迅速。域名发散是pc端为了利用浏览器的多线程并行下载能力。而域名收敛多用与移动端，提高性

2018-01-09 09:25:08 406

原创第一期《meta viewport原理》

什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发

2018-01-09 09:21:26 6236

原创 React学习笔记—组件复用

Prop 验证随着应用不断变大，保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时，JavaScript 控制台会抛出警告。注意为了性能考虑，只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别：React.createClass({ p

2016-05-15 21:37:20 1064

介绍从本章开始，我们会逐步介绍在JavaScript里使用的各种设计模式实现，在这里我不会过多地介绍模式本身的理论，而只会关注实现。OK，正式开始。在传统开发工程师眼里，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的

2016-04-18 09:35:13 293

原创 javascript使用100例一

(001)获取 url 中的参数要求指定参数名称，返回该参数的值或者空字符串不指定参数名称，返回全部的参数对象或者 {}如果存在多个同名参数，则返回数组输入例子:getUrlParam('http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe', 'key')输出例子:['1', '2', '3']代码实现function ge

2016-04-09 16:27:09 3507

原创收集的各种css reset方法总有一款是适合你的

收集的各种css reset方法总有一款是适合你的一.最简化的CSS Reset(重设) :* { padding: 0; margin: 0;}　　这是最普遍最简单的CSS重设，将所有元素的padding和margin值都设为0，可以避免一些浏览器在理解这两个属性默认值上的”分歧”。* { padding: 0; margin: 0;

2016-04-09 12:12:15 518

原创 React native windows andriod 开发环境搭建

React native windows andriod 开发环境搭建前期准备工作1、安装node.Js 下载地址：https://nodejs.org/en/ 安装完后将其加入环境变量中。检测是否安装成功，在dos中输入node -v 打印出版本号就说明成功了2、安装git（这个不是必须装）下载地址：https://git-scm.com/download/3、安装python

2016-04-08 18:20:24 715

转载 js中document对象使用

js中document对象使用 document 文挡对象 - JavaScript脚本语言描述注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\”对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色d

2016-04-07 22:41:12 497

原创 javascript:localStorage的兼容性实现

localStorage的兼容性实现 locStorage 主要用于实现w3c localstorage的模拟在ie中使用uerData实现。主要方法有三个: 保存时间为一年。 setItem('key','value'); getItem('key') removeItem('key') var locStorage = function () {

2016-04-07 10:53:21 2042

翻译 javascript：跨域

什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。URL 说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一域名下

2016-04-07 10:50:42 387

转载 javascript：类的介绍

javascript：类的介绍一、类的三个部分构造函数内的这是提供是列对象复用的var Book=function(){ this.name="a"; this.age=12;}构造函数外的直接通过点语法添加的，实例对象访问不到Book.color="red";是原型中的实力化对象可以通过其原型链间接访问到，也是为所有实例化对象所共用的Book.prototype.say=fu

2016-04-07 10:48:01 417

原创 javascript:算法笔记

javascript:算法笔记入门级算法-线性查找-时间复杂度O(n)–相当于算法界中的HelloWorld//线性搜索(入门HelloWorld)//A为数组，x为要搜索的值function linearSearch(A, x) { for (var i = 0; i < A.length; i++) { if (A[i] == x) { return

2016-04-07 10:45:42 3693

原创 javascript中的一些常用的数组算法总结

不管是在面试中还是在笔试中，我们都会被经常问到关于javascript数组的一些算法，比方说数组去重、数组求交集、数组扰乱等等。其中部分算法来自网络，这里做了下汇总整理。文章末尾我会把参考的来源附上去，如果直接看算法比较枯燥的可以到参考文献里去看，讲解的非常不错。1、数组去重方法1: //利用数组的indexOf方法function unique (arr) { var result = []

2016-04-07 10:38:51 397

原创简单的html标签转义

//去掉html标签function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签}//html转义function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g,function(c){return {'<':'<','>

2016-04-07 10:14:50 684

转载 css实现背景透明文字不透明

css实现背景透明文字不透明设置元素的透明度： -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明但是当我们对一个标签设置背景的透明度时，往往我们并不希望该标签上的文字图片也变成半透明了。例如： <div><p>不透明</p></div>div{-moz-opacity:0.3;f

2016-04-07 10:07:24 1547

原创 js cookie 的增删改查

cookie 的增删改查 cookie在浏览器中存放的结构是key=value;key=value;key=value JS设置cookiedocument.cookie="name"+username; JS读取cookie 假设cookie中存储的内容为：name=jack;password=123 则在B页面中获取变量username的值js代码如下

2016-04-07 10:03:03 492

原创介绍call，callee，caller，apply的区别与应用

介绍call，callee，caller，apply的区别与应用

2016-04-07 09:57:24 1021

原创 Js Array使用方法总结

Array使用方法总结在ES5中，一共有9个Array方法indexoflastIndexOfeverysomeforEachmapfilterreducereduceRight

2016-04-07 09:54:46 834

原创 bower使用简单指令

bower使用指令简介安装installininstalllistupdatecache...........................

2016-04-07 09:50:29 337

原创 Js获取当前日期时间及其它操作

Js获取当前日期时间及其它操作isLeapYear 判断闰年Format 日期格式化toString 日期转字符串toArray 日期分割为数组DatePart 取日期的部分信息DateAdd 日期计算DateDiff 比较日期差toString 日期转字符串toArray 日期分割为数组.......

2016-04-07 09:42:33 317

转载 30个css选择器（带兼容性情况）

也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。

2016-04-07 09:27:22 625

华仔而立的博客