Mocha是运行在nodejs和浏览器下的JavaScript的单元测试框架，官方文档在https://mochajs.org/，相当的容易上手和好用，单元测试框架其实都差不多，基本都包含下面内容： 用于写测试用例的宏，属性或者函数 断定库， 用于测试是否可以通过 辅助库，如hook库（测试前后调用某些函数或者方法），异常检查（某些函数在某些参数的情况下抛出异常）， 输入组合（支持多排列的参数输入组合）等。 支持IDE的集成 下面就按照官方文档的顺序来...
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了，目前在github 上这一类的项目是最多的，并且几乎每隔一段时间就会出现一个新的项目席卷网络社区，虽然这样推动了创新的发展，但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的 Javascript 框架和库的特及其在 github 上的 star 数，旨在为各位开发者提供一些参考。1、ReactJS(Star: 59989,Fork: 10992) 主页：https://facebook.github.io/reactReact.js（...
layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，GitHub自然Stars3000+，官网累计下载量达30w+，大概有20万Web平台正在使用layer。在贴出代码 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常...
前言 对于一个前端工程师来说不仅仅要会前端的内容，后端的技术也需要熟练掌握。今天我就要通过一个案例来描述一下前端是如何和后端进行数据交互的。 koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数...
前言 Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js 今天，我就要基于这个库来搭建一个火车票查询系统。首先我们的机器上得有NodeJS环境，并且安装了npm包管理工具。因为vue是跑在node环境下的，并且我们需要用npm来安装vue。在终端输入npm install --global vue-cli我们来全局安装vue-cli，他是v...
微信小程序 安全： 本文大白将从小程序的框架、功能模块安全、账户使用安全方面进行剖析，希望能为各位泽友带来不一样的认知。一.小程序框架概述 小程序抽象框架视图层 包含WXML、WXSS和页面视图组件。 WXML是一种类似XML格式的语言，支持数据绑定、条件渲染、列表渲染、自定义模板、事件回调和外部引用 WXSS是一种类似CSS格式的语言，用于描述WXML的组件样式，决定WXML中的组件如何显示 组件是框架提供的一系列基础模块，是视图层...
先来看一下效果图： 功能描述： 1. 点击页面序号跳转到相应页面； 2. 点击单左/单右，向后/向前跳转一个页面； 3. 点击双左/双右，直接跳转到最后一页/第一页； 4. 一次显示当前页面的前三个与后三个页面； 5. 始终显示最后一个页面； HTML：<!-- 分页开始 --> <div class="u-pages" style="margin-bottom:20px; margin-top:10px;"><ul><li v-if="showPre" class="crt"><a v-on:click="jumpFirst(cur)"> << </a></li><li v-if="s...
近几年Web前端框架特别流行，比如AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。有没有能够在多种前端控件下都能使用的表格控件？最近研究发现Wijmo中的FlexGrid是一款不错的表格控件，它能支持很多主流的框架。这里主要介绍在纯JavaScript和AngularJS下FlexGrid的使用。 一、在纯JavaScript下使用FlexGrid HTML文件： <!DOCTYPE html> <html> <head> <meta http-equiv="Conten...
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 bootstrap 的学习非常简单，并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。 bootstrap中文网：http://v3.bootcss.com/ bootstrap提供了三种类型的下载： ------------------------------------------------------------- 用于生产环境的 Bootstrap编译并压缩后...
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。一、导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script>注：<%=request.getContextPath() %>返回web项目的根路径。 二、默认校验规则(1)、required:true...
本文实例为大家介绍了JavaScript插件架构的知识点，供大家参考，具体内容如下 1. JavaScript插件架构 如下是插件alert的全部代码，每个插件都定义在如下类似的作用域中： +function ($) {use strict;// ALERT CLASS DEFINITION// ======================var dismiss = [data-dismiss="alert"]var Alert = function (el) {$(el).on(click, dismiss, this.close)}Alert.VERSION = 3.3.7Alert.TRANSITION_DURATION = 150Alert.prototy...
一、前言 移动端框架当前还处在初级阶段，但相对于移动端的应用来说已经有很长时间了。虽然暂时还没有PC端开发的需求量大，但移动端的Web必然是一种趋势，在接触移动端脚本的过程中，最开始想到的是juqery。Jquery2.0版本及以上已经开始偏向移动端，如对h5的支持，但支持还是不够完善，希望jq在后面的版本能够逐渐支持起来。 最初在开发移动端Web的时候使用w3c标准的语法结构和原生的js开发，但相对来说开发量比较大，而且每一...
翻页功能对前端后端都是个难题啊！今天终于给踩了！哈哈！整理下方法，我是基于vueJs写的，同样适用于angular哈！封装下载地址：vue.js翻页组件 效果截图：整体实现逻辑，当用户点击页码时，ajax从后端获取数据，包括：records（当前页查询到的记录），totalRecords: 121（所有记录），currentPage（当前页码），totalPage（总页码），size（当前页显示数量），之后用我封装的算法assemblePageTurnerParams，算出页面展示哪些页...
效果展示：代码实现： 控制器 <?php namespace app\controllers; use Yii; use yii\filters\AccessControl; use yii\web\Controller; use yii\filters\VerbFilter; use app\models\LoginForm; use app\models\ContactForm; //use yii\db\ActiveRecord; use yii\data\Pagination; use app\models\EcsGoods; class PageController extends Controller { //public $layout=false; //展示，分页 public function action...
React React 和 Vue 有许多相似之处，它们都有： 使用 Virtual DOM 提供了响应式（Reactive）和组件化（Composable）的视图组件。 保持注意力集中在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。 相似的作用域，我们会用更多的时间来讲这一块的比较。不仅我们要保持技术的准确性，同时兼顾平衡。我们指出React比Vue更好的地方，例如，他们的生态系统和丰富的自定义渲染器。 React社区在这里非常积极地帮助我们实现这...