微搭学习路线图,JavaScript入门

这篇具有很好参考价值的文章主要介绍了微搭学习路线图,JavaScript入门。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


可多初学的问,微搭学习几个小时够么,几个小时就想学会开发,你也过于乐观了吧,这里给出一份学习路线图及所需的时间。要想熟练用好工具,功夫是要下到位的。

1 学习路线

1.1 HTML 语义和结构

学习用时:35–50 小时

这块主要是理解组件,微搭的组件其实和HTML是有一定的对应关系的,比如我们的普通容器编译后会变成DIV标签,文本组件会变成P标签。

我都组件化开发了为啥还需要掌握HTML了?我们写的自定义方法有时候要直接操作DOM,那你就得查看源代码,不懂HTML源代码就无从看起

1.2 使用 CSS 布局和美化

学习用时:90–120 小时

要想写一款好看的小程序是离不开CSS的知识的,这个得花点精力去练习,什么效果我用CSS的哪一块知识要做到心中有数

1.3 使用 JavaScript 开发交互

学习用时:135–185 小时

要掌握到啥程度呢,先开始可以学习一些基本的,但是随着你开发的深入,基本上大部分javascript的知识都用的到,所以这块投入的精力也是最大的

1.4 小程序API

学习用时:35–50 小时
比如我们在学习地图的API,要根据当前位置信息打开地图

wx.getLocation({
 type: 'gcj02', //返回可以用于wx.openLocation的经纬度
 success (res) {
   const latitude = res.latitude
   const longitude = res.longitude
   wx.openLocation({
     latitude,
     longitude,
     scale: 18
   })
 }
})

这段代码在代码编辑器里是可以直接使用的,但是会有一些前置要求,比如你要打开地图授权,要在小程序里申请接口。这些就要去翻阅小程序的API文档去学习

1.5 云开发

学习用时:35–50小时

有人说低代码是前端开发,那不张嘴就来么。云开发是低代码的后端,这一块要好好学习一下操作数据库,操作文件,主要是要掌握各种API的用法,比如操作文件

import tcb from "tcb-js-sdk";

//第二步,初始化
const app = tcb.init({
  env: "your-env-id"
});

/**
  第三步,登录鉴权流程,此处代码略,请参考:
  https://docs.cloudbase.net/authentication/introduce.html
*/

app
  .downloadFile({
    fileID: "cloud://a/b/c"
  })
  .then((res) => {
    console.log(res);
  });

1.6 微搭

学习用时:135–185 小时

微搭已经成体系了,文档也比较齐全,哪里不会的地方看看文档就可以,比如在低码编辑器来操作数据库

module.exports = async function (params, context) {
  const result = await context.callModel({
    name: 'example', // 数据模型标识,可以前往「数据源 - 数据模型」列表页查看
    methodName: 'wedaGetItem', // 数据模型方法标识,支持的方法可以前往「数据源 - 数据模型」的任一数据模型详情页查看当前模型支持的方法
    params: {
      where: [{
        key: "firstname",
        rel: "eq",
        val: "张",
      }],
    },
  });

  // 在这里返回这个方法的结果,需要与出参定义的结构映射
  return result;
};

有的说我看不懂文档怎么办?没办法,要成为低代码开发者,看懂文档是必备的技能,我们编程通常都是在思考和查阅中度过,没有这个技能的你通常都做不了程序员。

2 JavaScript入门

上边浅要的说了一下学习的路线图,我们下半部分概要的介绍一下javascript这门语言,有一些基础的概念是必须要掌握的。

2.1 变量

变量定义
let name;

变量赋值
let name = ‘张三’

变量的类型

