JavaScript

GoJS 绘图 (三) :shapes

绘制一个几何图形。您可以控制什么样的形状绘制以及它是如何绘画和填充。形状不像的TextBlocks和Pictures,形状不能包含任何其他对象。基础图形您可以设置Shape.figure属性通常为各种形状。还需要设置GraphObject.desiredSize或GraphObject.width和GraphObject.height参数,作为确定形状尺寸。在这些简单的演示

浅谈前端存储

浅谈前端存储前言web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上,这种客户端存储相当于赋予了Web浏览器记忆功能。客户端存储遵循“同源策略”,因此不同站点的页面是无法相互读取对方存储的数据客户端存储有以下几种形式:Web存储cookieIE User Data离线Web应用web数据库文件系统APIWeb Storgage实现了“web存储”草案标准的浏览器

《JavaScript Dom编程艺术》读书笔记(四)

函数如果需要多次使用同一段代码,可以把它们封装成一个函数。函数就是一组允许在你的代码里随时调用的语句。事实上,每个函数实际是一个短小的脚本。先对函数做出定义再调用是一个良好的编程习惯。下面是一个简单的示例函数:function shout() { var beatles = Array("John","Paul","George","Ringo"); for (

使用 ember-simple-auth 实现 Ember.js 应用的权限控制

很多网站都有登录功能,对于Ember的应用我们怎么实现权限的控制呢?本篇将为你演示一个最常用的权限控制例子:用户登录。要实现登录最常用的方式是通过判断session值,如果session中存在你所需要的值则可以认为是用户是经过了登录并且把用户信息设置到session了,如果session中没有用户信息则认为用户没有登录,直接跳转到登录或者注册页面。本篇会引入一个专门用于控制

[译] 前端攻略-从路人甲到英雄无敌二:JavaScript 与不断演化的框架

本文翻译自FreeCodeCamp的from-zero-to-front-end-hero-part。继续译者的废话,这篇文章是前端攻略-从路人甲到英雄无敌的下半部分,在上半篇中介绍了HTML与CSS的基础知识,在这里就主要介绍JavaScript与各种各样的前端框架。再安利一波笔者的我的前端之路笔者一直觉得不断变革的前端永远充满活力与激情,但是,哪有那么多激情燃烧的岁月,

koa 实现 react-view 原理

在之前我们有过一篇『React 同构实践与思考』的专栏文章,给读者实践了用 React 怎么实现同构。今天,其实讲的是在实现同构过程中看到过,可能非常容易被忽视更小的一个点 —— React View。React View每一个 BS 架构的框架都会涉及到 View 层的展现,Koa 也不例外。我们在做 View 层的时候有两种做法,一种是做成插件形式,对于 View 来说

js手札--redu简单学习(二)

redux简单学习(二) redux简单学习[ store, action, reducer ] 1. combineReducers combineReducers,合并多个reducer 如有下面两个reducer,todoApp,textApp // reducers/todoApp.jsexport default function todoApp(state, a

Video.js视频控制及进度栏标记

一、 视频控制视频暂停对比自己手头的网站源码和实际生成的页面后,发现源码中包含了视频地址的 标签,在实际页面中,会再生成一个子节点,视频播放控制,需要对这个子节点设置才能生效。// 视频暂停代码var videoNode = document.getElementById('videodis_html5_api');// http://stackoverflow.com/

bigSlide 插件应用

一、 插件官网bigSlide.js二、 基本代码侧边栏控制开关用一个 标签来控制侧边栏的开关。# menu 用来指向 id 为 menu 的侧边栏,menu-link 为这个 标签的类名。☰侧边栏代码实例侧边栏代码如下,由于需要实现的效果各不相同,所以各个 1. 标签中设置的 style 并不一样,这样的代码看起来很乱,其实还是应该写在css中,并根据效果进行分类。

JS 设计模式 十四(策略模式)

策略模式定义一系列的算法,把它们一个个封装起来, 并且使它们可相互替换。本模式使得算法可独立于使用它的客户而变化。策略模式是把一个类中经常改变或者将来可能改变的部分提取出来作为一个接口,然后在类中包含这个对象的实例,这样类的实例在运行时就可以随意调用实现了这个接口的类的行为。策略模式要素1.Strategy:策略接口,用来约束一系列具体的策略算法。Context使用这个接口