含义第二代身份证号码共18位，其中： 1-6位：表示户口所在县(市、旗、区)的行政区划代码，也就是说如果是同一个县的人，那么身份证前6位肯定都一样；7-14位：表示出身日期，共8位，遵循yyyyMMdd格式；15-17位：顺序码，具体是随机分配还是按照出身年月有序分配不清楚，第17位为奇数表示男性，偶数表示女性；18位：校验码，根据一个固定规则由前17位数字计算得来； 下面着重介绍校验码。... 阅读全文

前言一向都不太喜欢将简单问题复杂化，git这种东西本来应该是一个工具，所以不应该为了使用这个工具去额外记一大堆命令，但是限于有时候需要在Linux上面进行一些操作，所以还是有必要记住一些常见的git命令。 分支操作git branch # 查看本地分支git branch -a # 查看所有分支（包括远程分支）git branch test # 本地创建test新分支git push ori... 阅读全文

概况之前有个疑问：假如某个页面地址和接口地址是跨域的，直接请求肯定无法正确携带和设置cookie，但是如果通过nginx或者fiddler进行一层转发使之变成同域呢？ 下面我们来验证。 假设接口原地址是：http://a.com/test.json ，且设置了允许跨域，现在我在 http://b.com/index.html 下请求这个接口，很显然，可以调用成功，但是携带的是 http://a... 阅读全文

介绍fetch是传统XMLHttpRequest（也就是常说的ajax）的替代者，相比后者，它更简单，并且内置对Promise的支持。 但其实话说回来，我至今没太搞明白它的更多优点，因为说它使用简单好像体现不出优势，因为我们平时都是使用ajax框架的（比如jQuery），很少会直接使用原生XMLHttpRequest，而且用了它的话还要担心兼容性的问题。 语法语法很简单：fetch(url, ... 阅读全文

介绍mockjs是一个模拟后台接口的JS库，它的原理是重写了XMLHttpRequest，它可以在接口没出来时非常方便的模拟数据，上线之后不引用它即可。 官网：http://mockjs.com/文档：https://github.com/nuysoft/Mock/wiki 基本语法Mock.mock(template)根据数据模板直接返回数据，以下代码可访问 http://mockjs.... 阅读全文

写在前面JS要实现下载功能，一般都是这么几个过程：生成下载的URL，动态创建一个A标签，并将其href指向生成的URL，然后触发A标签的单击事件，这样就会弹出下载对话框，从而实现了一个下载的功能。 这里所说的下载，有时候也可以理解为保存。出于安全考虑，JS肯定无法直接调用FileAPI写文件到磁盘，但是却可以通过下载来变相实现保存功能。 几个备用知识点JS触发单击事件既然是用A标签模拟，那么肯... 阅读全文

20170518更新这篇文章过时了！ 前言有时候同一台电脑可能需要和多个git账户打交道，比如公司内部的gitlab和外部的github，这2者的账号密码肯定不一样，如何方便的在二者切换呢，我使用的是TortoiseGit来解决。 步骤不使用常规的SSH配置方式，而是使用TortoiseGit自带的PuTTYgen来生成。 开始菜单找到它： 点击生成按钮，然后鼠标不停移动（注意必须移动... 阅读全文

前言WebStorm默认配置很多地方不喜欢，这里将常见配置列出来。 下载安装下载地址：webstorm-v10.0.3【汉化破解版】.zip 文件如下： 汉化破解 先安装英文原版；参照图片说明注册破解；将汉化包内的resources_en.jar 替换 \WebStorm 10.0.3\lib\下的 resources_en.jar，建议替换之前先备份一下旧文件，防止哪天想要恢复到... 阅读全文

搭建php环境一直报这个错误： 参考：http://stackoverflow.com/questions/31530677/cannot-find-save-handler-redis https://github.com/phpredis/phpredis/downloads 这2个版本都试过都不行： 可能是和php版本有关系，也有可能是跟dll文件有关系，最后整个替换成同... 阅读全文

下载安装百度搜索xshell下载最新版的安装即可，不用破解，因为个人使用是免费的。 使用 配置xshell有2种配置的地方，一个是文件->属性，这个一般是针对具体某个会话的设置： 如修改字体和颜色等： 还有一种是全局的配置，工具->选项： ... 阅读全文

概述完全是无意中发现的，因为这个劫持并没有出现广告。 访问 http://demo.liuxianan.com 时，控制台竟然发现一个奇怪的地址：http://gxtj01.statis.wayayaya.com:5001/gxtj01.php 最后发现被劫持的竟然是CNZZ的一个js文件，用电脑访问如下地址： http://c.cnzz.com/core.php?web_id=125713... 阅读全文

说明非标准属性，仅限webkit内核浏览器。 组成部分一个完整滚动条右以下部分组成： ::-webkit-scrollbar 滚动条整体部分，常用属性：width,height,background,border；::-webkit-scrollbar-button 滚动条两边的按钮，默认不设置时不显示，可设置高度、背景色、背景图片；::-webkit-scrollbar-track 整个... 阅读全文

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

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

场景一单独写的一个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" /... 阅读全文