变量类型 示例
字符串 '张三’或者"张三"
数值 10
布尔值 true 或者 false
数组 [1,2,3]
对象 {name:"张三”,age:10}

2.2 注释

多行注释
/**
**/

当行注释
//

2.3 运算符

运算符 符号
+
减、乘、除 - * \
赋值运算符 =
等于 ===
不等于 !==
取非 !

2.4 条件语句

根据条件的真假来执行不同的代码片段

let num = 10
if(num>10){
   console.log("大于10");
}else{
   console.log("比10小或者等于10");
}

2.5 函数

函数是对代码的一种封装,主要是为了复用,利用function关键字声明一个函数,函数有参数,有返回值,比如我们定义一个求和的函数

function sum (a,b){
  return a+b;
}

调用的时候用函数名加小括号,并且传入需要的参数

sum(2,3);

2.6 事件

为网页添加交互行为,比如给按钮增加点击事件,低代码中已经将事件封装到了组件中,通常都是可视化的进行设置

3 示例

我们开发一个示例,要求用户输入内容,然后在页面上显示信息,先往页面添加一个文本组件
微搭学习路线图,JavaScript入门,学习,javascript,开发语言,低代码,微搭
然后在代码区创建一个JavaScript方法,代码如下

export default function() {
let myName = prompt('请输入你的名字。');
//console.log("myName",myName)
  if(!myName) {
    $page.handler.setUserName();
  } else {
    localStorage.setItem('name', myName);
    console.log(myName)
    //$w.text1.text = 'Mozilla 酷毙了,' + myName;
  }
  
  $page.widgets.text1.text = '微搭 酷毙了,' + myName;
}

选中页面组件,我们让加载的时候调用这个方法
微搭学习路线图,JavaScript入门,学习,javascript,开发语言,低代码,微搭

总结

学习微搭呢,当然是要从语言开始学起了,因为逻辑部分是要靠代码写的,不会语言往往你写不出啥应用来。

好在低代码开发比较聚焦,不需要学这又学那,你只需要掌握基本的JavaScript的语法就可以上手开发了,这无疑会节约大量的时间。就是在练习的时候要结合软件,具体拆解一下,不是原生代码你贴进来就可以用的。文章来源地址https://www.toymoban.com/news/detail-527457.html

到了这里,关于微搭学习路线图,JavaScript入门的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端学习路线图和一些经验

    关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考, 以前自己刚开始接触前端的时候就是不知道该按照什么路线学习 eg-前端是做什么的? 就是开发网站,移动端,小程序之类的页面  调调接口完成页面的渲染 个人比

    2024年01月19日
    浏览(31)
  • 2023版完整版web前端学习路线图(超详细自学路线)

    跟着路线图认真坚持学习从前端小白到大神不是梦,0基础看这一篇足矣! 学们记得加关注点赞收藏,自学路上不迷糊! 零基础小白自学前端路线图速览: 阶段一:核心基础入门 前端计算机常识 ➾ html+css基础 ➾ html+css 项目实践 阶段二:核心技术进阶 JavaScript基础+进阶 ➾

    2023年04月09日
    浏览(71)
  • 区块链学习路线图 初阶+中阶+高阶

    一、报告名称     区块链学习路线图 二、作者 张开翔 微众银行区块链首席架构师 三、若需要pdf版本 关注公号” 元宇宙最新报告 ”,回复“区块链学习路线图”,获取百度网盘免费下载链接。 免责声明 :文章报告仅代表原作者观点,版权归原作者所有。本公号仅为

    2024年02月12日
    浏览(33)
  • ASP.NET Core学习路线图

    - [C#](https://www.pluralsight.com/paths/csharp) - [Entity Framework](https://www.pluralsight.com/search?q=entity%20framework%20core) - [ASP.NET Core](https://www.pluralsight.com/search?q=asp.net%20core) - SQL基础知识 - 学习GIT, 在GitHub中创建开源项目 - 掌握HTTP(S)协议, 及其请求方法(GET, POST, PUT, PATCH, DELETE, OPTIONS) - 不要害怕

    2024年02月14日
    浏览(35)
  • 大数据学习路线图(2023完整版)适合收藏

    大数据开发是一门涉及处理和分析大规模数据的技术领域,随着大数据技术的不断发展和应用,对大数据开发人员的需求也在逐渐增加。就业前景相对较好,尤其在科技行业和数据驱动型企业中。大数据开发的前景还是有很多优势的,就业范围广、薪资待遇高、公司私立待遇

    2024年02月12日
    浏览(31)
  • 2023年Java学习路线图(适合自学详细版)

     这里小千作为资深的教育培训机构,特意为大家整理分享一套零基础自学Java学习路线图,此学习路线一共分为 Java基础、数据库、Javaweb、企业级框架、分布式微服务架构、高手进阶、项目实战 七大阶段,希望可以帮助到大家。 此阶段为入职java必备知识,必须牢牢掌握,把

    2024年02月05日
    浏览(30)
  • 如何自学网络安全?零基础入门看这篇就够了(含路线图)

    根据腾讯安全发布的《互联网安全报告》,目前中国网络安全人才供应严重匮乏,每年高校安全专业培养人才仅有3万余人,而网络安全岗位缺口已达70万,缺口高达95%。而且,我们到招聘网站上,搜索【网络安全】【Web安全工程师】【渗透测试】等职位名称,可以看到安全岗

    2024年02月09日
    浏览(49)
  • 大学计算机专业 学习Python学习路线图(最新版)

    这是我刚开始学习python时的一套学习路线,从入门到上手。(不敢说精通,哈哈~) 希望对大家有帮助哈~ 大家需要高清得完整python学习路线可以 二、数据库编程 三、Linux系统 四、网页编程 . 五、VUE框架 六、flask框架 七、Tornado框架 八、Django框架 九、自动化办公     十、爬

    2024年02月08日
    浏览(31)
  • 黑豹程序员-架构师学习路线图-百科:AJAX

    Ajax即Asynchronous(呃森可乐思) Javascript And XML(异步JavaScript和XML) 在 2005年被Jesse James Garrett(杰西·詹姆斯·加勒特)提出的新术语,用来描述一种使用现有技术集合的‘新’方法。 包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT(XML做页面转换), 以及最重要的XMLHttpRequest。 使用

    2024年02月07日
    浏览(32)
  • 黑豹程序员-架构师学习路线图-百科:JSON替代XML

    最早多个软件之间使用txt进行信息交互,缺点:纯文本,无法了解其结构; 之后使用信令,如:电话的信令(拨号、接听、通话、挂断)、国际物流的EDI报文 (Electronic Data Interchange) 电子数据交换,缺点:专有格式晦涩难懂,需要查询手册才能了解其含义; XML 扩展标记语言,

    2024年02月07日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包