场景一单独写的一个component： epg-default-page.js： export default class EpgDefaultPage extends Component{ // 省略} 然后引用： import epgDefaultPage from './epg-default-page';// 省略其它代码export default class EpgCom... 阅读全文
水平居中垂直居中line-height法绝对居中法负外边距法负位移法（推荐）表格法行内块法flex参考水平居中水平居中比较简单，这里只简单概述一下： 对于行内元素来说（span、img、input等），直接text-align:center;即可搞定；对于块级元素，使用margin: 0 auto;也可以搞定； 还有其它一些方法，比如借助绝对定位等，不过更麻烦也不太推荐，所以不讲。 垂直... 阅读全文
前言我喜欢把复杂问题简单化，把简单问题更简单化，看到网上介绍CSS盒模型的文章写那么多，觉得还是有必要自己再总结一下。 CSS3出现以前首先，CSS3之前，关于盒模型有这两种，一种是W3C标准盒模型，一种是IE盒模型（低版本IE或者缺少!DOCTYPE会触发此模式）。 所谓W3C标准盒模型，就是实际内容宽度等于设置的宽高度（不包括padding和border）；所谓IE盒模型，就是实际内容... 阅读全文
概述视频播放可以自己写原生代码实现，然后注入JS。如果对视频播放没有特殊要求的话，可以直接使用现成插件。 到官方推荐的插件网站搜索找到下载量第一的插件：react-native-video。 安装安装很简单： npm install -g react-native-video配置配置过程官网已经介绍的很详细了，这里再复述一遍。 首先运行react-native link来链接react-n... 阅读全文
什么是BFCBFC全称Block Formatting Context，意思是块级格式上下文，它是一个独立的布局环境，一个BFC中的元素布局不受外界的影响。 W3C中关于BFC的定义： 浮动元素、绝对定位元素、非块级元素的块级容器（如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为visiable的元素，都会为他们的内... 阅读全文
概述一个网页可以通过适当增加子域名个数来突破浏览器单个域名下资源下载的并发连接限制，但是子域名用的太多也不好，因为DNS解析会消耗一定时间，可以通过DNS预解析来让浏览器提前解析DNS以达到加快资源加载速度，从而加快页面显示。 正文通过在meta中增加相关标签来实现这个功能： <meta http-equiv="x-dns-prefetch-control" content="on" /... 阅读全文
几种对象NodeNodeListHTMLCollection节点查找API节点创建APIcreateElementcreateTextNodecloneNodecreateDocumentFragment节点修改APIappendChildinsertBeforeremoveChildreplaceChild节点关系API父关系API子关系API兄弟关系型API元素属性型APIsetAttribu... 阅读全文
CSS选择器种类CSS有很多选择器，按照类型我们简单分为以下几种： ID #id类 .class标签 如p通用 *属性 [type="text"]伪类 ：hover伪元素 如::after子选择器、相邻选择器、索引选择器等 补充：伪元素只有如下几种：::after、::before、::first-letter、::first-line、::selecton。 CSS权重CSS有... 阅读全文
缘由公司要搭建一个内部知识库分享系统，领导推荐了一个叫WCP的项目。 因为需要自己修改一些代码，所以不能用打包好的部署包，只能自己把源码导入Eclipse修改再运行，其它都没啥问题，但就是发布文章的时候总是报一个关于Lucene的错误，是在创建索引的时候报的： Exception in thread "main" java.lang.AbstractMethodError: org.apach... 阅读全文
概述阿里云服务器，Centos系统，tomcat7，配置了9999端口，本机测试可以访问，但是在Windows上怎么都访问不了，Chrome提示： 已确认防火墙关闭： 抱着不死心的态度，我又多试了几个端口，8080、9988、9998都没问题，都可以正常访问，唯独9999不行，奇了怪了，不知道是阿里云那边做了什么处理，还是9999这个端口本来就比较特殊，目前还没有找到原因。 解决方法... 阅读全文
前言官网：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... 阅读全文
newJavascript中的new运算符是用来实例化一个类，从而在内存中分配一个实例对象。 在javascript中, 通过new可以产生原对象的一个实例对象，而这个实例对象继承了原对象的属性和方法。因此，new存在的意义在于它实现了javascript中的继承，而不仅仅是实例化了一个对象！ 一个模拟new实现过程的代码如下（注意仅仅是模拟其实现过程，并不能替代new！）： fun... 阅读全文
事件的三个阶段捕获阶段 -> 目标阶段 -> 冒泡阶段，IE低版本不支持捕获阶段。addEventListener的第三个参数useCapture就是表示是否在捕获阶段触发，默认false。 事件的绑定和解绑一般有3种写法。 属性方式此方式不推荐。如，直接在div上面写onclick： <input type="button" value="测试" onclick="t... 阅读全文
前言痛苦的过程，蛋疼的框架，领导安排的任务，只能硬着头皮上。 概述经过无数次的查找，确定NativeScript默认不支持按键监听。有人说，不支持就不支持呗，我自己写一个呗，好吧，我也是这么想的。 首先需要做的就是如何修改Android工程的源码。 修改原生代码platform/android下确实是一个AndroidStudio的工程，但是导入AndroidStudio中却是各种报错，最坑... 阅读全文
加法原理很简单，就是从右往左遍历相加，有进位的就把左边的数加1： /** * 大整数加法，不考虑小数和负数 */function add(a, b){ a = a.split(''); b = b.split(''); var jinwei = 0, result = ''; // 这里一定不要忘了加上“ || jinwei”，否则最后面一个进位会被漏掉 whi... 阅读全文
已经发现的bug或者问题 Android不支持shadow属性；Animated.Image的borderRadius不生效；setNativeProps无法修改图片的source；没有直接设置组件显示与隐藏的属性，只能变相实现；require加载图片不能是变量或者拼接的字符串；require加载json也是一样，也不支持动态加载；图片拉伸时默认效果是cover，而不像html中的stretch... 阅读全文
关于跨域前言做前端的经常会接触一个名词：跨域，那何为跨域？为什么要跨域？ 同源策略出于安全考虑，浏览器会限制脚本中发起的跨域请求，比如，使用 XMLHttpRequest 对象发起 HTTP 请求就必须遵守同源策略。 具体而言，默认情况下Web 应用程序能且只能使用 XMLHttpRequest 对象向其加载的源域名发起 HTTP 请求，而不能向任何其它域名发起请求。 跨域只要protocol... 阅读全文
前言Windows有一个自带的简单的压缩命令makecab和解压命令expand，但是这个命令的功能简单到一般人都不想用它。 推荐使用开源、强大、小巧的绿色软件7z.exe来实现相关功能，虽然它名字叫7z，它不仅可以解压缩7z，也可以解压缩zip。为什么不用winrar呢？这玩意他妈的收费啊！ 自带命令makecab和expand单个文件压缩一个文件： makecab e:/test.txt... 阅读全文
概括关于RN的热更新，网上有很多现成方案，但是一般都依赖第三方服务，我所希望的是能够自己管控所有一切，所以只能自己折腾。 热更新的思路热更新一般都是更新JS和图片，也就是在不重新安装apk的情况下更新JS和图片，这个需求是很普遍的。通过前面的了解我们知道RN的JS都被打包成了一个bundle文件，默认是在assets文件夹下面，但是这个文件夹是只读不可写的，那怎么办呢？好在RN有一个getJSB... 阅读全文
各种命令个人习惯在项目根目录下把一些常见命令写成bat文件，以后每次要执行什么只需要双击即可： 编译、生成、运行并启动packager（debug模式）： react-native run-android 所谓packager其实就是一个文件同步服务，默认监听8081端口，启动它之后，运行debug模式的ReactNative应用可以随时reload我们的JS。有时候使用上面的命令之后p... 阅读全文