随笔分类 -  JavaScript

1 2 3 下一页
三重for循环实现对二维数组的按列排序(JavaScript)
摘要：由C语言联想到的：三重for循环实现对二维数组的按列排序，并且牵扯到数据结构。 自己写的，水平有限，本文属于原创，可能存在错误，忘指正~ 运行结果： 内部循环的原理是利用选择法： 1. 首先顺序执行for循环，执行到最里面的那个循环之后，一直循环最里面的那个循环，然后跳入从内到外的倒数第二个循环中， 阅读全文
posted @ 2017-05-27 22:44 Asina 阅读(1061) 评论(0) 推荐(0)
图解JavaScript中的原型链
摘要：转自：http://www.jianshu.com/p/a81692ad5b5d typeof obj 和 obj instanceof Type 在JavaScript中,我们经常用typeof obj和obj instanceof Type来识别类型,那么两者的区别在哪?先来看两段代码 <!-- 阅读全文
posted @ 2017-02-26 18:09 Asina 阅读(361) 评论(0) 推荐(0)
js排序
摘要：arrayObject.sort(sortby)方法用于对数组的元素进行排序sortby 可选。规定排序顺序，必须是函数。sortby参数的说明：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符 阅读全文
posted @ 2017-02-23 22:03 Asina 阅读(239) 评论(0) 推荐(0)
前端浏览器兼容问题总结
摘要：前端解决不同浏览器及不同版本的兼容性问题浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异较大。解决方案：CSS里*{margin:0; padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼 阅读全文
posted @ 2017-02-23 10:22 Asina 阅读(6236) 评论(0) 推荐(2)
JS的封装（JS插件的封装）
摘要：JS中类的概念类，实际上就是一个function，同时也是这个类的构造方法，new创建该类的实例，new出的对象有属性有方法。方法也是一种特殊的对象。 类的方法在构造方法中初始化实例的方法（就是在构造方法中直接编写方法，并new实例化）是不推荐的，消耗内存（每次实例化的时候都是重复的内容，多占用一些 阅读全文
posted @ 2017-02-11 00:03 Asina 阅读(19705) 评论(1) 推荐(0)
JS监测鼠标指针位置
摘要：需求1：鼠标移入正方形的时候，蓝色小圆点跟随鼠标滚动(不许蓝色小圆点超出正方形区域)，正方形里实时显示当前鼠标相对于body的坐标。 js bin 地址：http://jsbin.com/suvizojube/edit?html,js,output 需求2：鼠标移入正方形的时候，蓝色小圆点跟随鼠标滚 阅读全文
posted @ 2017-02-08 14:18 Asina 阅读(4629) 评论(0) 推荐(0)
js自定义事件
摘要：var Event = { _listeners: {}, // 添加 addEvent: function (type, fn) { if(typeof this._listeners[type] === 'undefined') { this._listeners[type] = []; } i... 阅读全文
posted @ 2017-01-20 23:11 Asina 阅读(244) 评论(0) 推荐(0)
gulp启动一个小型web服务器配置&browserify(require)
摘要：var gulp = require('gulp'), connect = require('gulp-connect'), // 运行live reload服务器 browserify = require('gulp-browserify'), // 将所有组件拼接在一起，让浏览器里的代码也可以使用require来构建 concat = require('gulp-co... 阅读全文
posted @ 2016-12-20 22:00 Asina 阅读(884) 评论(0) 推荐(0)
webpack配置es6开发环境
摘要：webpack.config.js 阅读全文
posted @ 2016-12-14 14:08 Asina 阅读(402) 评论(0) 推荐(0)
gulp/grunt和browserify/webpack的区别
摘要：Gulp应该和Grunt比较，他们的区别我就不说了，说说用处吧。Gulp / Grunt 是一种工具，能够优化前端工作流程。比如自动刷新页面、combo、压缩css、js、编译less等等。简单来说，就是使用Gulp/Grunt，然后配置你需要的插件，就可以把以前需要手工做的事情让它帮你做了。说到 阅读全文
posted @ 2016-12-06 10:26 Asina 阅读(2706) 评论(1) 推荐(1)
TypeScript实例
摘要：生成的js代码： chrome调试ts文件： 阅读全文
posted @ 2016-12-06 10:12 Asina 阅读(2001) 评论(0) 推荐(0)
遵循amd规范的require.js(适合浏览器端)
摘要：1. 下载require.js 2. 引用 html 入口文件main.js 引入的模块文件： 阅读全文
posted @ 2016-12-05 11:24 Asina 阅读(1483) 评论(0) 推荐(0)
gulp常用插件
摘要：gulp要安装两次，一次全局安装，一次是项目里安装 npm install cnpm cnpm install gulp -g cnpm install gulp --save-dev 1. gulp-uglify gulp-uglify压缩js文件，删除注释，减小文件大小 gulp-uglify压 阅读全文
posted @ 2016-12-03 19:56 Asina 阅读(466) 评论(0) 推荐(0)
gulp+Babel 搭建ES6环境
摘要：Gulp是什么？ Gulp是一个工作流的构建系统，开发者可以使用它在网站开发过程中自动执行常见任务。Gulp是基于Node.js构建的，因此Gulp源文件和你用来定义任务的Gulp文件都被写进了JavaScript（或者CoffeeScript）里。前端开发工程师还可以用自己熟悉的语言来编写任务去l 阅读全文
posted @ 2016-12-03 12:36 Asina 阅读(428) 评论(0) 推荐(0)
ES6类与模块
摘要：类的 prototype 属性和 __proto__ 属性 阅读全文
posted @ 2016-12-03 10:35 Asina 阅读(385) 评论(0) 推荐(0)
js模块方案
摘要：在浏览器环境中，模块的各个部分通常都是从网上获取的，有时无法知道js哪个模块会先加载，所以传入的返回函数除了返回函数本身，还可以返回为空对象。 自执行函数的处理方式： 独立性是模块的重要特点，模块内部最好不与程序的其他部分直接交互。 为了在模块内部调用全局变量，必须显式地将其他变量输入模块。 var 阅读全文
posted @ 2016-12-02 13:55 Asina 阅读(172) 评论(0) 推荐(0)
ES6转码器babel的使用
摘要：1. 进入ES6的项目，执行 npm init // 初始化package.json 2. 在与package.json同一目录下编写配置文件 .babelrc 安装babel // es2015转码规则 npm install --save-dev babel-preset-es2015 // r 阅读全文
posted @ 2016-11-30 22:38 Asina 阅读(4670) 评论(0) 推荐(1)
window.history.pushState与ajax实现无刷新更新页面url
摘要：ajax能无刷新更新数据，但是不能更新url HTML5的新API： window.history.pushState, window.history.replaceState 用户操作history，点击前进后退按钮会触发popstate事件。 这些方法可以协同window.onpopstate事 阅读全文
posted @ 2016-11-30 15:57 Asina 阅读(2803) 评论(0) 推荐(0)
CreateJSのTweenJS、SoundJS、PreloadJS
摘要：TweenJS基础实例： SoundJS播放音频 PreloadJS加载文件 阅读全文
posted @ 2016-11-17 11:34 Asina 阅读(1886) 评论(1) 推荐(0)
CreateJSのeasel.js（一）
摘要：CreateJS是基于HTML5开发的一套模块化的库和工具。 基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。 CreateJS为CreateJS库，可以说是一款为HTML5游戏开发的引擎。 EaselJS 一个JavaScript库，使HTML5 Canvas标签变得更简单。 阅读全文
posted @ 2016-11-16 09:51 Asina 阅读(499) 评论(0) 推荐(0)

1 2 3 下一页