weinre – 移动端H5开发调试神器

在做移动端H5开发的时候想必大家都会遇到一个问题——调试,大部分情况下利用chrome的debug模式都能解决,不可避免的会有极少部分机型不兼容的问题,一个个打console、debugger太麻烦也不直观。今天的主角登场了———— weinre。 weinre是一个通过监听本机IP …


ES6 Map常用方法总结

1.Map 结构转为数组结构 比较快速的方法是结合使用扩展运算符(…) let map = new Map([ [1, ‘one’], [2, ‘two’], [3, ‘three’], ]); […map.keys()] // [1, 2, 3] […map.values()] // [‘one’, ‘two’, ‘three’] […map.entries()] // [[1,’on …


webgl总结

我对webgl或者说二维、三维的理解 首先我们要做的就是把三维的东西展现在显示器里(浏览器里),但浏览器是二维的。那么就是把一个三维的物体用数学模型描述出来(x,y,z)然后把这个三维的数学模型转换到二维的浏览器里显示出来。(用webgl来模拟一个三维的 …


js原生操作select、radio 、checkbox

select、radio 、checkbox常见操作 select常见操作 radio常见操作 select常见操作 html代码 <select class=”select”> <option value=”select” selected=”selected”>下拉框</option> <option value=”radio”>单 …


React动画

一.React实现动画 1.React通过setState让界面迅速发生变化,但动画的哲学告诉我们,变化要慢,得用一个逐渐变化的过程来过渡,从而帮助用户理解页面.界面的变化可以分为DOM节点(或组件)的增与减以及DOM节点(或属性)的变化.其中React提供的ReactCSSTransition …


JavaScript按概率随机生成事件

/* *在抽奖的活动中经常会用到这个算法,不同奖项的获取概率不同,要按概率去随机生成对应的奖品 * */ function random(arr1, arr2) { var sum = 0, factor = 0, random = Math.random(); for(var i = arr2.length – 1; i >= …


JS之理解继承

前言:JS之理解原型和原型链,几种常见的继承方式介绍 1.call继承,也叫借用构造函数、伪造对象或是经典继承。call继承回把父类的私有属性和方法继承给子类私有;父类公有属性(原型上的属性)无关。当然这里的call也可以用apply。 //父类F //子类S …


原生js之千位分隔符(包括小数情况)

同学前端面试遇到这么一个题目 :给数字添加千分位分隔符 一拿到他给的面试题,感觉挺容易的,不过等自己写后发现非常考虑逻辑,以及思维能力(我是小白)上网百度了一波全是用正则表达式来解决的,正则这块我只懂皮毛,所以感觉有点看不明白,不过这个博 …


2017 年了,这么多前端框架,你会怎样选择?

图片来源: Ember.js: 解决你框架疲劳的良药 过去七年来,前端框架生态系统发展蓬勃。我们已经学了很多关于构建和维护大型应用的知识。我们看到了很多新想法的出现。其中一些新想法改变了我们构建 Web 应用的方式,而其他想法被废弃,因为它们起不到什么作 …