世木尹-CSDN博客

原创简单的元旦烟花

元旦节当天做了个小烟花，不怎么好看吧，，，但是还是想记录下制作过程，以便回忆。。接下来是html代码：<div class="wrapper"> <div class="contain"> <span class="ziti">元旦节快乐！</span>

2019-01-03 22:03:16 717

原创前端游戏之原生js-猴子吃水果

偶然想到曾经在无智能手机时代，玩过的一款游戏，游戏名忘了，只记得内容，游戏内容是一个猴子在树木之间跳跃，吃水果，躲炸弹，防虫子，其他的记不太清，大致是这样的玩法，似乎是某款诺基亚上的游戏。。。。。。-_-!!。。。。。。由于执念太强，所以试着用html和原生js写下，倒是写出了个半吊子，唔----算是有个小样子吧。。。先看下游戏展示图：接下来是html代码：在这里插入代码片...

2018-12-08 23:28:44 544

原创学写前端原生扫雷

最近看完了视频贪吃蛇和扫雷，都是非常经典的游戏，且代码较为简单，接下来记录上扫雷代码的过程。先截个图，看看效果：首先html代码：&lt;div class="wrapper"&gt; &lt;!-- 承载游戏界面的盒子 --&gt; &lt;div class="box" id="box&am

2018-11-20 21:17:04 498

原创学写前端原生贪吃蛇

看了人家视频上写的贪吃蛇，瞬间觉得自己low爆了。。。。就学他写了三遍，以我的记性，觉得还是有必要记录下过程，以便记忆。先看下截图：首先html分析：注：下列的id是用在js里的，class是用在css里的 &amp;lt;div class=&quot;startPage&quot; id=&quot;startPage&quot;&amp;gt; &amp;lt;!

2018-11-18 13:39:06 2932 1

原创前端游戏之初步扫雷

扫雷应该算是最基础的js入门游戏吧，所以刚学完js就来写写扫雷的代码，初步思路想了很久，得出一个不算正规的扫雷思路，先放下图看看：注：上图中的字体颜色，是我为了查看每个小方块执行的是哪步的注释，可忽略。具体思路：先用ul&gt;li首先是扫雷界面的设定：html代码：&lt;ul class="ul1"&gt; &lt;br/&gt;

2018-10-30 20:43:58 388

刚看完关于js的视频，迫不急待的想试验下成果，所以试写了下贪吃蛇的效果：上面就是我写的一个简易的贪吃蛇截图，红色的为蛇头—.—。。。。下面来记录下我的代码过程html代码 &amp;amp;amp;amp;amp;lt;div style=&amp;amp;amp;amp;quot;width:30px;height:30px;background-color:red;position:absolute;left:0px;top:0px;&

2018-10-24 20:46:17 845

原创技术小白之记录微信小程序客服功能

程序做到上线，必不可缺的便是使用户在使用你制作的程序时，能够反馈回一些建议，这就需要客服的功能了。客服功能，官方微信上有提供专门的组件，如下：客服消息会话入口有两个：1、小程序内：开发者在小程序内添加客服消息按钮组件，用户可在小程序内唤起客服会话页面，给小程序发消息；2、已使用过的小程序客服消息会聚合显示在微信会话“小程序客服消息”内，用户可以在小程序外查看历史客服消息，并给小程序客服...

2018-10-02 22:52:07 885

原创技术小白之记录微信小程序顶部导航栏

现在来说说顶部导航栏的代码，先来看看简单的顶部导航栏的截图：可以从上面的图片看到有写着[简介]和[试看]的导航栏内容，下面来记录下代码过程：wxml <view class="navbar"> <text wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTa.

2018-10-01 16:23:15 2230

原创技术小白之记录微信小程序底部导航栏

有了图片有了文字怎么能没有导航栏呢，所以下面来记录下底部导航栏的过程，先展示下我做的简易的导航栏图片。可以在上面的图片中看到底部的包含“推荐”“反馈”的一个底部导航栏。制作导航栏只需要打开微信小程序app.json，向{}里填入下列代码： "tabBar": { "color": "#a9b7b7", "selectedColor":

2018-09-27 21:18:07 326

原创技术小白之微信小程序的图片加文字链接

在多彩的图片呈现下的程序必不可缺的便是文字的搭配，图片勾起兴趣，文字辅助表达，多数情况下我们上传的图片都需要在它周围添上合适的标题，以便美观和表述清晰。下面是简单的图片文字链接的截图：说到图片和文字的链接就不得不理下思路：首先我想要在小程序内显示图片文字信息，且在点击目标图片或文字时，可以转到我希望到达的另一个目标页面，这就表示我们需要在图片和文字外围用navigator将它们包裹住，其次如上...

2018-09-26 19:38:09 17583 3

原创技术小白之记录微信小程序轮播图

初次尝试微信小程序的简单制作过程中，必不可缺的便是主页上的轮播图，在大多数的页面上不难见到的第一眼便是轮播图。本小白在这上面翻阅了许多资料，初步制成一个简单的轮播图，下面介绍下制作过程，以便记忆。说到轮播图，就必须要了解下swiper（滑块视图容器），具体用法微信公众平台介绍的很详细，网址：https://developers.weixin.qq.com/miniprogram/dev/co...

2018-09-25 21:38:43 466 1

世木尹