package.js { "name": "ttd_v3", "version": "0.1.0", "author": "liujin", "devDependencies": { "connect-livereload": "^0.5.2", "grunt": "~0.4.2", &q…

初探原生js根据json数据动态创建table 小生以实习生的职位进入了一家非纯软件的公司做asp.net开发,大半个月下来发现公司里居然没有前端工程师,这令我很诧异,跟着公司做项目,发现前端后台没有明显的分工,使用传统的WebFrom开发模式,一个Button都要返回服务器处理一次,服务器说它觉得很累. 而我最近由于公司有很多很紧急的任务交给我,所以之前说的那个个人博客暂停了一下.由于我想尽量减轻服务器负担,尽量让一些逻辑在浏览器端完成,浏览器端与服务器之间仅有数据交换,尽可能地把逻辑留给浏览…

http://www.tuicool.com/articles/2eaQJn 用Grunt配置watch和liveReload组件,可以实时检测指定的文件变化并自动刷新浏览器.目前基本已经成为了我的必备配置.特别是在写前端页面的时候,不用再频繁去点浏览器刷新按钮.工作的时候把浏览器拖到扩展屏,保存文件实时看到变化,特别提高开发效率. 而且livereload插件非常人性化,在检测到不需要重刷新浏览器运行的文件,例如css文件变化时,直接在页面里重载文件,而不刷新页面.使效果反应非常快捷. 下面是…

Grunt JS构建环境搭建以及使用入门 1.应用场景 一种自动化任务处理工具,对于日常的需求(代码规则检查.代码合并)可以实现自动化执行,只需要保留package.json和Gruntfile.js便能用一句代码行进行依赖下载. 2.搭建步骤 Grunt 依赖 Node.js 所以在安装之前确保你安装了 Node.js,然后开始安装 Grunt. 2.1安装 Node.js 进入nodejs官网https://nodejs.org/en/download/,根据当前机型选择对应版本下载安装后,…

Official Site gruntjs.org/docs/getting-started.html 或者看http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201307/216460.shtml grunt可以帮我们做什么grunt是一个自动化工具 自动压缩js css 建立相关的文件&文件夹 首先grunt需要运行在NodeJS的环境下安装Grunt之前,可以在命令行中运行node -v查看你的Node.js…

1,http://nodejs.org/download/ 安装nodejs 2,配置环境变量,将nodejs的安装目录放置在Path环境变量中 3,在cmd中 npm install -g grunt-cli,如果已经安装的话npm uninstall -g grunt  这句话可以删除 4,grunt -version 可以查看是否安装成功 5,在要压缩的跟目录中创建package.json 6, 一个简单的package.json样例 { "name": "umedit…

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上…

第一部分:前言 我们知道JS是弱类型语言,在声明变量时不论是什么类型的变量我们都用var即可,所以js是非常灵活的,但是同时问题就是弱类型语言有可能会出错,比如在调用函数时,且往往在运行起来时才可以检查,于是facebook开源了flow.js,它可以看做是强类型的js,即在声明变量时使用具体的类型名称,在运行前编译为正常的js即可. flow.js的理念类似于typescript,但是他比typescript更轻,更容易迁移,因为我们只需要做出很小的改变就可以使用flow.js,而typesc…

什么是Modernizr? Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库. 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能. 它比传统检测浏览器名称(浏览器嗅探)的方式更为可靠. 一整套测试的执行时间仅需几微秒. 此外,Modernizr 网站通过定制脚本只对你感兴趣的元素进行检测,从而实现效率优化.     下载 Modernizr 与其它 JavaScript 库相同的是,M…

一.定义及优势 定义:Node.js是一个基于 Chrome V8 引擎 的 JavaScript 运行时,它以事件驱动为基础实现了非阻塞模型. 优势:由于Web场景下的大多数任务(静态资源读取.数据库操作.渲染页面)都是I/O密集的,所以使用非阻塞模型就可以大大地提高CPU的利用率. 使用场景:Web Server.本地代码构建(用于编译构建前端代码).实用工具开发. 二.成员 CommonJs:模块规范 global:全局对象 process:当前执行的进程 三.CommonJS规则 每个文…