在网站上，CSS3 的过渡和动画是当前创建轻量级动画的首选方法。不幸的是，很多开发者发现他们自己的语法和复杂和混乱的。如果这听起来像你自己，对你来说，或许Move.js是完美的方案。Move.js是使用简单函数创建 CSS3 动画的一个简单的JavaScript库。本教程将探讨Move.js的基础知识，并提供一个在线demo。 基础知识 Move.js 提供了创建 CSS3 动画的最简单的 JavaScript API。让我们假设有一个带类 box 的 div 元数，当鼠标 移动到 d...
Three.js的核心五步就是： 1.设置three.js渲染器 2.设置摄像机camera 3.设置场景scene 4.设置光源light 5.设置物体object 1.设置three.js渲染器 三维空间里的物体映射到二维平面的过程被称为三维渲染。 一般来说我们都把进行渲染操作的软件叫做渲染器。 具体来说要进行下面这些处理。 var renderer; function initThree(){width = document.getElementById("box").clientWidth;height = document.getElementById("box").clientHeig...
简介 Facebook官网介绍：React 是一个用来构建用户界面的 JavaScript 库。相当于 MVC 架构的 V 层。 React 的核心思想是：封装组件，各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。 React的优点（React为什么这么火？）：组成 React构建界面的三要点：组件、路由、状态管理。 React 的核心内容：JSX和虚拟 DOM。 一个最基本的 React 组件由数据和JSX两个主要部分构成，我们先来看看数据。这是一个简单完整的...
本文实例讲述了jQuery插件扩展操作。分享给大家供大家参考，具体如下： 如下DEMO 展示了为dom扩展一个myshowHtml 的方法 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><script src="jquery.js"></script> </head> <body> <div class="container">你好 </div> <script>(function ($) {$.fn.myshowHtml = function(){alert(this.html());}})(window.jQuery) $(function(){$(".container").myshowHtml(); }) </scri...
前言 这是我第一篇介绍webpack的文章，先从一个入门教程开始吧，后续会有更多相关webpack的文章推出。 首先什么是webpack？如果说它是一个打包工具那真的是有点大材小用了。我个人认为webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。 本文作为一篇入门教程，这里先从webpack最简单的3招开始介绍，即拆分、打包、压缩。步骤 1....
开始之前，安利一本正在看的书《站在两个世界的边缘》，作者程浩，上帝丢给他太多理想，却忘了给他完成理想的时间。OK，有兴趣的可以看一看。 node.js如标题一样，我也是刚开始接触，大家一起学习，有不当的地方望指正。node.js是做什么的，有什么优势等问题。首先，它是什么，它是采用C++语言编写而成的，是一个JavaScript的运行环境，也就是说：可以编写系统级或者服务器端的JavaScript代码，交给node.js来解释执行。也就是说他是...
首先在页面引入vue.js以及其他需要用到的或者可能要用到的插件（这里我多引用了bootstrap和jquery）引用的时候需要注意文件的路径，准备工作这样基本就完成了，下面正式开始入门。 vue.js最重要的一个特点就是双向数据绑定也就是我们常说的MVVM：Model-View-ViewModel。我们要实现双向绑定首先当然要有“双向”，这里vue.js为我们提供了View层和Model层。View层就是在HTML中的代码，Model层则是Javascript代码。 下面是一个最基础的...
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 bootstrap 的学习非常简单，并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。 bootstrap中文网：http://v3.bootcss.com/ bootstrap提供了三种类型的下载： ------------------------------------------------------------- 用于生产环境的 Bootstrap编译并压缩后...
1. 什么是JSON JSON---Javascript Object Notation，前两个单词大家应该都认识，最后一个notation，是“记号、标记法”的意思，连在一起，便成了JSON。 它是一种轻量级的数据交换格式，是基于Javascript的一个子集，可以叫做Javascript对象表示法，是存储和交换文本信息的语法，但它并不是Javascript独有的数据格式，其它很多语言都可以对JSON进行解析和序列化。 2. JSON的由来 在21世纪初，Douglas Crockford（Web开发领域最知名的...
一、什么是Vue？ Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。如果你是有经验的前端开发者...
最近在学习jQuery，在网上看到有几篇关于jQuery的文章，写的不错转载过来跟大家分享一下； 一、JQuery是什么 JQuery是什么？始终是萦绕在我心中的一个问题： 借鉴网上同学们的总结，可以从以下几个方面观察。 不使用JQuery时获取DOM文本的操作如下： document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下： $('#info').val('Hello World!'); 嗯，可以看出，使用JQuery的优势之一是可以使代码...
这篇文章会通过以下几个方面介绍yarn的： yarn对比npm解决了什么问题，带来哪些便利。获取yarn的正确姿势yarn的使用入门（介绍一些常用的命令个人使用心得yarn对比npm的优点根据官方文档yarn具有6大优点 1、离线模式yarn会有一个缓存目录，会缓存以前安装过的软件包，再次安装时就不必从网络下载了，大大加速安装速度。 这一点很重要，npm 饱受诟病的一点就是，每次安装依赖，都需要从网络下载一大堆东西，而且是全部重新下载，工程...
基础Vue.js 允许你注册自定义指令，实质上是让你教 Vue 一些新技巧：怎样将数据的变化映射到 DOM 的行为。你可以使用Vue.directive(id, definition)的方法传入指令id和定义对象来注册一个全局自定义指令。定义对象需要提供一些钩子函数（全部可选）： bind: 仅调用一次，当指令第一次绑定元素的时候。update: 第一次是紧跟在 bind 之后调用，获得的参数是绑定的初始值；以后每当绑定的值发生变化就会被调用，获得新值与旧值两个参数...
组件简介 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 由于组件的篇幅较大，我将会把组件的入门知识分为两篇来讲解，这样也便于各位看官们快速消化。 组件的创建和注册 基本步骤 Vue.js的组件的使用有3个步骤：创建...
本篇将简单介绍一下Vue.js，并在Node.js环境下搭建一个简单的Demo。 一、简介 我个人理解，Vue.js是一套前端视图层的框架，它只关心视图展示和数据绑定，它的一些语法与Angular 1非常相似，如果有Angular 1相关的使用经验，上手会非常快。 相比较其他的React、Angular 2等MVVM框架，它更加的轻量，效率也更高，也能更好的与其他库集成。 它拥有以下几个出色的特性： 数据双向绑定指令模板组件当前最新的版本为2.1.4。后续也会在这个...