编程零基础，如何入门 web 前端玩转微信小程序

Web前端相对简单，是个入行的敲门砖，但也因为它入门简单，所以大多数人都停留在了一个初级的层次。

哪第一步该如何踏出呢？

比如我是一个纯小白，学校又不教具体的知识，如何来开始第一步的学习呢？

马上去图书馆找本书？还是找个视频教程开始看？

第一步：

1 模仿

编程是一门手艺，而手艺的话都是从模仿起家的，看书、看视频都用处不大，目前是一个信息过载的社会，如何能吸收信息并让信息沉淀下来，变成自己技能，是必然要通过手敲，必须通过艰难的bug过程，必须是通过实践。

<img src=">

我们可以把知识层级理解为 看过-> 做过 ->讲过

无论如何看、如何听，掌握程度不会超过30%，而只有你真正实践过，做过，才有可能会达到75%。看过了并没有什么卵用，而是要真正的动手，对照书本、视频敲一遍、两遍、然后不看资料，按照自己的思路或者想法再实现一遍，这样才能在脑海里留下足够的印象。

2 项目制-生长学习法

如果你像初中、高中、大学那样一个个知识点的来学编程，比如我先学HTML/CSS、再学Javascript这种学习法其实是完全错误的！

知识是一个整体，而我们大脑对结构化信息才会有记忆能力，而从小的填鸭教育却将知识割裂开来，而这正是我们绝大多数人对学习感到痛苦，学不好的原因，这种学习法是完全错误的。

那什么是好的学习法呢？就如同动、植物生长一样，先把骨架搭起来，而后才是血肉，才是细胞，这样一来我们有一个具体的目标驱动，学习起来就会愉快的多，不会那么的辛苦。

所以你的学习绝不是 HTML:100% -> CSS:100% -> JavaScript:100%而应该是

Level1项目(HTML 10%+CSS10%) -> Level2项目( HTML 20%+ CSS20%+JavaScript 10%)

微信小程序和Web页面有以下联系：

语言技术：微信小程序和Web页面都使用JavaScript等一些常用开发技术，同时微信小程序基于小程序框架进行开发，而Web页面则基于HTML、CSS等相关技术进行开发。

浏览器内核：微信小程序和Web页面都需要通过特定的渲染引擎解析并展示内容。微信小程序使用基于Chrome浏览器的WKWebview内核进行渲染，而Web页面在不同的浏览器中可能采用不同的渲染引擎。

开发工具：微信小程序和Web页面通常使用类似的开发工具来进行开发调试。微信小程序需要使用微信开发者工具进行开发和发布，而Web页面可以使用各种浏览器自带的开发工具或常见的开发工具（如VS Code、Sublime等）来进行开发调试。

网络请求：微信小程序和Web页面都需要通过网络请求获取数据以及进行交互。微信小程序使用内置的wxrequest()等API进行网络请求，而Web页面使用XHR(XML>

尽管微信小程序和Web页面有着以上的联系，但它们也有着一些显著的不同之处，比如微信小程序是在一个封闭的环境下运行，并且具有更高的安全性能，而Web页面则可以直接通过浏览器访问，并且更具可扩展性。

1、网页搜索微信官网，点击打开，在首页导航栏点击帮助与反馈，如图：

2、在搜索框中搜索小程序，并点击打开

3、在出来的页面中选择“进入产品专区”，点击，如图：

4、在页面左侧导航中选择开发问题，并选择内容页面中的“小程序开发接口新增能力”，如图：

5、然后在“小程序开发接口新增能力”页面偏下的位置找到并点击“小程序支持打开移动应用功能”，如图：

6、在出现的页面中找到工具选择，打开，并选择概览中的蓝色字体“微信开发者工具”，如图：

7、最后，选择在页面中出现的第一个结果，最新下载地址，下载即可。

这是因为小程序的 navigationBarTextStyle（导航栏标题颜色）配置，就支持 black / white 两种。(小程序全局配置)

在小程序的appjson文件中配置 window属性

    "window": {

        "navigationBarTextStyle": "black"

    }

}

首先登陆微信公布的简易教程网页，登陆上去后，点击导航栏上方的“工具”按钮。然后点击左侧边的导航栏“下载”按钮。

微信小程序开发工具有windows 64,windows 32和mac版本，根据自己的电脑情况，下载适合自己的版本。

把微信小程序开发工具下载回来后，选择适合的路径进行安装。

安装完开发工具后，会自动在桌面添加微信web开发者工具图标。通过点击微信web开发者工具图标打开微信小程序开发工具，然后用自己的微信软件扫描二维码登录，进入微信web开发者工具。

进入开发工具后，那个demo是由微信提供的，我们需要点击最左小角的关闭按钮，退出当前这个项目。然后点击添加项目添加一个新的项目，进入项目信息填充界面。

如果你有微信提供的AppID，那就再AppID那里填入你获取到的AppID。如果没有，那么就点击无AppID。

在项目名称那里，填入你自己项目的名称（这个随便填）。

项目目录那里，如果你是新创建一个项目，那么首先点击选择，选择一个存放你项目的文件夹。如果你是导入项目，那么就找到你那个项目的位置，直接导入就可以了。

最后店家添加项目就可以了。

以上就是关于编程零基础，如何入门 web 前端玩转微信小程序全部的内容，包括:编程零基础，如何入门 web 前端玩转微信小程序、同一个系统微信小程序和web页面有什么联系吗、微信web开发工具在哪等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！