百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

一个人开发一个产品,小程序从0到1,第3章 框架语法

ztj100 2024-12-05 18:06 21 浏览 0 评论

很多简历上有着”精通“二字的人,却联基础知识都不过关。建议学编程的同志,最好耐着性子,从框架语法学起,否则总有一天,你还是得从框架语法学起。

微信小程序的js,是一套脚本语言,结合WXML,可以构建出页面的结构。它与JavaScript是不同的语言,有着自己的语法。语法内容有关键字、注释、输出等。

3.1 关键字

关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。关键字是语言保留的,不能用作标识符,如变量名不能用关键字var,常量名不能用const。关键字在开发工具中,常用亮丽的色彩,让你着迷。

delete void typeof null undefined NaN Infinity

var let const if else true false

require this function arguments return for while

do break continue switch case default

3.2 注释

js注释方式,有以//开头的单行注释和以/*开始*/结束,既/* */的双行注释。注释是给开发人员看的,不是给机器瞧的。不以注释为编程任务的程序员都是耍流氓。

/** 
   * 首次渲染完毕时执行
   * 一个页面只执行一次 
   */
  onReady: function() {
    //读取初始值
  }

3.3 输出

在js文件中,可通过console.log(var)在控制台输出信息,方便开发者调用js代码,查找代码的相关问题,它是一个使用频率很高的功能。其中var变量,可以是数组类型,对象类型或者字符串类型等,它可以接受一个或多个参数,将它们连接起来输出。

1. 用法

用console.log()输出一个或多个变量值时,在值与值之间会自动添加空格并且会自动在每次输出的结尾添加换行符。

废话不多说,代码才是硬核,打开pages/index/index.js文件,进行内容大变身。

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World'
  },
  //事件处理函数
  bindViewTap: function() {},
  onLoad: function() {
    console.log('我有个特别好听的名字:', '西门吹水');
    console.log('我不会武功,只会吹水');
  }
}) 

输出内容

我有个特别好听的名字: 西门吹水
我不会武功,只会吹水

2. 占位符

在console.log()中,可以通过一些特有的占位符进行信息的加工输出,让输出结果更符合你的个性化要求,支持的占位符有:字符串(%s)、整数(%d或%i)、浮点数(%f)、对象(%o)和样式(%c)。

onLoad: function() {
    console.log('西门%c吹%c水', 'color:green', 'color:red');
    console.log('会特别难的%s算术', '加法');
    console.log('%d + %d =', 1, 1, 2);
}

3. 特殊方法

在开发时,当需要统计一段代码的执行时间时,可以使用console.time方法标记开始时间与console.timeEnd方法标记结束时间,并且将结束时间与开始时间之间经过的毫秒数在控制台中输出。

在开发时,如果有对数据信息进行分组的需求,可用console.group()方法用于设置分组信息的起始位置,可用console.groupEnd()方法用于结束当前的分组,相关用法如下。

 onLoad: function() {
    console.time("运行时间");
    console.group("第一组信息");
    console.log("第一组第1行");
    console.log("第一组第2行");
    console.groupEnd();
    console.group("第二组信息");
    console.log("第二组第1行");
    console.log("第二组第2行");
    console.log("第二组第3行");
    console.groupEnd();
    console.timeEnd("运行时间");
  }  

4. 更多输出

在js文件中,除了可用console.log()输出信息,进行js代码调试外,还可用onsole.info()和console.debug()两个好基友。它们本质上与console.log()并没有多大的区别,只是另一个名字而以。

另外,可用console.warn()输出警告(提示)信息,它在输出的log前有个黄色的图标;可用console.error()输出错误信息,它在输出的log前有个红色的图标。

onLoad: function() {
    console.warn('不知有什么好提示的');
    console.error('你有错?我的错?--都不是,一切都是代码的错。')
  }

其他的还有几个,用的很少,我几乎不用,我就不讲了,有那个时间,还不如去研究研究下一节的内容:常量变量。

相关推荐

其实TensorFlow真的很水无非就这30篇熬夜练

好的!以下是TensorFlow需要掌握的核心内容,用列表形式呈现,简洁清晰(含表情符号,<300字):1.基础概念与环境TensorFlow架构(计算图、会话->EagerE...

交叉验证和超参数调整:如何优化你的机器学习模型

准确预测Fitbit的睡眠得分在本文的前两部分中,我获取了Fitbit的睡眠数据并对其进行预处理,将这些数据分为训练集、验证集和测试集,除此之外,我还训练了三种不同的机器学习模型并比较了它们的性能。在...

机器学习交叉验证全指南:原理、类型与实战技巧

机器学习模型常常需要大量数据,但它们如何与实时新数据协同工作也同样关键。交叉验证是一种通过将数据集分成若干部分、在部分数据上训练模型、在其余数据上测试模型的方法,用来检验模型的表现。这有助于发现过拟合...

深度学习中的类别激活热图可视化

作者:ValentinaAlto编译:ronghuaiyang导读使用Keras实现图像分类中的激活热图的可视化,帮助更有针对性...

超强,必会的机器学习评估指标

大侠幸会,在下全网同名[算法金]0基础转AI上岸,多个算法赛Top[日更万日,让更多人享受智能乐趣]构建机器学习模型的关键步骤是检查其性能,这是通过使用验证指标来完成的。选择正确的验证指...

机器学习入门教程-第六课:监督学习与非监督学习

1.回顾与引入上节课我们谈到了机器学习的一些实战技巧,比如如何处理数据、选择模型以及调整参数。今天,我们将更深入地探讨机器学习的两大类:监督学习和非监督学习。2.监督学习监督学习就像是有老师的教学...

Python教程(三十八):机器学习基础

...

Python 模型部署不用愁!容器化实战,5 分钟搞定环境配置

你是不是也遇到过这种糟心事:花了好几天训练出的Python模型,在自己电脑上跑得顺顺当当,一放到服务器就各种报错。要么是Python版本不对,要么是依赖库冲突,折腾半天还是用不了。别再喊“我...

超全面讲透一个算法模型,高斯核!!

...

神经网络与传统统计方法的简单对比

传统的统计方法如...

AI 基础知识从0.1到0.2——用“房价预测”入门机器学习全流程

...

自回归滞后模型进行多变量时间序列预测

下图显示了关于不同类型葡萄酒销量的月度多元时间序列。每种葡萄酒类型都是时间序列中的一个变量。假设要预测其中一个变量。比如,sparklingwine。如何建立一个模型来进行预测呢?一种常见的方...

苹果AI策略:慢哲学——科技行业的“长期主义”试金石

苹果AI策略的深度原创分析,结合技术伦理、商业逻辑与行业博弈,揭示其“慢哲学”背后的战略智慧:一、反常之举:AI狂潮中的“逆行者”当科技巨头深陷AI军备竞赛,苹果的克制显得格格不入:功能延期:App...

时间序列预测全攻略,6大模型代码实操

如果你对数据分析感兴趣,希望学习更多的方法论,希望听听经验分享,欢迎移步宝藏公众号...

AI 基础知识从 0.4 到 0.5—— 计算机视觉之光 CNN

...

取消回复欢迎 发表评论: