精华内容
下载资源
问答
  • 小程序实战总结

    2018-11-06 11:37:19
    ⽹网易易考拉 技术中⼼心 前端组 Megalo、Mpregular 核⼼心开发⽹网易易考拉 技术中⼼心 前端组 Megalo、Mpregular 核⼼心开发⽹网易易考拉 技术中⼼心 前端组 Megalo、Mpregular 核⼼心开发
  • 主要介绍了微信小程序 实战小程序实例的相关资料,需要的朋友可以参考下
  • 小程序实战视频课:微信小程序开发全案精讲(PPT+源码)
  • 最新收集整理123套微信小程序实战项目源码分享,微信小程序开发项目源码完整合集下载,已经把源码本地化,不再是链接,所以不会出现失效的状况,放心下载即可!
  • 一套小程序开发实战视频教程,主要以讲实战项目为主,项目包括: 1.计算器实战 2.天气预报实战 3.电影APP实战 4.小程序动画 下载文件中包含项目源码,可以参考学习,更多小程序开发知识,请到https://somta.com.cn
  • 小程序实战开发视频教程带源码
  • 18年最新的某课网仿火山小视频的微信小程序项目实战,是难得的使用Java后端语言做数据支撑,为广大Java童鞋想快速掌握微信小程序完整开发流程及技巧提供难得的福利,内含所有所需的源码资料,绝对适合新手入门微信...
  • 手机网站封装小程序实战步骤,里面的每一项都必须遵守,不然最后会失败
  • 微信小程序音乐播放器,leancloud后端支持,体验小程序数据绑定,Promise较为优雅解决回调。
  • 微信小程序实战

    2017-11-18 19:22:20
    微信小程序实战源码,获取豆瓣视频前250条数据信息,包括下拉刷新,上拉加载,视频搜索。适合新手学习参考,简单易懂。
  • 主要介绍了微信小程序实战之运维小项目,就是利用微信小程序实现了一个类似138的功能,输入IP就可以查看IP的详细信心,有需要的朋友可以参考借鉴,下面来一起看看吧。
  • 微信小程序实战视频教程,微信小程序实战视频教程,微信小程序实战视频教程
  • 微信小程序实战入门 内含完整实例解析_刘明洋_人民邮电
  • 小程序开发,通过使用微信官方给出的微信开发者工具,开发微信小程序
  • 微信小程序实战入门

    2018-09-25 14:23:46
    微信小程序实战入门微信小程序实战入门
  • 主要介绍了微信小程序 实战程序简易新闻的制作的相关资料,需要的朋友可以参考下
  • 主要为大家详细介绍了微信小程序实战之自定义抽屉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 想学习微信小程序开发的小伙伴可以看这个视频。 适合零基础的小伙伴 手把手实战教学,素材源码应有尽有..
  • 今天在分享个微信小程序实战 购物车功能案例。今天我们就分享这样的小教程。希望对大家有所帮助
  • 主要为大家详细介绍了微信小程序实战之顶部导航栏的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 原生小程序实战视频课程第03讲微信小程序特点介绍
  • 微信小程序实战入门(内含完整实例解析)是一本的全新的零基础小程序实战入门手册。不但讲解了开发工具的使用、框架的使用和微信API接口等相关知识点,更是结合CSS知识、html知识带领大家去解决实际开发中的一些问题...
  • 主要介绍了微信小程序 实战实例开发流程详细介绍的相关资料,这里主要介绍微信小程序的开发流程和简单实例,需要的朋友可以参考下
  • 主要为大家详细介绍了微信小程序实战之自定义模态弹窗,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 对应小程序实战-云开发项目的项目代码
  • TensorFlow,人工智能,微信小程序实战入门视频教程和资料。TensorFlow,人工智能,微信小程序实战入门视频教程和资料。
  • :sun_behind_rain_cloud:微信天气预报小程序实战开发视频教程配套源码 此教程属于开发实战系列视频教程,基于之前发布的“ 60节微信小程序开发视频教程”,更新的第二阶段实战开发视频课程。 此系列课程将直接进入...
  • 玩转微信小程序 实战高仿B站小程序

    千人学习 2020-08-10 18:15:31
    这个阶段为项目实践阶段,通过实战项目让大家深入了解和学习小程序开发,项目中同时融入了现在主流的视频内容,和有趣并贴近生活的智能闲聊功能,项目中涉及到的技术点也是由浅入深,同学们在掌握小程序的开发能力...
  • 微信小程序实战项目-one

    千次阅读 2020-10-25 10:28:02
    我先说说一下,我打算入手微信小程序,毕竟这个小程序已经很火,不用要花下载及安装的时间。其实上,只要你搜名字东西就直接打开小程序即可。 对于开发这个微信小程序和开发网页的编程很类似,比如: 网页一般...

    Chapter one

    1.前言

           我先说说一下,我打算入手微信小程序,毕竟这个小程序已经很火,不用要花下载及安装的时间。其实上,只要你搜名字东西就直接打开小程序即可。

           对于开发这个微信小程序和开发网页的编程很类似,比如:

           网页一般采用的是HTML+CSS+JS;而微信小程序采用是WXML+WXSS+JS,因此这两个很类似。但是在细节方面上,还是有点区别的,比如我选一个最常用的标签就是HTML的标签为div,而WXML的标签为view,其他的标签也有不同。另外,微信小程序采用了比如wx:if或{{}}的属性等,这些属性很像(React、Vue),一般通常用js操作DOM(HTML),比如用户点击行为事件,监听事件等。对于这个,只要你理解底层原理就可以了。

         css和wxss为样式文件,其实大部分都一样。不过,我想要初始化的需求,为了兼容各种浏览器,css可以支持通配符“*”,这个意思是整个页面的所有元素。但是wxss不支持这个通配符“*”的,只能用一个个常用的元素来进行写。

       剩下的js,我不说了!它们俩都是一样的。

       站在微信小程序的角度上,多了一个json文件,这个意思是数据格式文件。在用途上,其实app.json来作为所有的配置文件。

     

    2.微信小程序目录结构讲解

     2.1app目录下:

     app.js: 全局的数据和逻辑。

     app.json: 配置整个app的信息,可以自己添加一个tabBar(底部菜单栏)。

     app.wxss: 全局的样式设置。

     

    2.2index页面:

    pages文件夹都是页面文件夹,比如名字为index,为该页面的文件夹里包括:

    index.js:逻辑处理和数据。

    index.wxml:布局UI ,组件什么的等。

    index.json:配置页面的入口。

    index.css:样式文件。

     

    2.3创建一个页面文件夹:

            如果要创建一个页面的定制文件夹,首先在app.json里面配置页面的路径,在pages方法里面写”pages/login/login”,然后它会帮我自动创建了一个login的文件夹,具体的文件夹里面装都是(.wxml、.wxss、.js、.json)。不需要用手动一个个创建文件。

     

    3.准备IDE工具

          我自己用两个IDE工具分别是:微信开发者工具和Visual Studio Code。

          我主要是用Visual Studio Code来写代码,这个IDE工具用起来很舒服,插件非常多。另外微信开发者工具用来展示调试页面,反正它们俩会同步更新的文件。

    4.实战项目搭建

    4.1搭建目录结构

    4.2搭建项目的页面

    4.3引入字体图标

    第一步:打开Alibaba字体图标 ⽹站

    第二步:选择的图标

    第三步:添加⾄目录项⽬

    第四步:下载到本地(放在style目录下)

    第五步:将样式⽂件 由 css 修改为 wxss(小程序样式)

    第六步:⼩程序(style/iconfont.wxss)中引⼊

    4.4tabBar属性及结构

          这个tabBar(小程序)作为导航栏,一般是在小程序窗口的底部或顶部并切换页面。

         小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。

     "tabBar": {
        "color": "#999",
        "selectedColor": "#ff2d4a",
        "backgroundColor": "#fafafa",
        "position": "bottom",
        "borderStyle": "black",
        "list": [
          {
            "pagePath": "pages/index/index",
            "text": "首页",
            "iconPath": "icons/home.png",
            "selectedIconPath": "icons/home-o.png"
          },
          {
            "pagePath": "pages/category/index",
            "text": "分类",
            "iconPath": "icons/category.png",
            "selectedIconPath": "icons/category-o.png"
          },
          {
            "pagePath": "pages/cart/index",
            "text": "购物车",
            "iconPath": "icons/cart.png",
            "selectedIconPath": "icons/cart-o.png"
          },
          {
            "pagePath": "pages/user/index",
            "text": "我的",
            "iconPath": "icons/my.png",
            "selectedIconPath": "icons/my-o.png"
          }
        ]
      },
    
    

     

       接下来,后面实战的过程中顺便写笔记哈!边做边写!

      不断更新中....

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 175,961
精华内容 70,384
关键字:

小程序实战