自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 资源 (2)
  • 收藏
  • 关注

原创 css 样式

由于转过来的 md 文档无法展示图片,所以再放个博客吧,里面收录了我的所有笔记欢迎多多交流🥳🥳🥳博客本文收录于第二章第二节定义层叠样式表(Cascading Style Sheets)是用来控制网页在浏览器中的显示外观的声明式语言;浏览器会根据 CSS 的样式定义将其选定的元素显示为恰当的形式。引入的方式行间<div style ="height:100px;width:100px;background-color:red;"></div>style标签

2022-02-27 17:45:36 188 1

原创 html 标签

定义超文本标记语言(HyperText Markup Language),决定网页内容的含义和结构。常用的标签<h1>一级标题标签</h1><h2>二级标题标签</h2><h3>三级标题标签</h3><h4>四级标题标签</h4><h5>五级标题标签</h5><h6>六级标题标签</h6><p>段落标签</p>.

2022-01-18 06:00:00 279

原创 Markdowm 语法

标题使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题![md2.gif](https://img-blog.csdnimg.cn/img_convert/1691ecb4b64c9de02d4b2511768da1cf.gif#clientId=u48fc3602-a512-4&crop=0&crop=0&cr.

2022-01-17 23:32:27 1621

原创 ssl 认证失败的最有效地解决方案

问题:官方描述:通过对传输层进行128-256位加密,确保网络传输数据安全。使用https加密协议访问网站,为客户端(浏览器) 到服务器端之间搭建一条加密通道,实现高强度双向加密传输,保证用户机密信息安全,防止用户信息、财务信息等重要数据的窃取或篡改。换句话说是安装了SSL证书之后数据的安全更有保障认证服务器真实身份。安装过由第三方权威机构颁发的SSL证书,在浏览器地址栏可显示安全锁标识,点击可查询网站的真实身份,另外有些安装EVSSL证书网站,整个地址栏会变成绿色,一眼即可看出该网站安装了

2021-05-09 22:48:46 9223

原创 图灵聊天机器人小程序

项目描述:根据图灵API向聊天机器人发送聊天信息,并渲染返回的数据。具有清空聊天记录的按钮。本来是想上线体验版,但体验版就是发送不了信息,真机调试都好好的,图灵的聊天API免费接口一台终端一天大概只有十几次的请求…来个图Github传送门用到的组件和API:API主要用到是用于发送post请求的wx.request(),点击事件的绑定和提交事件的绑定。组件主要用的是可滚动视图组件和用于循环生成对话的block组件。生成对话的方式:首先获取到submit事件的事件对象,然后通

2021-05-07 01:05:06 10263

原创 TodoMVC模板的原生js待办事项卡片

个人待办事项记录簿简介:这是基于todoMVC模板的一个记录待办事项页面,模板地址。该模板需要自行通过npm下载初始化页面样式,而且没有各种交互的逻辑代码。该项目的交互代码是采用原生js结合es6的数组方法实现。虽然项目要实现的功能多,但实现起来都比较简单,非常适合练手。实现的功能待办事项的完成、添加、删除、全选和反选所有待办等功能,单击重新编辑待办功能、实时显示剩余未完成待办的功能、三个按钮的事项筛选功能、将所有事项存储到客户端中、一键清除所有已完成事项功能;利用单一数据流的特点对项

2021-05-04 01:31:16 582

原创 拼图小游戏

主要实现功能:图片拖动后位置的变换效果拼图成功进入更难一级游戏游戏计时github传送门哔哩哔哩演示技术栈:jQuery、面向对象方式编程实现原理:在多个子元素上利用backgroundPosition来实现多张图片拼成一张完整的图片。根据生成的子元素的数组索引来渲染出一张完整的图片,根据子元素数组的索引乱序来渲染出一张打乱的图片。(根据子元素的left和top值打乱)。子元素发生拖拽,当鼠标在棋盘外,元素不交换位置,并回到原位置;当鼠标在棋盘内,将拖动的元素和当前

2021-04-02 23:10:59 116

原创 ES6 面向对象之经典扫雷小游戏

闲话不多说,先上效果图Github传送门实现的功能点击控制后按钮可以生成对应难度的雷盘鼠标左右键点击每个格子可显示里面的数字或做标记当点击出的数字为 0 时,通过扩散算法让这个格子周围为 0 的格子显示出来随机雷的位置时不能将雷的信息保存在元素的类名上,防止用户通过检查元素类名来找到雷。游戏结束时弹出当前游戏的时间。主要思路:由于有多个游戏难度供用户选择,所以采用面向对象的方式进行编程。生成雷盘根据用户选择的难度通过循环雷盘行与列的方式来创建相应数

2021-03-06 00:41:48 455

原创 经典游戏-贪食蛇(二维数组坐标)

以前有写过一个简易版的,但也只是简单的实现了,索引的方式虽然逻辑简单,但太费性能,功能也很少,老友莫名其妙就撞到自己的BUG。所以用不同的方式又写了个版本。上图一、更新:用二维数组的方式绘制地图进入开始游戏前新加了游戏难度选择按钮实时显示得分对频繁按下方向控制按钮进行节流游戏结束自动初始页面新加游戏开始、暂停按钮二、项目技术栈:以 ES6 语法结合面向对象思想进行开发三、项目主要思路以及后期的一些优化:基本空间坐标框架首先定义游戏地图空

2021-03-03 17:23:13 553 5

原创 仿写购物商城

vue脚手架仿写哔站最火vue教学视频的购物街项目(后台数据由codewhy老师提供)B站展示github项目目录结构-assets 图片和初始化页面的基础样式 -css -images-common 封装的可以公共使用的一些工具方法-components 公共组件 -common 与项目无耦合的组件 -content

2020-12-06 20:19:18 790 1

原创 node+mongoDB实现全栈的文章发布、修改、查询和删除功能

技术栈:jQuery、node、mongodb、mongoose。业务逻辑:客户端发送请求,服务器查询或修改数据库中的数据,然后将得到的数据响应给客户端渲染。各功能实现逻辑:文章发布-客户发送获取文章发布的静态页面请求,-服务器响应文章发布的静态页面-文章编辑完毕,点击发送按钮发送异步请求,-服务器调用saveAPI将数据保存到数据库中,如果响应成功,服务器向客户端发送文章发布成功的JSON格式的数据,弹出发布成功并跳转到文章的列表页,否则响应发布失败。----跳转到文章列表页面-发送

2020-11-05 17:19:53 587

原创 GitHub的使用及快速搭建个人博客网站

GitHub的使用及快速搭建个人博客网站以我上传一个项目做示例,让新手快速搭建一个GitHub项目,然后用hexo来搭建一个个人博客以及如何去写一个博客GitHub的使用及快速搭建个人博客网站

2020-10-14 15:26:58 232

原创 gulp仿移动端网易云音乐播放界面

网易云音乐,凭借其简洁的播放界面设计、歌曲推荐系统和完善的评论机制在市场上拥有超高人气的一款音乐播放器,深受网友喜爱。所以在这个在这个举国欢庆的假日里,我的魔爪终于伸向了她。主要运用到的知识:gulp 、jQuery、 H5、 css3、 cookie等。** 实现的功能有: **播放和暂停音频:播放状态下,碟盘旋转且唱臂搭在碟盘上,暂停状态下,碟盘停止旋转且唱臂弹回,当再次播放时,碟盘从刚才停止的位置进行旋转滑屏切歌:碟盘可跟随鼠标进行滑动,且切入的碟盘刚一出现就渲染好切入盘要展现的歌曲图片,当

2020-10-06 00:35:52 507

原创 原生JS仿写手机指南针(带水平仪)

主要运用技术: css3旋转和H5定位配合js实现因为PC端没有陀螺仪,H5的GetCurrentPosition定位自己玩还要翻墙,所以我只得用移动端过下瘾。我用的是Android机,所以没有兼容IO。写在前面首先要开发这种页面需要你手机与你的电脑在一个局域网内,你还要一个服务器。我用WampServer64位腾讯管家里下的,现在不需要改服务器里的文件,直接可以用,其余的请自行百度,但一定不要在你需要用服务器打开的文件出现中文文件夹,答应我!开发的这个指南针(实际上是指北的,姑且这么叫吧)其实并

2020-09-12 23:05:25 4028 3

原创 H5画图渲染叮当猫

主要运用技术:svgsvg非常适合用来渲染大块区域不需要DOM操作的图形,且不依赖分辨率。先来张效果图代码部分:css样式:<style> :root { height: 100%; } body { height: 100%; display: flex; justify-content: center; align

2020-09-12 21:29:54 324

原创 H5雪花飘落效果

H5绘制雪花,JS实现雪花旋转飘落主要运用canvas+js实现效果图步骤:定义雪花: 每片雪花有3条线,每两条线的夹角为60度,每条线长度的一半为snowLength,中点为坐标原点;为了美观,线的长度与宽度的比为一定值;雪花下落自身旋转,给每片雪花一个水平和竖直的随机速度画出一片雪花 : 画布中顶部区域随机一个点,取这一点画一条倾斜随机角度(不要太大,否则后面旋转效果不明显)的线,根据三角函数求出线的两端点的坐标,再依次计算出另外两条线;让画出的线直接旋转是做不了的(反正我没试出来),但可

2020-09-10 03:29:46 1113

原创 复合筛选框

复合筛选框需求:根据按钮筛选出同一性别的数据。根据输入框输入的名字筛选出具有输入框里字符的数据。根据年龄将数据进行排序。项目样式图该项目主要练习操作数组的一些方法和不能改变原数据的编程思想。HTML代码<div class="wrapper"> <input type="text" > <button class="active">All</button> <button>Fem

2020-07-19 10:24:34 558

原创 贪食蛇(简易版)

贪食蛇游戏首先,这个贪食蛇做的简陋 ,但该有的逻辑一样都不少,也可以正常的游戏,写之前也看过许多别人写的代码,但是看的迷迷糊糊的。并不是说别人写的不好,而是因为我其实就是个菜鸟。那我就以菜鸟的角度来解析一下我的代码。如果你也是个菜鸟,看完之后,理清了代码思路,你可以自己写一个更好的出来,如果你是大神,看我讲完有啥遗漏的没。主要逻辑:先创建网格,每个格子都有一个唯一索引,当蛇头走到某位置时,就以这个位置的索引所代表的div上的class标记为蛇头,蛇身也一样,以这个为前提来让蛇实现移动。当按下键盘上

2020-06-12 02:05:20 317

原创 仿写淘宝首页(静态)

这是疫情在家时候无聊仿写淘宝PC端的首屏,过去的时间比较久,可能页面改了很多图片,但HTML大体排版都一样,做为巩固各种布局还是挺不错的。因为是静态的,所以没有js代码,大家看看就好。贴个样式图首先是html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

2020-06-09 22:45:14 6440 3

原创 一键生成轮播图

要学习前端,那么轮播图项目一定要自己动手写一写,

2020-06-05 16:49:45 717

原创 逆反任意长度数字

逆反任意长度数字函数var a = parseInt(window.prompt("请输入数字")); function reverseNum (num) { var str = num.toString(); var len = str.length, var sum = "";

2020-06-04 20:57:42 459

原创 当前的年月日时分秒

根据时间戳显示当前的时间var date = new Date();var month = date.getMonth() + 1; document.write("现在是北京时间 : " + date.getFullYear() + " 年 " + month + " 月 " + date.getDate() + " 日 " + date.getHours() + " 时 " + date.getMinutes() + " 分 " + date.getSeconds() + " 秒 ") ;

2020-06-04 18:17:52 185

原创 计算第n项的斐波那契的值,n可输入

在这里插入代码片

2020-06-04 18:10:36 187

个人总结的vue脑图

个人总结的vue脑图

2020-12-24

仅用于学习的gulp4的可生产配置.zip

用于新手快速入门gulp4,文件已配好压缩代码、图片并导出到指定文件夹的功能,转换less、开启服务器监听文件并在浏览器上实时更新;可用于较小项目的开发和生产。各项功能和插件都已做好注释,避免踩坑。 忘了把讲解文件压进去了,有需要的可以请找我要。

2020-09-21

空空如也

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

TA关注的人

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