标签:JavaScript

假期JS练习水管弯弯-适配器模式

适配器模式:将一个类(对象)的接口(方法或者属性)转化成另外一个接口, 以满足用户需求,使类(对象)之间接口的不兼容问题通过适配器得以解决。 比如适配两个代码库,适配前后端数据,等等。 /** * 适配器模式:将一个类(对象)的接口(方法或者属性)转化成另外一个接口, * 以满足用户需求,使类(对象)之间接口的不兼容问题……

假期JS练习套餐服务-外观模式

  外观模式(Fade): 为一组复杂的子系统接口提供一个更高级的统一接口。 /** * Created by whatled on 2017/4/2. */function addEvent(dom, type, fn) { // 对于支持DOM2级事件处理程序addEventListener方……

植树节练习JS语言之魂-原型模式

        原型模式(Prototype),用原型实例指向创建对象的类,使用于创建新的对象的类共享原型对象的属性以及方法。 /** * Created by whatled on 2017/3/12. */// 图片轮播类var LoopImage……

Object.defineProperty 介绍

Description The Object.defineProperty() method defines a new property directly on an object, or modifies an existing property on an object, and returns the object. ……

前端解决跨域问题的8种方案(最新最全)

1.同源策略如下: URL 说明 是否允许通信 http://ww……

一道经典面试题 setTimeout(function(){},0)

题如下: for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); }, 0); console.log(i);} 结果如下: ……

js数组去重的4个方法

面试前端必须准备的一个问题:怎样去掉Javascript的Array的重复项。据我所知,百度、腾讯、盛大等都在面试里出过这个题目。 这个问题看起来简单,但是其实暗藏杀机。 考的不仅仅是实现这个功能,更能看出你对计算机程序执行的深入理解。 总共想出了三种算法来实现这个目的: Array.prototype.unique1 = fun……

istanbul 不能输出测试覆盖率

(function (exports, require, module, __filename, __dirname) { @IF EXIST "%~dp0^No coverage information was collected, exit without writing coverage informationNo coverag……

谷歌浏览器报错:跨域问题处理( Access-Control-Allow-Origin)_ 用于本地测试

报错提示如下:<span style="color:#FF0000;">XMLHttpRequest cannot <span class="operator"><span class="keyword" style="color:#333333……

React-UI 0.6 Form设计

        最近研究动态表单,分享下如下Form设计。 React-UI 0.6 Form设计 0.6版最大的变化,把整个Form架构重新写了一遍,差不多覆盖了整个UI库的2/3。 0.6之前的Form,是这样一个结构。 ……

React Native : Unexpected view type nested under text node

class Awes extends Component { render() { return ( <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native! &……

babel + path + node 6.x: TypeError: Path must be a string. Received undefined

http://stackoverflow.com/questions/37783348/babel-path-node-6-x-typeerror-path-must-be-a-string-received-undefined http://stackoverflow.com/questions/29108……

像素比率

PixelRatio 类为像素密度设备提供了访问权。 这里有一些使用 PixelRatio 的用例: 显示一条和设备许可一样细的线 宽度 1 实际上相当于 iPhone4+ 的厚度,我们可以使用设定宽度为 1 / PixelRatio.get() 的函数来实现。这是一项独立于像素密度的应用在所有设备上的技术。 ……

React-tools chrome插件无效

看扩展程序显示已启用,但是开发者工具上没有react的选项 勾选允许访问文件地址。 旧版本,实测有效。可能失效或者其他原因导致。……

React Native 0.34 正式版发布

原文地址 从0.18开始,RN默认项目全面转向ES6,语法大变化,请参考此贴学习 http://bbs.reactnative.cn/topic/15/ 如何升级现有项目的RN版本? 重大变更 在react-nativ……

在Windows平台上还缺少什么(ERROR Watcher took too long to load)

在Windows平台上,在你运行react-native run-android之后,packager不会自动启动。你需要这样自行启动它: #对于React Native版本 < 0.14的 cd MyAwesomeApp node node_modules/react-native/packager/packager.j……

React Native 方法不会覆盖或实现超类型的方法

非常感谢王利华老师出的React Native相关的教程, 由于刚接触RN,有幸看到王利华老师的教程,真是受益匪浅,十分感谢。 在运行王利华老师开源的《厕所在哪》https://github.com/vczero/toilet这个项目的时候,出现如下问题: :app:compileDebu……

React Native 运行出现 Could not connect to development server 解决方法

    首先使用的是Genymotion模拟器,     这个问题其实很简单,先要打开模拟器的wifi,连接上     然后在设置下网络,之后reload下就好了。 注意查看本地的网络IP哦。 PS:win下面查看控制面板里面的网络连接,查看virtualbox……

Please ensure Intel HAXM is properly installed and usable

        在用React Native的时候遇到Please ensure Intel HAXM is properly installed and usable.CPU acceleration status: HAX kernel module is not installed!。……

ReactJS学习Sublime Text 3 安装Package Control及配置babel插件使jsx代码高亮

Sublime 安装插件 babel         支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。  安装:       &……

React Starter Kit Getting Started 中文翻译

Getting Started React 入门实例教程 Requirements   Mac OS X, Windows, or Linux  Node.js v5.0 or newer  npm v3.3 or newer (new to npm?)  node-gyp pr……