微信小游戏
服务类目
选择“游戏”
子类目
选择“休闲游戏”
[外链图片转存失败(img-op5gSexF-1564063066158)(https://upload-images.jianshu.io/upload_images/11158618-219024d9349cd9ee.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-2x3HivMC-1564063066162)(https://upload-images.jianshu.io/upload_images/11158618-c48c91bc846706d7.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-2lUrPObG-1564063066163)(https://upload-images.jianshu.io/upload_images/11158618-17f79821c7546bc0.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-KJtH1WOf-1564063066164)(https://upload-images.jianshu.io/upload_images/11158618-65589704e2baea99.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
基础不牢固，技术不全面，不能灵活编码
技术过时，跟不上主流技术的发展
缺乏真实项目经验，脱离企业实际要求
缺少工作问题解决能力
[外链图片转存失败(img-Hno7brOK-1564063066166)(https://upload-images.jianshu.io/upload_images/11158618-7a766ceb756b341d.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
系统全面的知识体系
[外链图片转存失败(img-HEly0Nmm-1564063066169)(https://upload-images.jianshu.io/upload_images/11158618-fe28533ef93c1036.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
企业主流的开发技术
[外链图片转存失败(img-IWrfBT8B-1564063066178)(https://upload-images.jianshu.io/upload_images/11158618-01c857e40dafe77c.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
丰富完整的项目经验
[外链图片转存失败(img-Qooa1CGv-1564063066179)(https://upload-images.jianshu.io/upload_images/11158618-b64004af86e22aa9.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
师从大厂技术大牛
[外链图片转存失败(img-1OnDaQDp-1564063066183)(https://upload-images.jianshu.io/upload_images/11158618-a8eb696c22109415.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
快速高效学习方法
[外链图片转存失败(img-jimbiGsj-1564063066184)(https://upload-images.jianshu.io/upload_images/11158618-218d0dba737b7cb2.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-4KUn8Hhi-1564063066187)(https://upload-images.jianshu.io/upload_images/11158618-456a434fa44cfcea.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
HTML制作网页的结构和内容
css负责网页的样式
JavaScript完成和用户之间的动态交互
[外链图片转存失败(img-pdogpSf1-1564063066189)(https://upload-images.jianshu.io/upload_images/11158618-fce851eaf3b28083.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-OFg8fLfh-1564063066193)(https://upload-images.jianshu.io/upload_images/11158618-1b806cc72f48d1c2.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-AjZuXoZ1-1564063066195)(https://upload-images.jianshu.io/upload_images/11158618-50e1158bb620b1cf.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-xZxC2VUQ-1564063066196)(https://upload-images.jianshu.io/upload_images/11158618-22e1edd245bd7001.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-ccoc4dur-1564063066199)(https://upload-images.jianshu.io/upload_images/11158618-09360cb083f1a777.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-PO3Wc9KD-1564063066201)(https://upload-images.jianshu.io/upload_images/11158618-4fafd2f4b19d04b7.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-TyOdunBv-1564063066203)(https://upload-images.jianshu.io/upload_images/11158618-1eaabca644362589.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
html的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>
声明+HTML整体
根标签只有一个，页面中所有的内容都在根标签里，head标签，头部信息，meta标签，charset标签，编码格式，title标题，body网页内容
在开发者工具可以看到，小游戏只有两个必要文件：
game.js
game.json
game.js 小游戏入口文件
game.json 配置文件
[外链图片转存失败(img-PXRmgxbt-1564063066205)(https://upload-images.jianshu.io/upload_images/11158618-a350cf8696863e8a.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-32cV9G6j-1564063066206)(https://upload-images.jianshu.io/upload_images/11158618-6375bde560f654ef.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-EAM3eTAf-1564063066207)(https://upload-images.jianshu.io/upload_images/11158618-0b06759f7b253f04.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-DVckeJqg-1564063066209)(https://upload-images.jianshu.io/upload_images/11158618-e2d66045475ab8ad.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-dBsOF6D4-1564063066211)(https://upload-images.jianshu.io/upload_images/11158618-7b1b5c275b4c7636.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
css语法结构
[外链图片转存失败(img-xE2B0u2G-1564063066213)(https://upload-images.jianshu.io/upload_images/11158618-5be54a5344773386.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
元素选择器
h1
类选择器
.div
ID选择器
#div
属性选择器
[name=“shu”] { color: red; }
通配符
- {}
小游戏中，只能使用 JavaScript 来编写小游戏。但不同于浏览器环境，小游戏环境没有 BOM 和 DOM API，只有 wx API. 接下来我们将使用 wx API 来完成创建画布、绘制图形、显示图片以及响应用户交互等基础功能。
[外链图片转存失败(img-NQq3E6Vr-1564063066214)(https://upload-images.jianshu.io/upload_images/11158618-1f0ca77f3036d395.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-iGBHkesM-1564063066215)(https://upload-images.jianshu.io/upload_images/11158618-fcd0ba2a8977bc38.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
px像素，1280x720
[外链图片转存失败(img-EZLVvGuF-1564063066219)(https://upload-images.jianshu.io/upload_images/11158618-f1c88d54f0155060.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
抖音风格字体效果
text-shadow属性
[外链图片转存失败(img-X3luNJXX-1564063066220)(https://upload-images.jianshu.io/upload_images/11158618-a0d422466327a080.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-ImYtsyW5-1564063066222)(https://upload-images.jianshu.io/upload_images/11158618-ac8087129722121e.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
[外链图片转存失败(img-3yLIJMsB-1564063066223)(https://upload-images.jianshu.io/upload_images/11158618-bec1445cd01f97ad.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
background-color:gray;
}
h1{
font-size:68px;
color:white;
/*此处填写代码*/
text-shadow: -1px -3px #ff00de, 0 0 20px #ff00de;
}
</style>
</head>
<body>
<h1>dashu</h1>
</body>
</html>
[外链图片转存失败(img-pWeXmdA4-1564063066226)(https://upload-images.jianshu.io/upload_images/11158618-b4b6c3cedb15716f.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]
创建画布：
const canvas = wx.createCanvas()
若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。
请点赞！因为你们的赞同/鼓励是我写作的最大动力！
欢迎关注达叔小生的简书！
这是一个有质量，有态度的博客
[外链图片转存失败(img-jDVvcVba-1564063066227)(https://upload-images.jianshu.io/upload_images/11158618-9ab0d3fef85d80ce?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]