JavaScript

Web前端初级问题—aja登录跳转登录实现

当我们的用户进行系统登录时,用户名和密码的验证都是后端验证的。而且,用户登录状态也是要后端设置的,查询数据库后,用户名和密码正确,则在session中存储一个uuid,每个页面需要根据登录状态判断展示相应的内容时,则判断是否有uuid这个session,且uuid不为空。比如头部的登录按钮,在未登录状态是显示登录按钮,在登录后显示用户名和头像,这些都是判断是否有uuid这个

《每周一点canvas动画》——万有引力

每周一点canvas动画代码文件本章介绍,另一个动画应用——万有引力。听起来似乎有些玄乎,但是多事情千万不要被表面现象所迷惑,理解了原理就很简单!不管是地球上的是物体,还是宇宙中的星辰,物体与物体之间总是存在着一种看不见摸不着的的力场作用,这也就是为什么牛顿会被苹果砸,地球会围绕太阳做运动。在上一章我们讲解动量守恒,让很多人头疼不已,因为那应该算是这个系列最难的部分了吧。但

D3 源代码解析(二)

这是继上一篇D3源码解构文章后的对D3的研究笔记,笔者的能力有限,如有哪里理解错误,欢迎指正。对集合的操作关于d3.attr一个可以处理很多情况的函数,当只传入一个参数时,如果是string,则返回该属性值,如果是对象,则遍历设置对象的键值对属性值,如果参数大于等于2,则是普通的设置样式:var node = d3.select('body')node.attr('clas

和BEM的战斗:10个常见问题及如何避免

无论你是刚刚发现BEM或者已经是个中熟手(作为web术语来说),你可能已经意识到它是一种有用的方法。如果你还不知道BEM是什么,我建议你在继续阅读这篇文章之前去BEM website了解一下它,因为我会假设你对这种CSS的方法有一个基础的理解。本文旨在对那些已经是BEM的爱好者或是想要去更有效率的使用它或是非常好奇并且想去学习它的人有所帮助。现在,我对BEM是一个优雅的命名

Magi.Cache介绍

转载请注明出处:https://github.com/thx/magix/...在前端开发过程中,我们经常会在内存中缓存一些数据,其实javascript的缓存比较简单,只需要声明一个变量或把一些数据挂到某个对象上即可,比如我们要实现一个对所有的ajax请求缓存的方法,简单实现如下:var cache={};var request=function(url,callback

[译] 最深刻而易懂的ES6解构教程

解构是ES6的新特性,用于从JavaScript对象和数组中提取数据,语法上比ES5所提供的更加简洁、紧凑、清晰。它不仅能减少你的代码量,还能从根本上改变你的编码方式。用的越多,你就会发现越多塑造数据和函数的方式,这些实现方式在过去几乎是不可能的。本文将深入探讨解构赋值,为你介绍该新特性中你所需要知悉的一切。什么是解构?解构与构造数据截然相反。 例如,它不是构造一个新的对象

GoJS 绘图 (十) :链接(完结)

非定向链接最简单的链接没有箭头指示方向。该模板只包含一个形状为主要元素,因为这是在节点之间绘制的线条。链接的路线被计算后将得到一个路径的点。diagram.nodeTemplate = g(go.Node,'Auto',new go.Binding('location', 'loc', go.Point.Parse),g(go.Shape,'RoundedRectangle

[译] React 组件中绑定回调

原文:Binding callbacks in React components在组件中给事件绑定处理函数是很常见的,比如说每当用户点击一个button的时候使用console.log打印一些东西。class DankButton extends React.Component { render() { return Click me! } handleClic

利用Vue.js实现拼图游戏

之前写过一篇《基于Vue.js的表格分页组件》的文章,主要介绍了Vue组件的编写方法,有兴趣的可以访问这里进行阅读:https://segmentfault.com/a/11...前言为了进一步让大家了解Vue.js的神奇魅力,了解Vue.js的一种以数据为驱动的理念,本文主要利用Vue实现了一个数字拼图游戏,其原理并不是很复杂,效果图如下:demo展示地址为:https:

GraphQL 核心概念

A query language created by Facebook for decribing data requirements on complex application data models最近因为工作上新产品的需要,让我有机会了解和尝试 GraphQL。按照套路,在介绍一项新技术的时候总要回答 3 个问题:What, Why & How。What is G