随笔分类 - [10]JS
-
AngularJs
摘要:AngularJs AngularJs是一个不错的用于开发SPA应用(单页Web应用)的框架。单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成, 阅读全文
-
基于karma和jasmine的Angularjs 单元测试
摘要:Angularjs 基于karma和jasmine的单元测试 目录: 1. 单元测试的配置 2. 实例文件目录解释 3. 测试controller 3.1 测试controller中变量值是否正确 3.2 模拟http请求返回值,测试$http服务相关 4. 从文件中读取json,来模拟 http请 阅读全文
-
gulp
摘要:gulp详细入门教程 *(pattern|pattern|pattern) 匹配括号中给定的任一模式0次或多次,类似于js正则中的(pattern|pattern|pattern)* @(pattern|pattern|pattern) 匹配括号中给定的任一模式1次,类似于js正则中的(patter 阅读全文
-
Web前端性能优化
摘要:Web前端性能优化进阶——完结篇 前言 在之前的文章 如何优化网站性能,提高页面加载速度 中,我们简单介绍了网站性能优化的重要性以及几种网站性能优化的方法(没有看过的可以狂戳 链接 移步过去看一下),那么今天我们深入讨论如何进一步优化网站性能。 一、拆分初始化负载 拆分初始化负载——听名字觉得高大上 阅读全文
-
Vue.js
摘要:浅谈Vue.js 作为一名Vue.js的忠实用户,我想有必要写点文章来歌颂这一门美好的语言了,我给它的总体评价是“简单却不失优雅,小巧而不乏大匠”,下面将围绕这句话给大家介绍Vue.js,希望能够激发你对Vue.js的兴趣。 Vue.js简介 Vue.js的作者为Evan You(尤雨溪),任职于G 阅读全文
-
Javascript 优化
摘要:Javascript 优化 作者:@gzdaijie本文为作者原创,转载请注明出处:http://www.cnblogs.com/gzdaijie/p/5324489.html 目录 1.全局变量污染与变量提升2.数据类型3.特殊值(NaN、undefined、null)4. 与 ==5.没有真正的 阅读全文
-
编写高效的JavaScript
摘要:Web前端性能优化——编写高效的JavaScript 前言 随着计算机的发展,Web富应用时代的到来,Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始,Web前端开发也开启了新的纪元。用户需求不断提高,各种新的技术层出不穷,前端工程师的地位也越来越重 阅读全文
-
javascript
摘要:一道javascript面试题 下面表达式比较的结果分别是什么? 1. []=="0" 2. []==0 3. "0"==0 4. []==false 5. []==[] 大家可以试试写下自己的结果,答案在后面。 这题主要考的是类型转换,[]这个数组对象在与原始值(primitive value)是 阅读全文
-
JS脚本加载与执行对性能的影响
摘要:高性能JavaScript-JS脚本加载与执行对性能的影响 在web产品优化准则中,很重要的一条是针对js脚本的加载和执行方式的优化。本篇文章简单描述一下其中的优化准则。 1. 脚本加载优化 优化页面加载性能的原则之一是将script标签放在body底部,这跟浏览器的渲染原理有关: 综上所述,除非业 阅读全文
-
JavaScript 内存
摘要:在使用JavaScript进行开发的过程中,了解JavaScript内存机制有助于开发人员能够清晰的认识到自己写的代码在执行的过程中发生过什么,也能够提高项目的代码质量。其实关于内存的文章也有很多,写这篇文章也非"重弹老调",可以说是给自己理解的知识来一个总结,也顺便将知识分享给学习JavaScri 阅读全文
-
Vue.js
摘要:Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在 阅读全文
-
jQuery.Deferred
摘要:jQuery1.5之前,如果需要多次Ajax操作,我们一般会使用下面的两种方式: 1).串行调用Ajax 这种方式代码可读性差,效率低,晦涩难懂,调试和排错的复杂度大。 2).并行调用Ajax 这种方式对于callbacks函数调用来说已经很不错了,并行取得数据,可读性良好。缺点就是代码冗长,可扩展 阅读全文
-
前端构建工具gulp
摘要:前端构建工具gulp使用 前端自动化流程工具,用来合并文件,压缩等。 Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn G 阅读全文
-
BrowserSync使用
摘要:在Gulp中使用BrowserSync 2016-02-24 23:47 by 那时候的我, 116 阅读, 0 评论, 收藏, 编辑 博客已迁移至http://lwzhang.github.io。 很早就听说过BrowserSync,也看过一些相关文章,可就是没用过。之前一直在用Gulp开发项目, 阅读全文
-
web:转盘抽奖
摘要:移动web:转盘抽奖(幸运大转盘) 为了获取客户、回馈客户,平台一般会推出抽奖活动类的营销页。因此web页面中,有各式各样的抽奖效果。 格子式(九宫格),背景滚动式(数字/文字/图案),旋转式(转盘),游戏式(砸蛋/拼图...)...... 这里来讲解下转盘抽奖效果。 当用户进入这个抽奖页面时,一般 阅读全文
-
webpack
摘要:webpack入门--前端必备 webpack入门--前端必备 什么是 webpack? webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入 阅读全文
-
模板引擎mustache.js
摘要:Javascript模板引擎mustache.js详解阅读目录1. 从一个简单真实的需求讲起2. mustache的用法3. mustache的思想4. {{prop}}标签5. {{#prop}}{{/prop}}标签6. {{^prop}}{{/prop}}标签7. 渲染上下文8. 结束语mus... 阅读全文
-
Web Essentials之JavaScript,TypeScript和CoffeeScript
摘要:Web Essentials之JavaScript,TypeScript和CoffeeScript返回Web Essentials功能目录一些Javascript功能也可以用于TypeScript。本篇目录功能智能提示TypeScriptCoffeeScript功能JSHintJSHint真是一种确... 阅读全文
-
2016 年前端技术
摘要:近几年前端技术盘点以及 2016 年技术发展方向2016-01-09 10:33 by Barret Lee,1175阅读,8评论,收藏,编辑Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的... 阅读全文
-
编写jQuery插件
摘要:编写jQuery插件在园子里有很多关于jQuery插件的文章,尤其 以下2篇文章:不定义JQuery插件,不要说会JQueryjQuery插件开发精品教程,让你的jQuery提升一个台阶这2位大神基础讲的很清楚,在这里就不多说了,主要那个小需求来练练:需求说明:一个标题插件,可以通过后端取数,自定义... 阅读全文