徐云飞-web-CSDN博客

原创 react fiber源码分析原理解析

react fiber源码分析原理解析本文的源码是基于react native 0.51.0版本，只是对fiber的基本流程进行了分析，后面有时间写一篇对源码的详细介绍...

2018-08-22 15:48:20 739

原创如何在react native中将base.bundle和业务js代码分开打包

出于业务需要，有时需要将base.js和业务代码分开打包，这时就需要修改打包代码，具体修改方式看我的github地址: https://github.com/succeed2011/react-native-document-note...

2018-04-25 18:37:23 838

原创 React Native手动打包生成index.bundle.js文件

github地址: https://github.com/succeed2011/react-native-document-noteReact Native版本0.51.0一般情况下我们是不需要手动对RN的js代码进行打包生成index.bundle.js文件的，或者我们可以在调试模式下使用浏览器手动复制代码保存，但是有些情况我们是需要使用程序帮我们自动完成打包操作的。为

2017-12-22 14:51:05 4428

原创 js将数组中符合某一规则的数组项调换顺序

比如，有数组[1,2,3,4,5,6,7,8]，现在想将所有的偶数调换顺序，也就是希望数组变成[1,8,3,6,5,4,7,2]，这个需求是从实际项目中引出的，当时做的项目是一次向后台已数组json的形式发送多条命令，后来改了需求，需要将数组中包含特定字符串的命令发送顺序调转 var i = 0, j = array.length - 1, temp;for(; i ...

2017-08-30 14:26:40 11503

原创 react打包模块--package--原理及源码解析

React Native的打包模块 packager 源码解析

2017-07-02 20:37:01 1569

转载 css选择器优先级好文收藏

原文链接: http://blog.csdn.net/lzgs_4/article/details/43446303CSS的选择器是有权重的，当不同选择器的样式设置有冲突时，会采用权重高的选择器设置样式。权重（即优先级）的规则如下，权重越高，优先级越高：同一个元素可以使用多个规则来指定它的同一样式（比如字体颜色），每个规则都有自己的选择器。显然最终只有一个规则起作用（不可能一个

2017-03-23 19:21:21 331

原创对象赋值时this指向问题 obj1.say = obj2.say;obj1.say()

今天碰到一个问题，有如下的两个对象，问执行obj1.say()输出什么？var obj1 = ( function() { var inner = 'a-1' return { inner: 'a-2', say: function() { console.log( inne

2017-03-23 18:37:13 1168

原创移动端常见问题总结

qq浏览器x5内核浏览器强制横屏或竖屏显示：全屏显示：UC浏览器强制横屏或竖屏显示：portrait|landscape" />全屏显示：yes" />

2017-03-18 20:05:21 344

原创 js读取和设置浏览器cookie的一种简便方法

读取cookiefunction getCookie(name){vararr,reg=new RegExp("(^|;)"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))returnunescape(arr[2]);elsereturnnull;}这种读取方式

2017-03-15 09:14:37 1706

原创 js正则表达式必须包含数字、字母、特殊字符

js正则表达式要求:1. 必须包含数字、英文字母、特殊符号且大于等于8位2. 特殊符号包括: ~!@#$%^&*正则表达式如下:/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{8,}$/解释:这里主要用到了js正则表式中的正向前瞻 ?=，举个例子/\d/.exec( 'abc2ab

2017-02-10 14:29:44 33191

转载 @support与CSS3条件规则

@support与CSS3条件规则

2017-02-08 10:44:33 728

原创 css3 3d转换

1. perspective: 900//目前浏览器都不支持这个属性，webkit内核浏览器支持 -webkit-perspective2. transform-style: preserve-3d; //开启3d转换transform: translate(x,y,z); //x轴方向是左右，y轴是上下，z轴是前后

2017-01-26 19:25:30 255

转载手机腾讯网根节点字体计算方案

手机腾讯网根节点字体计算方案

2017-01-22 08:56:26 406

原创 javascript为数字添加千分符

利用正则表达式，为数字添加千分位

2017-01-20 10:15:15 5807

原创 gulp npm安装gulp-sass报错: checking for Python executable "python2" in the PATH

今天安装gulp-sass的时候报错: checking for Python executable "python2" in the PATH，尝试了很多方法，最后用cnpm来安装就安装成功了具体做法：1. 安装cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org2. 安

2017-01-16 15:04:02 8655

原创如何用css画胡子-单标签实现胡子效果

我们最终要实现的效果如下：你们相信吗？这么一个相对复杂的图形只需要一个div就能够实现。下面就跟我来学习如何实现。1. 首先写出代码结构，只需要如下一行2. 通过分析可以发现，这个胡子是左右对称的，因此只需要实现一边的胡子就可以了。首先画胡子中间的圆为.mustache添加样式.mustache{ width: 10

2016-12-20 16:13:41 801

原创 css画圆, 如何用纯css实现一个动态画圆环效果

实现的思路就是通过css3的transform进行元素旋转，用到的知识点1. 如何画一个圆环2. 如何画一个半圆3. 元素旋转4. 定位废话不多说，直接上代码动态画一个圆环 *{ margin: 0; padding: 0; } .wrap{ position: relative;

2016-12-15 17:17:07 38315

转载 html5拖拽上传文件代码

通过HTML的文件API ，Firefox、Chrome等浏览器已经支持从操作系统直接拖拽文件，并上传到服务器。相对于使用了十多年的HTML表单，这是一个革命性的进步。虽然IE的落后让很多开发者还在观望中，但是Gmail邮箱的附件拖拽功能已经给部分用户带来了极大的方便，而需要大量上传文件的CMS（内容管理系统）也将会从中受益。让我们看一下Firefox

2016-10-19 14:25:37 1031

原创 sass中的sourcemaps是干什么用的

最近在使用gulp构建项目，在编译sass的时候遇到了sourcemaps，查阅了相关资料，大概弄懂了它是个神马，以及如何生成使用。首先，从名字可以看出sourcemaps是生成文件到源文件的一个映射，也就是sourcemaps记录了生成文件中的每一条语句在源文件中的对应位置。以gulp编译sass为例（假设你对gulp已经有了一定了解）：1. 先安装gulp-sourcem

2016-10-18 13:13:44 2844

原创 css3翻转后显示背部隐藏的元素的效果3D翻转效果- transform rotate backface-visibility

最近在做一个项目，需求是点击一个div元素中的按钮，此元素进行翻转，将背部遮挡的div元素显示出来。最初的想法是将这两个div绝对定位，重叠在一起，背部的元素初始化transform: rotateY(180deg)；然后翻转这个元素的父元素，但是测试没有用，显示的总是最上面的那个元素。后来查阅资料，想到了一种实现方式，具体做法如下：（1）先进行布局，注意标红的部分，这个属

2016-06-24 21:44:22 13498

转载 JS中连等赋值操作使用注意事项(a=b=c)

文章标题这句话原本是在国外某JavaScript规范里看到的，当时并没有引起足够的重视，直到最近一次出现了bug发现JS里的连等赋值操作的特色(坑)。网上搜索一番发现一个非常好的连等赋值的例子： var a = {n:1}; a.x = a = {n:2}; console.log(a.x); // 输出?答案是： console.log(a.x); // unde

2016-06-22 16:36:48 13877 5

转载浏览器环境下用javascript创建鼠标点击事件，事件模拟

var node = document.getElementsByTagName('button')[0]; //dom节点 if (MouseEvent) { // Up-to-date approach var mevt = new MouseEvent('click', { view: window,

2016-06-17 10:25:30 675

转载 jascript base64编解码，好东西

var Base64 = { // 转码表 table : [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O' ,'P', 'Q', 'R', 'S', 'T', 'U',

2016-06-17 10:18:54 468

转载 JS实现复制数据到剪贴板，zeroclipboard库

"http://www.w3.org/1999/xhtml"> "Content-Type" content="text/html; charset=gbk" /> 复制到剪贴板 "http://img3.job1001.com/js/jquery-1.4.2.min.js"> "text/javascript" src="http://img3.job

2016-06-17 09:39:03 432

转载 Js中escape(),encodeURI()和encodeURIComponent()使用和比较[转载]

escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，在这里对这三个方法详细地分析与比较一下。escape() 方法MSDN JScript Reference中如是说：The escape method returns a st

2016-06-16 14:49:13 326

原创利用css3实现网页内容倒影效果

css的倒影的效果 -webkit-box-reflect:位置距离px -webkit-gradient() 位置选项:above,below,left,right .box{ font-size: 72px;

2016-06-13 17:20:25 769

原创 AgularJS中Unknown provider: $routeProvider错误的解决方法

今天在做angularjs路由的时候，发现提示Unknown provider: $routeProvider的错误。经过一番努力发现原来在AgularJS1.2.0及其之后的版本中，ngRoute已经移动到单独的文件当中，再使用则需要载入angular-route.js这一文件除此之外，在app.js中，使用ngRoute的模块也要做出如下定义：angular.m

2016-05-26 14:39:56 3419

原创 html5 websocket

客户端代码 var websocket = null; if('WebSocket' in window){ websocket = new WebSocket("ws://localhost:8080/MyWebSocket/websocket"); } else{ alert('Not suppor

2016-05-25 08:57:22 661

原创 javascript(js)中函数apply和call的用法、区别、联系

js中apply和call两种方法作用基本是一样的，主要的功能有两个：1. 改变函数作用域2. 借用其他函数的功能基本的用法为functionName.apply(作用域，数组形式参数列表) 和functionName.apply(作用域，参数列表)a.apply(obj, [1, 2]) a.call(obj, 1, 2);

2016-05-25 08:55:24 456 1

原创 head标签中<meta>中IE=edge,chrome=1详解

看到很多网站上在标签中都有这样一句话查阅资料发现，X-UA-Compatible是个是IE8的专用标记，用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式，以此来解决部分兼容问题，例如模拟IE7的具体方式如下：IE=edge的意思是用微软最新的edge引擎来渲染页面。chrome=1的意思是如果安装了Google Chr

2016-05-25 08:53:40 919

xuyunfei_2012的博客