基础语法JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象）ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素），注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象）变量，var定...
简要介绍： 之前手头的一个项目需要去做一个左侧的树形菜单，右侧则是一个整体的iframe，从而构成一个整体的网站。一开始是打算用bootstrap的tree-view插件，直接把菜单的数据传过去就好了，结果后来项目又改了需求，菜单的内容和图表都是后台动态生成的，所以只能放弃使用bootstrap插件，自己着手写了一个树形菜单。本文主要分两部分讲，一个是对于bootstrap的treeview的实践，另一部分是介绍自己写的树形菜单。 bootstrap...
定时器：（延迟器） 用以指定在一段特定的时间后执行某段程序。setTimeout()：（1.0版） 格式： [定时器对象名=] setTimeout(“<表达式>”，毫秒) 功能：执行<表达式>一次。 <SCRIPT LANGUAGE="JavaScript"> setTimeout("confirm(‘123456‘)",1000); </SCRIPT> <script language="JavaScript" type="text/javascript"> function count() { setTimeout("alert(‘三秒到了‘)",3000) } </Sc...
使用前引入百度echarts插件代码如下：// 节点图标 let appSymbol = "path://M960 42.666667H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v896c0 12.8 8.533333 21.333333 21.333333 21.333333h896c12.8 0 21.333333-8.533333 21.333333-21.333333V64c0-12.8-8.533333-21.333333-21.333333-21.333333z m-21.333333 896H85.333333V682.666667h853.333334v256z m0-298.666667H85.333333V384h853.333334v256z m0-298.666667H85....
JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。使用RegExp的显式构造函数，语法为：new RegExp("pattern"[,"flags"])。 使用RegExp的隐式构造函数，采用纯文本格式：/pattern/[flags]。 pattern部分为要使用的正则表达式模式文本，是必须的。在第一种方式中，pattern部分以JavaScript字符串的形式存在，需要使用双引号或单引号括...
使用ajax()方法加载服务器数据使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下：jQuery.ajax([settings])或$.ajax([settings])其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数，type为发送数据请求...
Windows 8.1 和 WinJS 引入了以下新控件和功能，分别是：AppBarCommand、BackButton、Hub、ItemContainer、NavBar、Repeater、WebView。本篇我们先来介绍 AppBarCommand、BackButton、Hub、ItemContainer，其余三种放在下一篇中介绍。1. AppBarCommandWindows 8.1 加入了AppBarCommand 控件来创建自定义应用栏命令。AppBarCommand可以是这几种类型：button、toggle、flyout、separator 和 content。我们来看一个例子：<body><di...
一、开源地址： https://github.com/electron/electron二、官方网站： https://electron.atom.io/三、案例 原文：http://www.cnblogs.com/songxingzhu/p/7486019.html
PDF版的PPT下载地址：http://www.slideshare.net/jibyjohnc/jqquerysummit-largescale-javascript-application-architecture 注：在整理的过程中，发现作者有些思想是返来复去地说，所以删减了一部分，如果你的英文良好，请直接阅读英文的PPT。 以下是本文的主要章节： 1. 什么叫“JavaScript大型程序”？ 2. 顾当前的程序架构 3. 长远考虑 4. 头脑风暴 5. 建议的架构 5.1 设计模式 5.1.1 模块论 5.1.1.1 综...
本文实例讲述了JavaScript设计模式之职责链模式。分享给大家供大家参考，具体如下： 一、职责链的定义： 使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。 二、实例场景说明： 某公司对公司产品-手机进行促销活动，有以下政策：在正式购买时，已经支付过500元定金的用户会收到100元的商城优惠卷，交200元定金的用户可以收到50...
本文实例讲述了JavaScript设计模式之装饰者模式定义与应用。分享给大家供大家参考，具体如下： 在不改变原对象的基础上，通过对其进行包装扩展（添加属性或方法），使原有对象可以满足用户的更复杂需求，满足开闭原则，也不会破坏现有的操作。 适用场景：当遇到新的功能或需求需要对原来的操作做出更改时，若原来的操作比较复杂，可以把原来的操作原封不动地放在装饰者中，然后再添加新功能。 eg1： function Person() { } Person....
下面是我给大家整理的大型JavaScript应用程序架构设计模式，有兴趣的同学可以去看看。以下是本文的主要章节：1. 什么叫“JavaScript大型程序”？2. 顾当前的程序架构3. 长远考虑4. 头脑风暴5. 建议的架构 5.1 设计模式 5.1.1 模块论 5.1.1.1 综述 5.1.1.2 Module模式 5.1.1.3 对象自面量 5.1.1.4 CommonJS模块 5.1.2 Facade模式 5.1.3 Mediator模式 5.2 应...
一、JavaScript设计模式简介 设计模式我们其实听过不少，但是当别人问具体是什么或者有哪些设计模式的时候，我们有可能会不知道或者回答不全。其实我们在开发的过程中可能很少会用到设计模式，因为很多东西别人都帮我们封装好了，我们直接拿过来用即可。 前端的开发经过一遍封装过后变得无比容易，我们在运用的过程中得心应手，只有在源码阅读的过程中才会看到。 二、Javascript 设计模式系统讲解与应用 我们来看某课网上的这套《J...
第1章 课程介绍 1-1导学第2章 面向对象 2-1 搭建开发环境1 2-2 搭建开发环境2 2-3 搭建开发环境3 2-4 搭建开发环境4 2-5 什么是面向对象 2-6 面向对象-继承 2-7 面向对象-封装 2-8 面向对象-多态 2-9 面向对象-应用举例 2-10 面向对象-总结 2-11 UML类图1-介绍 2-12 UML类图2-关系 2-13 总结第3章 设计原则 3-1 设计原则-介绍 3-2 设计原则-何为设计1 3-3 设计原则-何为设计2 3-4 设计原则-5大...
本篇文章给大家带来的内容是关于vue服务端渲染缓存应用的示例代码 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。vue缓存分为页面缓存、组建缓存、接口缓存，这里我主要说到了页面缓存和接口缓存页面缓存： 在server.js中设置const LRU = require(lru-cache)const microCache = LRU({max: 100, // 最大缓存的数目maxAge: 1000 // 重要提示：条目在 1 秒后过期。 })const isCacheable = req => {//判断是否需...