#
关于node.js中module.exports 和 exports的区别

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

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

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

@2016-11-02 Node.js 浏览(1971)
#
ECMAScript6简明学习笔记(待完善)

前言阮一峰的《ECMAScript 6入门》太过详细了,全部看完需要花很长时间,所以,本文只是前者的一个超级精简版。 ES6简介ECMAScript6.0,简称ES6,又叫ES2015,是JavaScript语言的下一代标准,对JavaScript语法进行了比较大的修改。 对于不支持ES6的浏览器可以将ES6代码用转换工具转换成ES5语法。 ECMAScript是JavaScript的标准,... 阅读全文

@2016-10-31 JavaScript 浏览(1072)
#
ReactNative学习笔记(二)基础进阶

一个最简单的HelloWorld页面先不多解释,直接上代码: import React, { Component } from 'react';import {AppRegistry, StyleSheet, Text, View} from 'react-native';export default class helloworldComponent extends Component{ ... 阅读全文

@2016-10-28 ReactNative 浏览(1615)
#
我也来总结一下我所知道的前端性能优化问题

前言这个问题无论是实际项目还是面试都是经常碰到的,所以非常有必要总结一下。 下面分别从几个大的方面去分析一下前端性能优化,有些优化其实效果并不一定非常明显,但还是有必要知道。 减少HTTP请求尽可能减少加载一个页面需要引用的资源个数,因为每一次HTTP请求都是客户端与服务端的一次重连,都是一笔不小的开销,可以采取的措施包括: 使用精灵图CSS Sprites,又叫雪碧图,将页面中多个小图合并... 阅读全文

@2016-10-24 前端综合 浏览(1730)
#
JS获取剪贴板图片之后的格式与压缩问题

前言某年某月的某一天,突然发现博客服务器上上传的图片都比较大,一些很小的截图都有几百kb,本来服务器带宽就慢,不优化一下说不过去。 问题细述特别说明:本文代码因为只是用于我自己后台写markdown上传图片,运行环境只考虑PC,所以没有考虑任何兼容性,推荐Chrome下使用。 以下面一张图片为例: 原始图片为85kb,jpg格式的,上传之后就变成png格式了,而且变成了560kb!实在是... 阅读全文

@2016-10-23 JavaScript 浏览(1476)
#
JS自定义事件

原文发表于:20160423 兼容性较好的方法先看一个例子: var event = document.createEvent("CustomEvent");event.initCustomEvent("myevent", true, true, {a:1, b:2});document.addEventListener("myevent", function(e){ console.l... 阅读全文

@2016-10-20 JavaScript 浏览(2066)
#
jQuery.width()和jQuery.css('width')的区别

原文发表于:20160316 问题描述使用jQuery修改一个div的宽度时,发现$($0).width('10rem')总是修改成不正确的值,然后使用$($0).css('width', '10rem')时却能正确,简单得查阅了下jQuery文档,发现文档里面对$.fn.width的描述是: val为空时是取得第一个匹配元素当前计算的宽度值(px),val不为空时是设置宽度,可以是字符串... 阅读全文

@2016-10-20 JavaScript 浏览(1536)
#
详细记录一下网站备案经过,备案真的很简单

前言我的 http://liuxianan.com 这个域名年初(2016年1月8日)就备案好了,一直太懒没把经过记录下来,今天下班的时候下大雨回不去,正好把这个补上,由于时间过去太久,有些地方不太记得了。 关于备案的一些基础知识何为备案备案就是把你网站主办人的资料、网站的资料到工信部去登记下,主要还是为了管控。备案貌似只有中国才有,国外不知道有木有,有待查证。 一定要备案么不一定,很多国外节... 阅读全文

@2016-10-19 网站建设 浏览(2848)
#
ReactNative学习笔记(一)环境搭建

前言本文开发环境为Windows,目标平台为Android,react-native版本为0.35.0。 环境搭建注意,本文不是按照官网的教程来的,官网说必须安装什么Chocolatey,我懒得鸟它。 安装前请准备以下环境: jdk(必须1.8或更高版本)node.js & npmpython2(注意不支持python3,我的是2.7)android sdk(并且已经配置好相关环境变量)... 阅读全文

@2016-10-14 ReactNative 浏览(2039)
#
Promise简单学习

Promise用法介绍ES6中内置了Promise,非ES6下也有很多第三方实现。Promise是JS中异步编程的一种解决方案,主要是为了解决异步回调深渊。 我喜欢偷懒,懒得介绍杂七杂八等等,直接上代码。 最基本用法先来看个例子: // 用setTimeout模拟简单的ajax,num传参来人为模拟成功或者失败,大于10表示成功function ajax(num) { return n... 阅读全文

@2016-10-09 JavaScript 浏览(911)
#
【经典面试题】JavaScript数组去重

题目已知有如下一个数组,要求实现一个去重方法: var arr = ['aa', 'bb', 'cc', '', 1, 0, '1', 1, 'bb', null, undefined, null]; 既然是面试题,肯定要考虑兼容性和效率。 几种实现第一种实现这是最容易想到的方法: function unique1(array){ var result = []; for(va... 阅读全文

@2016-09-28 JavaScript 浏览(1806)
#
[精品] 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

前言网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求。 综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库。 这篇文章差不多一个月前就写好了大部分了,但是就差拼音输入法这一块一直没... 阅读全文

@2016-09-27 JavaScript 浏览(15858)
#
JavaScript中call和apply的区别

区别二者的作用都是在指定this值和参数的情况下调用某个函数,它们 唯一区别 就是参数指定的形式不一样,call接收的是参数列表,apply接收的是数组。 语法: fn.call(thisArg[, arg1[, arg2[, ...]]]);fn.apply(thisArg[, argsArray]); call和apply老是分不清,如何记忆呢?可以这样记:apply比call单词长,参... 阅读全文

@2016-09-23 JavaScript 浏览(1622)
#
[精品] JavaScript正则表达式详解

创建正则表达式JS的正则表达式类型叫RegExp,有2种创建方式: var reg1 = /a/g; // 双斜杠法,这种方法书写更方便var reg2 = new RegExp('a', 'g'); // 传统写法,这种方法更正统console.log(/a/g instanceof RegExp); // 输出true 这2种方式没有任何区别,但是,当正则表达式的内容是动态的时候,用Reg... 阅读全文

@2016-09-22 JavaScript 浏览(2560)
#
认识Function.prototype.bind

先来看个例子假设现有一个方法test,它接受一个参数str,现在我有3个现成的参数,我需要根据它们生成3个定制的无参方法: function test(str){console.log(str);}var params = ['aaa', 'bbb', 'ccc'];var functions = [];for(var i=0; i<params.length; i++){ func... 阅读全文

@2016-09-22 JavaScript 浏览(1688)
#
【转载】addEventListener的第三个参数分析

原文:https://my.oschina.net/u/1454562/blog/205010觉得写得不错,就转载过来了。 如果要把HTML元素的事件与某个函数绑定起来,可以有下面三种方法,以最常见的“点击”事件为例。 方法一: 直接在对应的HTML元素标签上绑定函数 <button id='submit' onclick='onClickFn()'>Click Me!<... 阅读全文

@2016-09-21 JavaScript 浏览(1549)
#
巧用transform实现HTML5 video标签视频比例拉伸

前言曾几何时,项目中有碰到视频比例拉伸的需求,但是发现这个看似再普通不过的一个需求,找遍全网至今都没有找到解决方法。因为强制给video标签设置width和height的话只会将video的显示区域拉伸,但是里面的视频还是保持原始比例,怎么调都没用: 因为当我横向拉伸时: 当我纵向拉伸时: 2016-09-21 11:15:40 更新: 感谢 @RileyRen 提醒,原来还有ob... 阅读全文

@2016-09-20 前端综合 浏览(6810)
#
CSS3之box-shadow

作用box-shadow用来给元素添加一个或者多个阴影。 语法box-shadow: offsetX offsetY blur size color inset;其中: offsetX 表示水平偏移距离,允许负值offsetY 表示垂直偏移距离,允许负值blur 表示模糊值,不写默认0size 表示阴影大小,不写默认0color 表示阴影颜色inset 表示内容阴影,可选 以上6个属... 阅读全文

@2016-09-19 CSS 浏览(1483)
第5页,共8页