#
[置顶] 【干货】Chrome插件(扩展)开发全攻略

写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面:https://github.com/liuxianan/chrome-plugin-demo ,大家可以直接下载下来运行。 另外,本文图片较多,请耐心等待加载完毕。 本文目录: demo部分截图: 前言什么是Chrome插件严格来讲,... 阅读全文

@2016-12-19 前端综合 浏览(915)
#
编辑页面离开时弹出提示

正文N年前就知道,只是没记录过,所以今天写下来。主要是借助window.onbeforeunload来实现: JS写法: window.onbeforeunload = function(){ return '修改尚未保存,确定放弃吗?';};//或者这样写:window.onbeforeunload = function(event){ event.returnValue = '... 阅读全文

@2017-08-22 JavaScript 浏览(112)
#
vue2.x遇到的问题总结

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

@2017-08-15 JavaScript 浏览(96)
#
如何将nodejs制作的控制台程序打包成exe

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

@2017-06-22 Node.js 浏览(165)
#
关于nodejs的启动路径和当前路径问题

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

@2017-06-16 Node.js 浏览(328)
#
nodejs学习笔记(三)子进程

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

@2017-06-15 Node.js 浏览(204)
#
【重要更新】本博客搜索改用Lucene实现,搜索更精准更强大

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

@2017-05-03 网站建设 浏览(288)
#
npm发布模块

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

@2017-04-25 Node.js 浏览(212)
#
nodejs打开资源管理器并选中某个文件

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

@2017-04-24 Node.js 浏览(334)
#
css3-transform做平移时作用在奇数的宽高度DOM上模糊问题

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

@2017-04-01 CSS 浏览(263)
#
经过nginx转发之后的跨域名携带和设置cookie

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

@2017-03-08 前端综合 浏览(310)
#
HTML5 fetch API

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

@2017-03-08 JavaScript 浏览(357)
#
Mock.js使用小结

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

@2017-02-23 JavaScript 浏览(251)
#
JS弹出下载对话框以及实现常见文件类型的下载

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

@2017-02-16 JavaScript 浏览(468)
#
操蛋的DNS劫持,又让我碰到了

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

@2016-12-22 前端综合 浏览(553)
#
CSS3自定义浏览器滚动条样式

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

@2016-12-21 CSS 浏览(95)
#
ReactNative学习笔记(七)Navigator的使用

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

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

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

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

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

@2016-11-26 CSS 浏览(360)
第1页,共6页