AlloyTeam

AlloyTeam

Copyright © Tencent AlloyTeam. All Rights Reserved.
AlloyTeam 腾讯全端 AlloyTeam 团队 Blog
  • 首页
  • Web 开发
    • 前端资讯
    • HTML5
    • CSS3
    • JavaScript
    • Node.js
    • 移动 Web 开发
    • 用户体验设计
    • Web 前端优化
    • 资源工具
  • 移动开发
    • Android 开发
    • iOS 开发
    • 移动 Web 开发
  • Alloy 实验室
    • 作品
    • HTML5 游戏
  • 关于
    • 团队
    • Github
    • 留言
    • 友情链接
  • RSS
  • TAT.李强 Node 嵌入式数据库——NeDB
    In Web开发 on 2016年03月30日 by TAT.李强 view: 45,958
    7

    一、简介

    NeDB 是使用 Nodejs 实现的一个 NoSQL 嵌入式数据库操作模块,可以充当内存数据库,也可以用来实现本地存储,甚至可以在浏览器中使用。查询方式比较灵活,支持使用正则、比较运算符、逻辑运算符、索引以及 JSON 深度查询等。

    NeDB 嵌入到了应用程序进程中,消除了与客户机服务器配置相关的开销,在运行时,也只需要较少的内存开销,使用精简代码编写,速度更快。其 API 是 MongoDB 的一个子集,可以通过这些接口轻松管理应用程序数据,而不依靠原始的文档文件。

    具有简单、轻量、速度快等特点,由于嵌入式数据库存储总数据量最好要控制在 1GB 以内,所以适合在不需要大量数据处理的应用系统中使用(比如使用 nw.js 等实现的桌面应用程序、并发量不大的系统等)。

    继续阅读

  • TAT.tennylv 移动 web 适配利器-rem
    In CSS3 on 2016年03月27日 by TAT.tennylv view: 91,663
    35

    前言

    提到 rem,大家首先会想到的是 em,px,pt 这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于 rem 来说它可以用来做移动端的响应式适配哦。

     

    兼容性

    继续阅读

  • TAT.dorsywang 从 Promise 的 Then 说起
    In Web开发 on 2016年03月25日 by TAT.dorsywang view: 6,561
    4

    Promise 让代码变得更人性化

    曾经我一直在思考,为什么代码会比较难读。后来发现,我们平时要阅读的所有媒体:报纸、书、新闻,我们在阅读的时候,都是从上到下一直读下去的,然而,我们的在读代码的时候,经常要跳着去读,这种阅读方式其实是反人类的,如果我们能在读代码的时候,也可以从上往下一直读下去,那么,代码就会变得可读性提高很多。

    继续阅读

  • 探索 react-redux 的小秘密
    In Web开发 on 2016年03月25日 by TAT.walker view: 11,458
    7

    一、前言

        自从 React 火起来后,笔者对这种组件化的开发模式实在太喜欢,瞬间成为了它的脑残粉。后面也用 React 做了一些项目,比如 http://buluo.qq.com/p, 采用的技术架构是 Reactjs + Reflux + webpack。不得不说前端的变化是日新月异,Redux 出来后,github star 嗖嗖的,用 Reflux 就显得很 low B 了,迎头赶上吧。 

    这是 Redux 的架构图。
    此处输入图片的描述

    Redux 起源于 React,但它们并没有关系。它是独立的,支持 React、Angular、Ember 或者更多其他的框架。网上有非常多的文章去讨论 Redux,本文就不去讨论它的原理及使用方法了,不了解的同学请移步 Redux 中文文档。

     

    既然 Redux 与 React 没有什么关联,那要怎样搭配它们使用呢? 
    官方提供了一个 react-redux 绑定库,来配合 React,它是怎么实现的呢? 
    OK,本文就是来讲 react-redux 的。

     

    继续阅读

  • TAT.Johnny 不能说的秘密——前端也能玩的图片隐写术
    In HTML5,JavaScript,Web开发 on 2016年03月24日 by TAT.Johnny view: 59,309
    29

    上个月在千里码刷题的时候,碰到了比较有意思的一道题—— 隐写术。既然感觉有意思,又很久没有玩过 canvas,所以今天结合这两块内容带大家探索一下。

    隐写术算是一种加密技术,权威的 wiki 说法是“ 隐写术是一门关于信息隐藏的技巧与科学,所谓信息隐藏指的是不让除预期的接收者之外的任何人知晓信息的传递事件或者信息的内容。” 这看似高大上的定义,并不是近代新诞生的技术,早在 13 世纪末德国人 Trithemius 就写出了《隐写术》的著作,学过密码学的同学可能知道。好了,说了这么多,隐写术到底是什么技术,让我们看一个例子。

    下面是一张看似普通的图片,但其中却藏有另一个肉眼无法识别的图像哦。

    继续阅读

  • TAT.ronnie 探索 react native 首屏渲染最佳实践
    In Web开发 on 2016年03月20日 by TAT.ronnie view: 15,987
    4

    react native 给了我们使用 javascript 开发原生 app 的能力,在使用 react native 完成兴趣部落安卓端发现 tab 改造后,我们开始对由 react native 实现的界面进行持续优化。目标只有一个,在享受 react native 带来的新特性的同时,在体验上无限逼近原生实现。作为一名前端开发,本文会从前端角度,探索 react native 首屏渲染最佳实践。

    继续阅读

  • TAT.heyli 如何写一个 webpack 插件
    In Web开发 on 2016年03月16日 by TAT.heyli view: 9,466
    4

    原文地址

    前言

    最近由于用着 html-webpack-plugin 觉得很不爽,于是乎想自己动手写一个插件。原以为像 gulp 插件一样半天上手一天写完,但令人郁闷的是完全找不到相关的文章。一进官方文档却是被吓傻了。首先是进入 how to write a plugin 看了一页简单的介绍。然后教程会告诉你,你需要去了解 compiler 和 compilation 这两个对象,才能更好地写 webpack 的插件,然后作者给了 github 的链接给你,让你去看源代码,我晕。不过幸好最后给了一个 plugins 的 API 文档,才让我开发的过程中稍微有点头绪。

    how to write a plugin 这个教程还是可以好好看看的,尤其是那个 simple example,它会教你在 compilation 的 emit 事件或之前,将你需要生成的文件放到 webpack 的 compilation.assets 里,这样就可以借助 webpack 的力量帮你生成文件,而不需要自己手动去写 fs.writeFileSync。

     

    继续阅读

  • 玩转 npm
    In JavaScript,Node.js,Web开发 on 2016年03月10日 by TAT.云中飞扬 view: 23,940
    20

    NPM

    npm 本来是 Node.js 的包管理工具,但随着 JS 这几年的蓬勃发展,现在的 npm 已经成了几乎所有跟 JS 相关的工具和软件包的管理工具了,并且还在不断发展完善中。

    本文从笔者的经验,总结了 npm 安装/卸载、更新、发布这几个最主要功能的正确使用姿势和一些小技巧,顺便从官网搬来了 npm3 处理依赖的重大变化。

    继续阅读

  • TAT.sheran 前端开发者不得不知的 ES6 十大特性
    In Web开发 on 2016年03月07日 by TAT.sheran view: 46,873
    24

            2

    ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开发人员的效率。

      本文主要针对 ES6 做一个简要介绍。  主要译自:  http://webapplog.com/ES6/comment-page-1/。也许你还不知道 ES6 是什么, 实际上, 它是一种新的 javascript 规范。在这个大家都很忙碌的时代,如果你想对 ES6 有一个快速的了解,那么请继续往下读,去了解当今最流行的编程语言 JavaScript 最新一代的十大特性。

    继续阅读

  • TAT.simplehuang React Native for Android Windows 环境搭建
    In Web开发 on 2016年03月05日 by TAT.simplehuang view: 10,585
    8

    环境搭建

    1. 准备工作

     AndroidStudio  安卓开发 IDE  推荐下载含 SDK tools 版

     JDK for Windows Java 软件开发工具包

     Nodejs nodejs 环境

    2. 安装 ReactNative 步骤

     1) 使用 npm 安装 ReactNative

    在 cmd 命令工具中执行以下命令,注意并非 install react-native,装了 react-native 在后面 init 项目的时候会报错,需要卸掉再重装。

    1
    npm install -g react-native-cli

    继续阅读

上页 1 ...14 15 16 17 18 19 20 21 22 23 ...61 下页
公众号:AlloyTeam
扫码关注
公众号:AlloyTeam
合作伙伴
HTML5梦工场
腾讯云
Coding
兄弟团队
  • 腾讯 ISUX
  • 腾讯 CDC
  • 腾讯游戏 TGideas
  • 百度前端 EFE
  • 百度前端 FEX
  • 淘宝前端团队 FED
友情链接
  • 印记中文
  • W3CTech
  • 前端观察
  • W3C Plus
  • Web 前端开发
  • V2EX
  • 蓝色理想
  • 云开发 CloudBase
  • HTML5中文学习网
  • 爱思资源网
  • 牛大拿_前端设计导航
  • 吕小鸣前端博客
  • 腾讯大学


Copyright ©  2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2