当前位置: 首页 > news >正文

JavaScript、深入浅出Node.js前端技能汇总

JavaScript

前端技能汇总 Frontend Knowledge Structure

深入浅出Node.js 书籍pdf
《深入浅出Node.js》的相关代码

Javascript&jQuery教程 pdf

html & css教程 pdf

高性能JavaScript_中英双语版 pdf

跳坑之js调用另一个js文件中函数

方法1;

在html文件中加入两个脚本程序,注意,加入的位置在和两个标签之间,(也有的在两个标签之间加入的),代码如下:

</head><script src="hello.js"></script><script src="renderer.js"></script><body>

之后在hello.js中直接调用函数就行。

test(‘click’, ‘asynchronous message’, ‘ping’);

方法2

renderer.js中使用exports导出函数:

//在这里面写好函数的封装,然后在hello.js中调用
var test = function(struct, buttonId, msg){const asyncMsgBtn = document.getElementById(buttonId);asyncMsgBtn.addEventListener(struct, function(){switch(struct){case 'click':ipc.send('asynchronous-message', msg);console.log("调用成功");break;default:console.log('Error!!!')}})
}
//这种方式是成功的
exports.test = test;
//这种方式也是可以得
//module.exports.test = test;

而hello.js中对于代码的使用如下:

//利用require加载模块
const renderer = require('./renderer')renderer.test('click', 'asynchronous message', 'ping');
renderer.test('click', 'changeView', 'change');

可以说,这种方式完全符合我们程序封装的概念,思路统一,结构规整,个人最爱。

http://www.lryc.cn/news/111236.html

相关文章:

  • use gnustep objective-c
  • 8.15锁的优化
  • 单片机复位电路分析
  • 公文写作技巧:“三面镜子”写作提纲60例
  • useEffect中的函数会执行2次原因
  • 更新k8s环境支付系统支付证书
  • C#的yield
  • 外卖多门店小程序开源版开发
  • 打印图案、
  • # Windows 环境下载 Android 12源码
  • 【运维面试】Docker技术面试题总结
  • CNN成长路:从AlexNet到EfficientNet(01)
  • 使用IDEA操作Mysql数据库
  • ChatGPT下架官方检测工具,承认无法鉴别AI内容
  • Java通过实例调用getClass()方法、类名.class操作、通过运行时类获取其它信息
  • UE5+Paperzd问题
  • K8S系列文章之 自动化运维利器 Ansible
  • Julia 字典和集合
  • devops-发布vue前端项目
  • 使用正则表达式设置强密码
  • epoll、poll、select的原理和区别
  • 【学习笔记】Java安全之反序列化
  • 算法练习--leetcode 数组
  • 本地 shell无法连接centos 7 ?
  • C 语言的基本算术运算符 = + - * /
  • SQL注入实操三(SQLilabs Less41-50)
  • HOT77-买卖股票的最佳时机
  • CSS调色网有哪些
  • Day10-NodeJS和NPM配置
  • 线性代数 | 机器学习数学基础