自用js开发框架小成 学习js的朋友可以看看

和大家分享，第一次在博客园发帖，有不对的地方请列位同学指正。
先给大家讲下用法吧：

目录结构

使用步骤
1. 将框架js引入页面。
2.


代码如下:

parcour.using('system.web.event');
window.onload = function () {
alert(eventUtil); // eventUtil是event.js里的类
}

就可以看到效果了，剩下的就是如何去组织和扩展自己的开发库了。

-- 由于需要同步获取文件内容， 需要部署才可测试， 可以用vs建个网站，然后拷到项目下运行。

个人总结的优点：

1. 可以按照功能或自己的喜好组织松散的js代码，便于维护。
2. 只加载需要的js代码到页面。

不足：
1. 必须同步获取所引用的js代码。增加了请求数，降低了性能和体验。（严重性未测试，或许比较适合局域网项目）。

附下载

赞 (0)

相关推荐

  • 自用js开发框架小成 学习js的朋友可以看看

    自用js开发框架小成 学习js的朋友可以看看

    和大家分享,第一次在博客园发帖,有不对的地方请列位同学指正. 先给大家讲下用法吧: 目录结构 使用步骤 1. 将框架js引入页面. 2. 复制代码 代码如下: parcour.using('system.web.event'); window.onload = function () { alert(eventUtil); // eventUtil是event.js里的类 } 就可以看到效果了,剩下的就是如何去组织和扩展自己的开发库了. -- 由于需要同步获取文件内容, 需要部署才可测试, 可以

  • 鸿蒙系统中的 JS 开发框架

    今天鸿蒙终于发布了,开发者们也终于"沸腾"了. 源码托管在国内知名开源平台码云上,https://gitee.com/openharmony 我也第一时间下载了源码,研究了一个晚上,顺带写了一个 hello world 程序,还顺手给鸿蒙文档提了 2 个 PR. 当然我最感兴趣的就是鸿蒙的 JS 框架 ace_lite_jsfwk,从名字中可以看出来这是一个非常轻量级的框架,官方介绍说是"轻量级 JS 核心开发框架". 当我看完源码后发现它确实轻.其核心代码只有 5

  • TensorFlow.js 微信小程序插件开始支持模型缓存的方法

    通常情况下,微信小程序追求的是短小精悍,即开即用,用完即走,适用于一些简单的应用场景.然而,随着微信小程序开放能力的提高,人们发现用微信小程序可以实现越来越多的功能,小程序也越来越复杂,越来越庞大起来.这个可以从小程序的大小限制的变化看出,最开始小程序的大小限制为1M,后来限制为2M,最新微信又给小程序提供了分包加载机制,开发者将小程序划分成不同的子包,用户在使用时按需进行加载,所有分包大小限制提高到8M. 虽然小程序的大小限制已经大大提升,但对于小程序开发者而言,仍然捉襟见肘.随便几个图片资源

  • js字符串转换成数字与数字转换成字符串的实现方法

    js字符串转换成数字 将字符串转换成数字,得用到parseInt函数.parseInt(string) : 函数从string的开始解析,返回一个整数. 举例:parseInt('123') : 返回 123(int):parseInt('1234xxx') : 返回 1234(int): 如果解析不到数字,则将返回一个NaN的值,可以用isNaN()函数来检测: 举例 :var i = parseInt('abc');if (isNaN(i)){alert('NaN value');} 同样的

  • three.js中文文档学习之创建场景

    什么是Three.js? 如果你正在读这篇文章,你可能对Three.js有一定的了解,那我们来简单地介绍下Three.js是什么. Three.js是一个库,使得WebGL的3D效果在浏览器中运用很容易.而在原始的WebGL中一个简单的立方体会变成数百Javascript和着色器代码的行,而一个Three.js只需要一点点代码. 本节目标是为 three.js 做简介.我们从使用旋转立方体来搭建场景开始.如果遇到困难需要帮助,页面底部有可参考的源码. 一个场景至少需要的三种类型组件 相机/决定哪

  • 将jquery.qqFace.js表情转换成微信的字符码

    将jquery.qqFace.js表情转换成微信的字符码

    jquery.qqFace.js使用方法 引用 <script src="~/Content/qqFace/js/jquery.qqFace.js?v=3"></script> <script src="~/Content/qqFace/js/jquery-browser.js"></script> html <div style="width:50px;height:30px;margin-top:3

  • 详解在微信小程序的JS脚本中使用Promise来优化函数处理

    在我们传统的Javascript开发函数编写中,我们习惯了回调函数的处理,不过随着回调函数的增多,以及异步处理的复杂性等原因,代码越来越难读,因此诞生了使用Promise来优化JS函数处理的需求,引入Promise确实能够很好的解决异步回调函数的可读性等问题,同时也使得我们调用的时候代码简洁一些,本文介绍如何在小程序的JS代码里面使用Promise来封装一些函数的做法. 1.小程序传统的回调处理 例如我们生成一个小程序,里面的app.js里面就自动带有一个getUserInfo的函数,这个是使用

  • js实现小时钟效果

    本文实例为大家分享了js实现小时钟效果的具体代码,供大家参考,具体内容如下 今天给大家分享一下制作小时钟 先给大家把代码分享出来 首先 JavaScript 代码 <script> function setTime(){ var now = new Date(); var year = now.getFullYear(); //获取现在的年份. var mouth = now.getMonth() + 1; //获取本年的月份,默认的是 0-11:所以进行加 1 操作: var date =

  • 如何写Node.JS版本小游戏

    如何写Node.JS版本小游戏

    概述 今天就利用Node.JS为大家带来简单有趣的的剪刀石头布的小游戏. 打造流程 引入模块 定义简单石头布行为命令.当前局数(三局两胜).得分情况.电脑随机出的行为(剪刀/石头/布) 定义关联逐行读取流 清屏 打印开局提示信息 监听line事件,根据读取流(用户输入)判断用户是要结束游戏,还是出招啦 监听close 事件,如果玩够了3局就打印最终结果,否则直接结束进程 定义scoreRule 方法,根据规则判断得分情况 相关api 先来看一看相关的API,我们按照调用顺序了解一下API,整个流

  • Python全栈之学习JS(1)

    目录 1. js的数据类型 1.1 js引入方式 1.2 注释变量 1.3 数据类型 2. js类型转换_运算符 2.1 强制转换_Number 2.2 强制转换_String 2.3 强制转换_Boolean 2.4 自动类型转换_Number_Boolean_String三者之间转换 2.5 js运算符 3. js流程控制 3.1 分支结构 3.2 分支结构_switch_case 3.3 循环结构 4. js函数 4.1 函数 4.2 函数的调用 总结 1. js的数据类型 1.1 js引

随机推荐