#
ReactNative学习笔记(一)环境搭建

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

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

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

@2016-10-09 JavaScript 浏览(527)
#
【经典面试题】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 浏览(1309)
#
[精品] 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

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

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

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

@2016-09-23 JavaScript 浏览(1066)
#
[精品] 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 浏览(1675)
#
认识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 浏览(1256)
#
【转载】addEventListener的第三个参数分析

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

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

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

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

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

@2016-09-19 CSS 浏览(1066)
#
避免Chrome的XSS防御机制限制提交代码

缘由最近在弄仿w3school的在线代码提交功能:http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide 发现自己在做的时候,当提交的代码包含script时浏览器总数提示如下错误: The XSS Auditor refused to execute a script in ‘http://localhost:8080/base/blog/pr... 阅读全文

@2016-09-11 前端综合 浏览(3476)
#
使用Amazing Counters给博客添加访客数量统计

过程百度统计、CNZZ等是统计详细访问记录,如果你只需要了解总访客数,建议使用这个网站提供的服务,虽然这个网站界面和体验真不是一般的丑,但是速度还是可以的。 过程非常简单,首先访问:http://amazingcounters.com/ 第一步点击中间的创建: 第二步然后从众多样式中选一个你喜欢的,继续下一步: 第三步填好一些信息,如果你没有登录这一步会让你登录,其中最重要的是Si... 阅读全文

@2016-09-09 网站建设 浏览(2465)
#
node.js学习笔记(一)环境安装

介绍官网:https://nodejs.org 文档:https://nodejs.org/en/docs/ 下载:https://nodejs.org/en/download/ 下载和安装下载主要分2种版本,LTS版和Current版,前者表示长效版、稳定版(大概是Long Time Support的意思吧),后者则表示最新版,一般看个人需要下载,我习惯下载最新版。 特别说明:由于n... 阅读全文

@2016-09-08 Node.js 浏览(1585)
#
11行代码实现简单的图片懒加载以及背景图懒加载

前言网上绝大多是图片懒加载插件都是针对img的src的,但是很多时候图片是以背景图的形式存在的,因为这种方式可以很容易实现图片不变形但是又保证宽高度固定,所以只能自己写一个。 这里只是简单的实现,没有考虑横向滚动、div滚动等等情况,但相信已经满足大部分情况了。 代码直接上代码,标题说11行,真有点吹了,哈哈,其实是去掉了大括号之后还剩11行,一共有15行: /** * 图片懒加载插件,与绝... 阅读全文

@2016-09-08 JavaScript 浏览(2145)
#
关于iframe的那些事儿

前言iframe虽说一般不怎么推荐使用,但是很多时候还是挺有用的,所以还是要掌握一些关于它的东西。 //TODO 本文有待继续完善 测试代码现假设有如下测试代码: <!DOCTYPE html><html lang="zh"><head> <meta charset="utf-8"> <title>测试iframe<... 阅读全文

@2016-09-07 HTML 浏览(765)
#
如何自定义博客园代码高亮主题,同时分享自己使用的黑色主题

前言园子里有人问到了这个问题,所以写篇博客简单介绍下。 博客园代码高亮使用的插件是 highlight.js,本来想替换成我 个人网站 使用的 prism.js,但是比较坑爹的是,解析过程在服务端已经完成了,为什么这么说呢?因为我禁用浏览器JS重新刷新页面时,pre>code里面的所有代码都已经被解析成一个个span了: 没办法,只能通过替换主题来达到效果了。 博客园最大的优点就是... 阅读全文

@2016-09-07 CSS 浏览(3395)
#
网站地图(站点地图)介绍以及如何制作

什么是网站地图网站地图,又叫站点地图,它就是一个列出了你网站上所有页面地址的清单文件,一般来说分为2种,一种是给搜索引擎看的,一种是给用户看的,前者帮助搜索引擎更好地收录你的网站,后者帮助用户更好的了解你的网站整体结构、更快的找到他们想要找的内容。本文讲的主要是前者。 站点地图格式一般有3种格式,txt、xml、html,绝大部分情况下都是用xml格式,百度、谷歌都是支持xml格式。下面简单介绍... 阅读全文

@2016-09-06 前端综合 浏览(1490)
#
挺不错的在线SVG编辑器Method-Draw

介绍这个编辑器还是挺不错的,功能强大,界面也美观,就是感觉有一点小bug。 主界面如下: github地址:https://github.com/duopixel/Method-Draw 官网演示地址:http://editor.method.ac/ 我在自己服务器上搭建了一个版本,应该比国外服务器的稍微好点: http://svg.liuxianan.com/ ... 阅读全文

@2016-09-05 前端综合 浏览(3284)
#
onkeydown和onkeypress的区别

原文写于:20150121 正文二者区别大着呢。 首先,从名字上就可以看出一些区别:keydown意指键盘被按下触发,keyup意指键盘松开被触发,keypress则是按键被按压,keydown和keyup容易区分,但是keydown和keypress啥区别呢? keydown和keypress的区别区别: 执行顺序不同:keydown < keypress < keyup... 阅读全文

@2016-09-02 JavaScript 浏览(1165)
#
[精品] 分享自己写的JS版日期格式化和解析工具类,绝对好用!

前言本来想模仿Java里面的SimpleDateFormat()对象的,但是感觉这样用起来不方便,所以还是直接写成单独的方法算了。 原文链接 PS:较新的浏览器有提供一个自带的日期格式化方法Intl.DateTimeFormat,但是超级难用,完全没必要去了解。 日期格式化使用说明formatDate(date, fmt),其中fmt支持的格式有: y(年)M(月)d(日)q(季度... 阅读全文

@2016-09-02 JavaScript 浏览(2372)
第5页,共8页