&&&&小程序,巧应用-微信小程序开发实战
邀请好友参加吧
版 次：页 数：字 数：印刷时间：日开 本：16开纸 张：胶版纸包 装：平装-胶订是否套装：否国际标准书号ISBN：4所属分类：&&&
下载免费当当读书APP
品味海量优质电子书，尊享优雅的阅读体验，只差手机下载一个当当读书APP
本商品暂无详情。
当当价：为商品的销售价，具体的成交价可能因会员使用优惠券、积分等发生变化，最终以订单结算页价格为准。
划线价：划线价格可能是图书封底定价、商品吊牌价、品牌专柜价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品曾经展示过的销售价等，由于地区、时间的差异化和市场行情波动，商品吊牌价、品牌专柜价等可能会与您购物时展示的不一致，该价格仅供您参考。
折扣：折扣指在划线价（图书定价、商品吊牌价、品牌专柜价、厂商指导价等）某一价格基础上计算出的优惠比例或优惠金额。如有疑问，您可在购买前联系客服咨询。
异常问题：如您发现活动商品销售价或促销信息有异常，请立即联系我们补正，以便您能顺利购物。
当当购物客户端手机端1元秒
当当读书客户端万本电子书免费读　　在安装完“微信Web开发者工具”之后，通过开发者的微信扫码进入后，如图。
　　点击“添加项目”，填入之前获得的AppID（无AppID可忽略），输入项目名称“Hello WXapplet”,选定本地文件夹作为项目目录。
　　勾选“在当前目录中创建quick start项目”后，点击“添加项目”按钮，即已成功创建了我们第一个微信小程序项目——Hello WXapplet。
开发者工具操作与使用
　　开发者工具界面基本分为四大区域：1区“顶部菜单”，2区“导航菜单”，3区“目录文件/模拟运行”，4区“编辑/调试开发”、1区与2区是固定的。3区与4区会根据选择导航菜单区的不同功能或模式有所不同。
　　1区“顶部菜单”，“设置”是配置开发机运行程序时如何连接网络。“动作”是指“刷新”、“后退”、“前进”等操作，主要在网页或界面调试时使用。“帮助”是Web开发者工具的版本与版权声明等信息。
　　2区“导航菜单”，是开发者经常使用的功能区。特别是其中的“编辑”与“调试”功能将是开发者使用最多的重要功能。
　　点击编辑按钮，出现如图所示的界面。
　　原来的4区部分变成项目的文件列表区及对应文件的代码编辑区，我们也称之为代码编辑器。
　　代码编辑器现在支持4种文件的编辑：wxml、wxss、js以及json文件。代码编辑器还提供了较为完善的自动补全功能，大大方便了开发者。
　　代码编辑器也支持快捷键操作，部分常用快捷键如下：
　　　　Ctrl+End:移动到文件结尾　　　　Ctrl+Home：移动到文件开头　　　　Ctrl+i:选中当前行　　　　Shift+End:移动到行尾　　　　Shift+Home：移动到行首　　　　Ctrl+Shift+L:选中所有匹配　　　　Ctrl+D:选中匹配　　　　Ctrl+U:光标回退　　　　Shift+Al t+F:代码格式化　　　　Alt+Up,Alt+Down:上下移动一行　　　　Shift+Alt+Up,Shfit+Alt+Down:向上向下复制一行　　　　Ctrl+Shift+Enter:在当前行上方插入一行
　　调试功能是开发者检测代码结果实现与排查问题的核心工具，如图。
　　4区此时变成调试工具与输出区。模拟器将如实地模拟微信小程序项目在客户端的逻辑与操作表现，绝大部分的功能与API调用均能在模拟器上正确呈现。
　　调试工具与输出区的顶部是一行菜单，分别是：Console、Sources、Network、Storage、AppData、Wxml、Senser，最右边的扩展菜单项是定制与控制开发工具钮“┆”。
　Console页：控制台信息页，有两个作用：
　1）开发者直接在此输入代码并调试。
　2）显示小程序的错误输出。
　Sources页：源文件调试信息页，用于显示当前项目的脚本文件。
注意：因小程序框架会对脚本文件进行编译工作，在源文件页面中我们看到的文件其实是经过处理之后的脚本文件。所以我们编写的代码都被包含在define函数中。对于页面（page）的代码，则在打包脚本文件尾部，require函数会完成主动调用动作。
　Network页：网络调试信息页，用于观察和显示每个元素请求信息和套接字（socket）状态等网络相关的详细信息。
　Storage页：数据存储信息页，用于显示当前项目使用存储API(wx.setStorage或wx.setStorageSync)接口的数据存储情况。比如在Console中输入：wx.setStorage({key:"name",data:"King"}),则在Storage页面中就可以看到我们存储了一个Key-Value数据。
　AppData页：用于调试显示当前小程序项目此时此刻的应用具体数据，实时地回显项目数据情况。我们可以在此处编辑修改数据，反馈到当前界面上去。
　Wxml页：用于帮助开发者调试wxml转化后的界面。通过这里的调试可以看到真实的页面结构及对应的wxss属性，同时可通过修改对应的wxss属性，在模拟器中即时查看修改后的情形。（类似chrome中开发者选项中的Element、IE开发者选项中的DOM Explorer）
　导航菜单区的“项目”功能，用来显示当前项目的细节，包括图标、AppID以及目录信息等。
阅读(...) 评论()微信小程序开源项目库集合
“IT有得聊”是机械工业出版社旗下IT专业资讯和服务平台，致力于帮助读者在广义的IT领域里，掌握更专业、实用的知识与技能，快速提升职场竞争力。 点击蓝色微信名可快速关注我们！
awesome-github-wechat-weapp 是由OpenDigg整理并维护的微信小程序开源项目库集合。我们会定期同步OpenDigg上的项目到这里，也欢迎各位提交项目给我们。
如果收录的项目有错误，可以通过issue反馈给我们。这里的项目Star数不是实时更新的，一般是一周更新一次。
weui-wxss★1726 - 同微信原生视觉体验一致的基础样式库
zanui-weapp★703 - 好用易扩展的小程序 UI 库
wx-charts★400 - 微信小程序图表工具
Wa-UI★161 - 针对微信小程序整合的一套UI库
wemark★143 - 微信小程序Markdown渲染库
wux★141 - 微信小程序自定义组件
wxapp★119 - 微信小程序组件
wx-scrollable-tab-view★107 - 小程序可滑动得tabview
WeZRender★88 - 微信小程序Canvas增强组件
wxapp-img-loader★87 - 微信小程序的图片预加载组件
wetoast★74 - 仿照微信小程序提供的showToast功能
wx-alphabetical-listview★67 - 带字母可滑动的列表小程序
wx-drawer★63 - 小程序模仿QQ6侧滑菜单
wxSearch★61 - 微信小程序优雅的搜索框
wx_calendar★55 - 小程序日历
wxapp-charts★48 - 微信小程序图表charts组件
chartjs-wechat-mini-app★40 - chartjs微信小程序适配
citySelect★39 - 微信小程序城市选择器
WeiXinProject★35 - 列表的上拉刷新和上拉加载
wepy-com-charts★19 - 微信小程序wepyjs图表控件
wxTabs★13 - 微信小程序的多tab实现
wxapp-lock★12 - 微信小程序手势解锁
wepy★1057 - 小程序组件化开发框架
Labrador★737 - 微信小程序模块化开发框架
wxapp-devFrame★46 - 小程序基本的开发框架
wxParse★1001 - 微信小程序富文本解析自定义组件
wechat-weapp-redux★181 - 微信小程序Redux绑定
wxapp-socket-io★113 - 微信小程序的SocketIO客户端
wafer-client-sdk★87 - 微信小程序客户端腾讯云增强 SDK
WxNotificationCenter★81 - 微信小程序通知广播模式类
wilddog-weapp★65 - 野狗微信小程序客户SDK
wxapp-google-analytics★56 - 让微信小程序支持谷歌统计
wx-query★55 - 微信小程序仿jQuery插件
wxapp-jsapi★42 - 百度地图微信小程序
wxstream★18 - 微信小程序的响应式编程类库封装
upyun-wxapp-sdk★11 - 又拍云微信小程序
wept★1061 - 实时微信小程序开发工具
weapp-quick★316 - “微信Web开发者”拷贝工具
Wxapp.vim★206 - 微信小程序开发 Vim 插件
wechat_web_devtools★173 - 微信开发者工具Linux版
miniapps★131 - 小程序项目脚手架工具
Matchmaker★106 - 专为微信小程序开发的插件
wecos★58 - 微信小程序 COS 瘦身解决方案
m-mall-admin ★121 - 创建REST API的样板应用
NAMI ★70 - 专为小程序而生的服务端开发容器
weapp-node-server-demo ★66 - Wafer 服务端 Demo
xpmjs ★64 - 小程序云端增强 SDK
Wafer 服务端 SDK - Java ★60 - 企业级微信小程序全栈方案
weapp-php-server-sdk ★38 - 腾讯云微信小程序云端解决方案
wecqupt★255 - 在微信内被便捷地获取和传播
豆瓣电影项目★118 - 微信小程序豆瓣电影项目
hellspawn-hunter-weapp★25 - 阴阳师妖怪搜索小程序
miemie★25 - 微信小程序咩咩单词
weapp-demo★1036 - 仿豆瓣电影微信小程序
wechat-weapp-mall★702 - 微信小程序移动端商城
wechat-weapp-gank★598 - Gank微信小程序
SmallAppForQQ★544 - 微信小程序高仿QQ应用
weapp-wechat-zhihu★503 - 微信中的知乎
仿芒果TV★322 - 微信小程序demo
m-mall★284 - 实现一个移动端小商城
weChatApp-Run★251 - 跑步微信小程序Demo
wechat-v2ex★229 - 简单的v2ex微信小程序
腾讯云微信小程序★226 - 一站式解决方案客户端示例
wechat-weapp-taobao★216 - 微信小程序demo 仿手机淘宝
weapp-weipiao★215 - 微信小程序-微票
weapp-boilerplate★209 - 一个为微信小程序开发准备的基础骨架
wechat_mall_applet★189 - 巴爷微信商城的简单版本
wechat-weapp-movie★173 - 微信小程序 - 电影推荐
wechat-app-zhihudaily★168 - 微信小程序-知乎日报
fenda-mock★152 - 使用微信小程序实现分答这款APP的基础功能
wechat-weapp-mapdemo★144 - 微信小程序开发demo-地图定位
wechat-app-music★140 - 微信小程序： 音乐播放器
Artand★114 - 微信小程序
weapp-douban-film★106 - 微信小程序 - 豆瓣电影
weapp-one★99 - 仿 「ONE · 一个」 的微信小程序
wechat-weapp-redux-todos★95 - 微信小程序集成Redux实现的Todo list
weapp-zhihulive★91 - 基于Zhihu Live数据的微信小程序
wepy-wechat-demo★90 - wepy仿微信聊天界面
BearDiary★90 - 微信小程序之小熊の日记
netmusic-app★86 - 仿网易云音乐APP的微信小程序
wxflex★70 - 微信小程序的Flex布局demo
番茄时钟★70 - 番茄时钟微信小程序版
weapp-node-server-demo★66 - Wafer 服务端 Demo
wxapp-sCalc★65 - 微信小程序版简易计算器，适合入门练手
weapp-demo-session★65 - 微信小程序示例一笔到底
wechat-chat★64 - 微信小程序版聊天室
weapp-demo-breadtrip★59 - 基于面包旅行 API 制作的微信小程序示例
wechat-weapp-demo★55 - 一个简单的微信小程序购物车DEMO
weapp-girls★54 - 通过Node.js实现的妹子照片爬虫微信小程序
weapp-newsapp★53 - 微信小程序-公众号热门文章信息流
wechatapp-news-reader★52 - 新闻阅读器
wechat-app-flexlayout★52 - 从FlexLayout布局开始学习微信小程序
wxapp-hiapp★49 - HiApp 微信小程序版
weapp-github★43 - 微信小程序的简单尝试
weapp-V2ex★36 - V2ex 微信小程序版
bookbox-wxapp★35 - 集美大学图书馆的便捷工具
WeChatMeiZhi★35 - 微信小程序版妹纸图
weapp-500px★31 - 微信小程序
wxapp-2048★29 - 微信小程序2048
wx-audio★29 - 微信小程序音乐播放器应用
WXBaiSi★29 - 微信小程序仿百思不得姐
yiyaowang-wx★29 - 医药网原生APP的微信小程序DEMO
wxreading★26 - 微信小程序跟读
wechat-app-xiaoyima★26 - 仿大姨妈的微信小程序
WxMasonry★25 - 微信小程序瀑布流布局模式
hotapp-notepad★24 - 微信小程序HotApp云笔记
weapp★24 - 小程序 hello world 尝鲜
WechatApp-BaisiSister★24 - 微信小程序版百思不得姐
GankCamp-WechatAPP★19 - 微信小程序版干货集中营
PigRaising★19 - 专注管理时间的微信小程序
weapp-lolgame★18 - 英雄联盟(LOL)战绩查询
WeChat_ayibang★17 - 微信小程序仿阿姨帮
wxSortPickerView★17 - 微信小程序首字母排序选择表
weapp-douban-movie★17 - 微信小程序版豆瓣电影
wx-mime★17 - 微信小程序版的扫雷
WexinApp_1024★16 - 简单的实现了1024的游戏规则
wechat-app-githubfeed★14 - 微信小程序试玩
doule★14 - 微信小程序逗乐
wxApp★14 - 一步步开发微信小程序
wx-mina-meteor★14 - 一个 meteor 的 React todo list 例子
wxapp-mall★13 - 微信小程序商城demo
jspapa-wx★12 - jspapa微信小程序版本
CNodeJs-WXAPP★12 - 微信小程序版的CNodeJs中文社区
weapp-LeanCloud★12 - LeanCloud 的微信小程序用户登陆Demo
wejoke★11 - 微笑话微信小程序
caipu_weixin★11 - 微信小程序健康菜谱
liwushuoapp★11 - 微信小程序开发的App
weapp-sportsnews★7 - 体育新闻微信小程序
labrador_mobx_example★4 - 基于Labrador和mobx构建的小程序开发demo
来自：opendigg
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点