#
ReactNative学习笔记(七)Navigator的使用

前言Navigator主要用于ReactNative中的跳转,中文文档: http://reactnative.cn/docs/0.39/using-navigators.html 懒得打字介绍更多了,将上面的官网文档看一遍之后应该有个大概了解了。 initialRoute 配置初始路由参数;configureScene 用于配置场景动画;renderScene 指示具体如何渲染一个场景... 阅读全文

@2016-12-07 ReactNative 浏览(390)
#
为何所有人都说JavaScript中不推荐使用eval

前言估计稍微接触过前端的人都知道eval不推荐使用,但是有没有想过到底是哪些原生不推荐使用呢? 缺点分析 可读性差;性能差;不易维护、不易调试、不易优化;安全问题,它会执行任意传给它的代码,在代码字符串未知或者是来自一个不信任的源时,绝对不要使用 eval,比如说稍不注意容易引起XSS攻击;作用域问题; 当然性能差是相对的,现代浏览器中其实eval的性能很多时候还是比较好的,比如eval一个... 阅读全文

@2016-11-30 JavaScript 浏览(447)
#
经典老问题,CSS水平垂直居中的若干实现方式

水平居中垂直居中line-height法万能居中法负外边距法负位移法(推荐)表格法行内块法flex参考水平居中水平居中比较简单,这里只简单概述一下: 对于行内元素来说(span、img、input等),直接text-align:center;即可搞定;对于块级元素,使用margin: 0 auto;也可以搞定; 还有其它一些方法,比如借助绝对定位等,不过更麻烦也不太推荐,所以不讲。 垂直... 阅读全文

@2016-11-26 CSS 浏览(364)
#
CSS盒模型详解

前言我喜欢把复杂问题简单化,把简单问题更简单化,看到网上介绍CSS盒模型的文章写那么多,觉得还是有必要自己再总结一下。 CSS3出现以前首先,CSS3之前,关于盒模型有这两种概念,一种是W3C标准模式,一种是IE怪异模式(低版本IE或者缺少!DOCTYPE会触发此模式)。 所谓标准模式,就是实际内容宽度等于设置的宽高度(不包括padding和border);所谓IE怪异模式,就是实际内容宽... 阅读全文

@2016-11-26 CSS 浏览(334)
#
ReactNative学习笔记(六)集成视频播放

概述视频播放可以自己写原生代码实现,然后注入JS。如果对视频播放没有特殊要求的话,可以直接使用现成插件。 到官方推荐的插件网站搜索找到下载量第一的插件:react-native-video。 安装安装很简单: npm install -g react-native-video配置配置过程官网已经介绍的很详细了,这里再复述一遍。 首先运行react-native link来链接react-n... 阅读全文

@2016-11-25 ReactNative 浏览(1107)
#
浮动、BFC以及清除浮动

