vue2.x中单选框单击事件延迟问题前一阵子发现@click存在延迟问题，今天又碰到了发现又没有，所以仔细对比了一下。 由于项目中单选框的样式是由label实现的，真实的input隐藏起来了： <template v-for="(item, i) in dimensions" > <label class="checkbox-inline" :for="'dimensi... 阅读全文

前言虽然控制台程序本来就是没有界面的，打包成exe有点多余，但是如果想把写好的代码发给一个非程序员使用，可能还要教人家如何装node，如何运行…… 麻烦死了！ 本文采用的方法是先用批处理包装，然后再将批处理打包成exe，批处理转exe的工具很多，我这里随便找了一个Bat To Exe Converter来实现。 正式开始目标我们肯定希望生成的exe是这样的： 双击即可运行，临时文件不能生... 阅读全文

前言本文对nodejs的工作目录和当前目录问题进行好好的测试验证。 【20160622更新】：本文没什么看的价值，水文一篇，特此提醒！ 验证如下，建立文件D:\myjs\test.js如下： const fs = require('fs');const path = require('path');const {exec} = require('child_process');console... 阅读全文

概述中文文档：http://nodejs.cn/api/child_process.html 利用nodejs的子进程模块(child_process)我们可以轻松调用外部程序、命令等。 API一般习惯用异步方式调用，子进程共有4个异步方法： child_process.exec()child_process.execFile()child_process.spawn()child_pr... 阅读全文

更新说明一直以来搜索是本博客的弱项，之前的搜索只是简单的用数据库like %keyword%来实现的，所以稍微多几个字就搜索不出来，所以最近实在忍不住了，用Lucene彻底改造了一下搜索功能，效果如下，赶快体验一下吧！ 测试体验地址：http://blog.liuxianan.com/search?kw=%E7%AB%AF%E5%8F%A3%20%E5%8D%A0%E7%94%A8 效果如下：... 阅读全文

初始化package.json采用npm init命令向导配置一些参数，比如名称，描述，关键字，GitHub地址等。 注册npm访问 https://www.npmjs.com/ 注册一个账号，注意登录使用的是username和password，所以name是可以随便填的。 登录然后使用npm adduser来登录用户，注意如果你使用的是淘宝镜像的话，在登录之前必须把仓库地址切换成默认的 ... 阅读全文

Windows资源管理器简单介绍 我们一般都知道在cmd下敲入explorer.exe来打开资源管理器，殊不知，其实它还有好几个参数，我们这里只介绍我们需要用到的。 # 打开某个文件夹explorer.exe "E:\Workspace\Java"# 用默认关联程序打开某个文件explorer.exe "E:\Workspace\Java\test.html"# 打开资源管理器并选中某个文件或... 阅读全文

概述之前没仔细看过，反正就是经常遇到加上transform平移之后文字和其它对象就会变模糊的问题，后来发现，只有奇数的时候才会出现，偶数不会。 20170401更新测试浏览器：Chrome50.0 可正当我准备单独写一个测试案例的时候却发现怎么都无法复现前面碰到的模糊问题：新写的测试页面无论是奇数还是偶数都不会模糊，但是项目页面还是存在，且即使我把测试页面的代码copy到项目页面里面去也还是会... 阅读全文

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

概况之前有个疑问：假如某个页面地址和接口地址是跨域的，直接请求肯定无法正确携带和设置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标签模拟，那么肯... 阅读全文

概述完全是无意中发现的，因为这个劫持并没有出现广告。 访问 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盒模型，就是实际内容... 阅读全文