自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

世木尹

初步入门的前端小白

  • 博客(11)
  • 收藏
  • 关注

原创 简单的元旦烟花

元旦节当天做了个小烟花,不怎么好看吧,,,但是还是想记录下制作过程,以便回忆。。接下来是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代码:<div class="wrapper"> <!-- 承载游戏界面的盒子 --> <div class="box" id="box&am

2018-11-20 21:17:04 498

原创 学写前端原生贪吃蛇

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

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

原创 前端游戏之初步扫雷

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

2018-10-30 20:43:58 388

原创 前端游戏之初步贪吃蛇

刚看完关于js的视频,迫不急待的想试验下成果,所以试写了下贪吃蛇的效果:上面就是我写的一个简易的贪吃蛇截图,红色的为蛇头—.—。。。。下面来记录下我的代码过程html代码 <div style="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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除