什么是BFCBFC全称Block Formatting Context,意思是块级格式上下文,它是一个独立的布局环境,一个BFC中的元素布局不受外界的影响。 W3C中关于BFC的定义: 浮动元素、绝对定位元素、非块级元素的块级容器(如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为visiable的元素,都会为他们的内... 阅读全文

@2016-11-24 CSS 浏览(313)
#
前端性能优化之DNS预解析

概述一个网页可以通过适当增加子域名个数来突破浏览器单个域名下资源下载的并发连接限制,但是子域名用的太多也不好,因为DNS解析会消耗一定时间,可以通过DNS预解析来让浏览器提前解析DNS以达到加快资源加载速度,从而加快页面显示。 正文通过在meta中增加相关标签来实现这个功能: <meta http-equiv="x-dns-prefetch-control" content="on" /... 阅读全文

@2016-11-24 前端综合 浏览(323)
#
[精品] JavaScript常见原生DOM操作API总结

几种对象NodeNodeListHTMLCollection节点查找API节点创建APIcreateElementcreateTextNodecloneNodecreateDocumentFragment节点修改APIappendChildinsertBeforeremoveChildreplaceChild节点关系API父关系API子关系API兄弟关系型API元素属性型APIsetAttribu... 阅读全文

@2016-11-20 JavaScript 浏览(423)
#
CSS选择器的权重

CSS选择器种类CSS有很多选择器,按照类型我们简单分为以下几种: ID #id类 .class标签 如p通用 *属性 [type="text"]伪类 :hover伪元素 如::after子选择器、相邻选择器、索引选择器等 补充:伪元素只有如下几种:::after、::before、::first-letter、::first-line、::selecton。 CSS权重CSS有... 阅读全文

@2016-11-20 CSS 浏览(365)
#
记录一下今天碰到的一个关于Lucene的超级无语的问题

缘由公司要搭建一个内部知识库分享系统,领导推荐了一个叫WCP的项目。 因为需要自己修改一些代码,所以不能用打包好的部署包,只能自己把源码导入Eclipse修改再运行,其它都没啥问题,但就是发布文章的时候总是报一个关于Lucene的错误,是在创建索引的时候报的: Exception in thread "main" java.lang.AbstractMethodError: org.apach... 阅读全文

@2016-11-18 JavaSE 浏览(565)
#
碰到一个超级奇怪的问题,Linux的9999端口无法访问

概述阿里云服务器,Centos系统,tomcat7,配置了9999端口,本机测试可以访问,但是在Windows上怎么都访问不了,Chrome提示: 已确认防火墙关闭: 抱着不死心的态度,我又多试了几个端口,8080、9988、9998都没问题,都可以正常访问,唯独9999不行,奇了怪了,不知道是阿里云那边做了什么处理,还是9999这个端口本来就比较特殊,目前还没有找到原因。 解决方法... 阅读全文

@2016-11-18 Linux基础 浏览(810)
#
WCP知识库系统部署和使用总结

前言官网:http://www.wcpdoc.com/ WCP源码下载地址:http://git.oschina.net/macplus/WCPWDA源码下载地址:http://git.oschina.net/macplus/WDA (WDA主要是用来实现文档预览的) 3.2.0版安装包:http://www.wcpdoc.com/webdoc/view/Pub8a2831b350e6b01f... 阅读全文

@2016-11-17 杂七杂八 浏览(537)
#
JavaScript中的new和instanceof操作符

newJavascript中的new运算符是用来实例化一个类,从而在内存中分配一个实例对象。 在javascript中, 通过new可以产生原对象的一个实例对象,而这个实例对象继承了原对象的属性和方法。因此,new存在的意义在于它实现了javascript中的继承,而不仅仅是实例化了一个对象! 一个模拟new实现过程的代码如下(注意仅仅是模拟其实现过程,并不能替代new!): fun... 阅读全文

@2016-11-16 JavaScript 浏览(184)
#
JavaScript原生事件相关知识点总结

事件的三个阶段捕获阶段 -> 目标阶段 -> 冒泡阶段,IE低版本不支持捕获阶段。addEventListener的第三个参数useCapture就是表示是否在捕获阶段触发,默认false。 事件的绑定和解绑一般有3种写法。 属性方式此方式不推荐。如,直接在div上面写onclick: target.onclick = fn; // 绑定事件target.onclick = ... 阅读全文

@2016-11-12 JavaScript 浏览(308)
#
尝试给NativeScript添加按键监听功能失败记

前言痛苦的过程,蛋疼的框架,领导安排的任务,只能硬着头皮上。 概述经过无数次的查找,确定NativeScript默认不支持按键监听。有人说,不支持就不支持呗,我自己写一个呗,好吧,我也是这么想的。 首先需要做的就是如何修改Android工程的源码。 修改原生代码platform/android下确实是一个AndroidStudio的工程,但是导入AndroidStudio中却是各种报错,最坑... 阅读全文

@2016-11-10 Hybird 浏览(275)
#
大整数的加减法运算(JavaScript版)

加法原理很简单,就是从右往左遍历相加,有进位的就把左边的数加1: /** * 大整数加法,不考虑小数和负数 */function add(a, b){ a = a.split(''); b = b.split(''); var jinwei = 0, result = ''; // 这里一定不要忘了加上“ || jinwei”,否则最后面一个进位会被漏掉 whi... 阅读全文

@2016-11-08 JavaScript 浏览(358)
#
ReactNative学习笔记(五)踩坑总结

已经发现的bug或者问题 Android不支持shadow属性;Animated.Image的borderRadius不生效;setNativeProps无法修改图片的source;没有直接设置组件显示与隐藏的属性,只能变相实现;require加载图片不能是变量或者拼接的字符串;require加载json也是一样,也不支持动态加载;图片拉伸时默认效果是cover,而不像html中的stretch... 阅读全文

@2016-11-07 ReactNative 浏览(379)
#
ajax跨域访问控制:CORS

关于跨域前言做前端的经常会接触一个名词:跨域,那何为跨域?为什么要跨域? 同源策略出于安全考虑,浏览器会限制脚本中发起的跨域请求,比如,使用 XMLHttpRequest 对象发起 HTTP 请求就必须遵守同源策略。 具体而言,默认情况下Web 应用程序能且只能使用 XMLHttpRequest 对象向其加载的源域名发起 HTTP 请求,而不能向任何其它域名发起请求。 跨域只要protocol... 阅读全文

@2016-11-07 前端综合 浏览(449)
#
Windows下使用命令行解压和压缩zip

前言Windows有一个自带的简单的压缩命令makecab和解压命令expand,但是这个命令的功能简单到一般人都不想用它。 推荐使用开源、强大、小巧的绿色软件7z.exe来实现相关功能,虽然它名字叫7z,它不仅可以解压缩7z,也可以解压缩zip。为什么不用winrar呢?这玩意他妈的收费啊! 自带命令makecab和expand单个文件压缩一个文件: makecab e:/test.txt... 阅读全文

@2016-11-04 IT相关 浏览(2288)
第3页,共11页