#
浮动、BFC以及清除浮动

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

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

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

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

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

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

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

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

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

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

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

@2016-11-18 Linux基础 浏览(1421)
#
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 杂七杂八 浏览(963)
#
JavaScript中的new和instanceof操作符

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

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

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

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

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

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

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

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

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

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

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

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

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

@2016-11-04 IT相关 浏览(4672)
#
ReactNative学习笔记(四)热更新和增量更新

概括关于RN的热更新,网上有很多现成方案,但是一般都依赖第三方服务,我所希望的是能够自己管控所有一切,所以只能自己折腾。 热更新的思路热更新一般都是更新JS和图片,也就是在不重新安装apk的情况下更新JS和图片,这个需求是很普遍的。通过前面的了解我们知道RN的JS都被打包成了一个bundle文件,默认是在assets文件夹下面,但是这个文件夹是只读不可写的,那怎么办呢?好在RN有一个getJSB... 阅读全文

@2016-11-03 ReactNative 浏览(2411)
#
ReactNative学习笔记(三)打包、调试、运行等相关介绍

各种命令个人习惯在项目根目录下把一些常见命令写成bat文件,以后每次要执行什么只需要双击即可: 编译、生成、运行并启动packager(debug模式): react-native run-android 所谓packager其实就是一个文件同步服务,默认监听8081端口,启动它之后,运行debug模式的ReactNative应用可以随时reload我们的JS。有时候使用上面的命令之后p... 阅读全文

@2016-11-03 ReactNative 浏览(481)
#
[精品] ReactNative与NativeScript对比报告

综合这段时间对ReactNative(下称RN)和NativeScript(下称NS)的简单学习了解,分别从不同方面分析对比二者的优缺点。 页面结构NS一个页面的目录结构: RN的一个页面一般就是一个JS文件,样式、XML、JS全部写在一个文件里: 对比报告 ReactNative NativeScript 对比结果 与传统web开发的差异性(学习... 阅读全文

@2016-11-02 ReactNative 浏览(622)
#
ReactNative试图修改图片加载时默认的淡入效果(fade)记录

没有成功,但是暂时把经过记下来。 方法首先在node_modules\react-native\Libraries\Image\Image.android.js文件找到fadeDuration属性: fadeDuration: PropTypes.number然后在如下文件找到如下参数,说明默认这个效果是300毫秒: node_modules\react-native\ReactAndroi... 阅读全文

@2016-11-02 ReactNative 浏览(592)
#
关于node.js中module.exports 和 exports的区别

区别关于二者的关系,你只需要这4点: exports 只是 module.exports 的引用,也就是后者的偷懒写法而已,所以,绝大部分情况下,二者没有区别!require() 返回的是 module.exports 而不是 exports一旦你给exports重新赋值,它将不再是module.exports的引用,所以无法正常导出;虽然module.exports默认值为一个空对象{}(... 阅读全文

@2016-11-02 Node.js 浏览(433)
#
node.js学习笔记(二)文件系统

前言文件系统对于写一些小脚本、小工具而言非常重要,所以最先介绍文件系统相关方法的使用。 常见APIconst fs = require('fs');const path = 'test.txt';const content = '这是新写入的文件内容';// 写入文件,编码默认就是utf8fs.writeFileSync(path, content, 'utf-8');// 读取文件,如果指... 阅读全文

@2016-11-02 Node.js 浏览(365)
第4页,共11页