Asa的专栏

项目介绍使用 create-react-app 构建一个 react 项目的基础架构包括:react-router4.0 的使用axios 获取远程api内容从 flux -> redux -> redux-sage 迁移转变的过程，mobx 本教程并未涉及，有兴趣的自己去了解一下antd UI 组件的添加…项目安装git clone '' cd re...

function e(event){            if(!event){                     event=window.event;                     event.target=event.srcElement;                     event.layerX=event.offsetX;

String.prototype.lengthB=function(){         varb=0,l=this.length;         if(l){                   for(var i = 0; i                            if(this.charCodeAt(i)>255){

varbox=document.getElementById("box");    box.style.position="absolute";    box.style.width="160px";    box.style.height="120px";    box.style.background="red";    box.style.left="0px";

获取鼠标的位置function mousePosition(){       var posx=0,posy=0;       var event=event||window.event;       if(event.pageX||event.pageY){                posx=event.pageX;                posY=even

jS从样式表取值的函数，IE中以currentStyle,firefox中defaultView来获取DOM.style只能读到写在html中的样式值获取样式值的函数function returnStyle(obj,styleName){var myObj = typeof obj =="string" ? document.getElementById(obj) : obj;

//普通通浏览器 FireFox Opera Chrome Safari 3+ var script=document.createElement("script"); script.type="text/javascript"; script.onload=function(){ alert('Script load'); }; script.src="file1.js";

在网站建设的实际应用中，容易出现很多小小的失误，就像mysql当初优化不到位，影响整体网站的浏览效果一样，其实，网站的常规http状态码的表现也是一样，Google无法验证网站几种解决办法，提及到由于404状态页面设置不正常，导致了google管理员工具无法验证的情况，当然，影响的不仅仅是这一方面，影响的更是网站的整体浏览效果。因此，比较清楚详细的了解http状态码的具体含义，对于一个网站站长来说

9个最好用的JavaScript开发工具和代码编辑Web设计和开发是现今越来越流行的职业方向之一。工欲善其事，必先利其器，如果你想在这个领域出类拔萃，那么你就必须具备一些优秀的技能，例如能操作不同的平台、IDE和其他各种各样的工具。谈到平台和IDE，现在已经不是以前那个掌握一个IDE就能“一招鲜吃遍天”的时代了。激烈的竞争以及蔓延到现在的集成开发环境。基于IDE是用于创建和部署

http://www.internetke.com/jsEffects/2014120803/     背景http://www.css3maker.com/                                         /综合生成 背景动效等http://www.tanktan.com/blog/gradient-editor/           /生成背景

一、什么是闭包距离上一次更新有一段时间了，过年你懂得，接下来就谈谈JavaScript的高级用法——闭包。js的闭包其实不是什么难懂的高深的概念，只是有些书籍当中介绍的不够易懂或者说举得例子不太恰当，现在我们就通过简单的例子来理解“闭包”。作为程序员，也许一段针对的代码，比那些文字描述更能说明问题，用代码说话，眼见为实。好了，先看下面的一段代码：[jav

本文链接地址: WEB前端开发(www.css119.com)–前端性能优化最佳实践（转）如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。前端给力的

本文链接地址: WEB前端开发(www.css119.com)–WEBAPP开发技巧(手机网站开发注意事项)以下只是我个人得总结，如果你有更好的建议，请留言，一起共勉进步！！- -！1、要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用media query解决（让IE支持CSS3 Media

原文：http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js

原文出处：http://blog.jobbole.com/29454/《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短

原文链接：https://zhuanlan.zhihu.com/p/27091503 作者：Liubara如果你曾与JavaScript代码打过交道，你应该会很熟悉如何定义和调用函数，但是你真的知道有多少种定义函数的方法吗？对于编写和维护测试Test262（浏览器JavaScript标准测试）来说，这是一个十分常见的挑战，尤其是当一个新特性出现且与现有的函数语法有关联，或者扩展了现有函数的

1.数据类型1.基本类型字符串、数字、布尔、Null、Undefined2.引用类型对象2.数组1.属性constructor length prototype 2.方法concat() 连接两个或更多的数组，并返回结果join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔pop()

在开始之前，默认你已经对vue的基础知识有了一定的了解了这里的开发使用的是es6写的，如果你还未掌握es6的相关知识，那么你----需要抓紧学了，可以戳这里来学。es2015，es2016……先贴一波文档：       vue中文网：http://cn.vuejs.org/       vuex中文网：http://vuex.vuejs.org/zh-cn/       vue

我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：--save-dev--save在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，责被写入到 dependen

65条最常用正则表达式,你要的都在这里了很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$

Google 桌面通知 显示桌面通知 document.querySelector("#btn").addEventListener('click', notify, false); function notify() { showMsgNotification('这里填入标题','这里是消息的内容');

controller.js angular.module('myApp', [ ] ) .run(['$location','$rootScope',function($location, $rootScope){ $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState

相对长度：% 宽度的百分数em字体高度ex字体x-高度，字符x的高度约为0.5emch字符单位rem根单位，避免em的继承问题视口相关长度：vw视口宽度百分数vh视口高度百分数vm它是vw和vh 的较小值绝对长度：px像素cm厘米mm毫米in英寸pt点 1pt相当于1/72英寸pc 1pc=12pt

原文出处：http://www.w3ctech.com/topic/134对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。Gulp是一个构建系统，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript和刷新浏览器，来

gulp nodejs

Git是什么？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git有什么特点？简单来说就是：高端大气上档次！1.创建版本库：git init2.把readme.txt添加到版本库：git add readme.txt3.把readme.txt提交到到版本库：git commit -m "message"4.查看仓库状态：git statu

function getScrollOffset(w){         //使用指定窗口，不指定用当前窗口         w=w||window;         //除IE8及之前的浏览器         if(w.pageXOffset!=null) return {x:w.pageXOffset,y:w.pageYOffset};         //标准

window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分

码农、黑客和2B程序员之间的区别原文  http://www.techug.com/the-diffenents-between-coder-hacker-and-2b-programmer笔记本电脑码农：黑客：2B程序员：求2的32次方：码农：System.out.println(Math.pow(2,

css 填坑常用代码分享原文  http://www.cnblogs.com/jikey/p/4233003.html以下是常用的代码收集，没有任何技术含量，只是填坑的积累。转载请注明出处，谢谢。一. css 2.x code/*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap: break-word;word-br

CSS3 timing-function: steps() 详解原文  http://www.idiotwu.com/understanding-css3-timing-function-steps.html一、不堪回首的过往在应用 CSS3 渐变/动画时，有个控制时间的属性  。它的取值中除了常用到的 三次贝塞尔曲线 以外，还有个让人比较困惑的 steps() 函

纯js代码   适用于移动端

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。　　一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员

数据类型转换：    10+'x'="10x" "7"*"4"=28  var n=1-"x"//错误    显示转换:Number("3")  String(flase) Boolean([])  //true    符号转换：x+" "=字符串   +x/x-0->Number  !!x=>Boolean    进制转换：a=n.toString(2)   //变为2进

//取消一个事件 function cancelEvent(event){ if(event.preventDefault){ event.preventDefault(); } else{ event.returnValue=false; } } //调用

//阻止冒泡，阻止一个事件传播 function cancelPropagation(event){ if(event.stopPropagation){ event.stopPropagation(); } else{ event.cancelBu

function listenEvent(eventTarget,eventType,eventHandler){ if(eventTarget.addEventListener){ eventTarget.addEventListener(eventType,eventHandler,false);

角度---->弧度  将值乘以(Math.PI/180)：  var radians = degrees*(math.PI/180);弧度----->角度  将值乘以(180/Math.PI)：  var  degrees=radians *(180/Math.PI);

纯js实现的图片滚动的代码html部分 //前进后退按钮 //圆点部分

postion:relative是子块级元素面向父级元素的相对定位，定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位，但是position移动后，原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。float:right/left是子块级元素流集合面向父级元素的定位，定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于