小白使用taro框架开发小程序之笔记、见闻

1、学习查访链接

  • react官方文档:https://react.docschina.org/tutorial/tutorial.html
  • Vue官方文档:https://cn.vuejs.org/v2/guide/
  • webpack中文文档:https://www.webpackjs.com/concepts/
  • gulp中文文档:https://www.gulpjs.com.cn/docs/getting-started/quick-start/
  • grunt中文网:https://www.gruntjs.net/getting-started
  • taro中文网:https://taro-docs.jd.com/taro/docs/README.html

2、模糊概念

  • JSX是一种JavaScript的语法扩展,运用于React架构中,其格式比较像是模版语言,但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位,JSX就是用来声明React当中的元素,React使用JSX来描述用户界面。
  • Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。==》使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等)运行的代码。小白使用taro框架开发小程序之笔记、见闻_第1张图片
  • 响应式和自适应的区别:

自适应:流式布局即百分比布局(京东案例),宽度使用百分比, 文字很多使用rem了,也就是所谓的高清方案;

响应式:屏幕的大小自动的调整页面的展现方式,以及布局;

区别:两种方式的解决问题是不一样的;

自适应是为了解决如何才能在不同大小的设备上呈现相同的网页;
响应式的概念应该是覆盖了自适应,但是包括的东西更多了。响应式布局可以根据屏幕的大小自动的调整页面的展现方式,以及布局

————————————————
原文链接:https://blog.csdn.net/vivian_1122/article/details/89277795

  • var与let、const的区别:
    https://www.cnblogs.com/zhaoxiaoying/p/9031890.html
    https://blog.csdn.net/hot_cool/article/details/78302673

    1.var
    var 申明变量要么是全局的,要么是函数级的,而无法是块级的。
    定义的变量可以修改,如果不初始化会输出undefined,不会报错。

    2.let
    是块级作用域,函数内部使用let定义后,对函数外部无影响

    3.const
    定义的变量不可以修改,而且必须初始化。

    1 const b = 2;//正确
    2 // const b;//错误,必须初始化
    ————————————————
    原文链接:https://blog.csdn.net/caiyongshengCSDN/article/details/79385541

  • 对es6的理解
    ECMAScript【国际通过的标准化脚本语言】
    JavaScript的组成:

  1. ECMAScript
  2. DOM
  3. BOM
    简单理解: ECMAScript是JavaScript的语言规范,JavaScript是ECMAScript的实现和扩展。】

ES6(EcmaScript6)是新的标准:
阮一锋的EcmaScript6入门

  • Sass和less的区别:
    【 CSS预处理器是一种脚本语言,用一种专门的编程语言来进行 Web 页面样式设计,然后再转换为正常的 CSS样式,进而实现构建动态CSS样式。

    CSS 预处理器为 CSS 增加了一些编程的特性,无需考虑浏览器的兼容性问题。

    Sass和Less就是两种常见的CSS预处理器,我们可以把Sass和Less编辑的样式转换为正常css样式。】

    1、Less在JS上运行,Sass在Ruby上使用。

    Sass基于Ruby,需要安装Ruby。Less和Sass在Ruby中构建相似,但它已被移植到JavaScript中。为了使用LESS,我们可以将适用的JavaScript文件上载到服务器或通过脱机编译器编译CSS表。

    2、编写变量的方式不同。

    Sass使用$,而Less使用@。

    3、在Less中,仅允许循环数值。

    在Sass中,我们可以遍历任何类型的数据。但在Less中,我们只能使用递归函数循环数值。

    4、Sass有Compass,Less有Preboot

    Sass和LESS有可用于集成mixins的扩展(在整个站点中存储和共享CSS声明的能力)。

    Sass有适用于mixins的Compass,其中包括所有可用的选项以及未来支持的更新。

    LESS有Preboot.less,LESS Mixins,LESS Elements,gs和Frameless。LESS的软件支持比Sass更加分散,导致许多不同的扩展选项可能不会以相同的方式运行。对于项目,我们可能需要所有列出的扩展以获得与Compass类似的性能。

3、taro框架开发小程序

一些要记住的过程
小白使用taro框架开发小程序之笔记、见闻_第2张图片

小白使用taro框架开发小程序之笔记、见闻_第3张图片小白使用taro框架开发小程序之笔记、见闻_第4张图片小白使用taro框架开发小程序之笔记、见闻_第5张图片
cd myAPP 进入项目目录、进入工程的意思

小白使用taro框架开发小程序之笔记、见闻_第6张图片

小白使用taro框架开发小程序之笔记、见闻_第7张图片
小白使用taro框架开发小程序之笔记、见闻_第8张图片
上面是查询解决问题的链接书签

你可能感兴趣的:(taro框架,小程序学习)