自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

叶小桃的博客

厚积薄发

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

原创 flex布局实现骰子的6种布局

思路:首先是纵向布局flex-direction: column,并且主轴方向将其两端对齐justify-content: space-between(也就是上下靠边),然后将第二个子元素居中对齐align-self: center,第三个子元素靠后对齐align-self: end。整个页面分为6骰子的面,分别为点数1到6。点数1:典型的居中布局。

2023-06-13 20:28:31 1339

原创 解决The default interactive shell is now zsh.To update your account to use zsh ... 的问题

解决 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`. 的问题

2022-11-06 15:32:36 5654

原创 es6两个数组取交集、并集、差集、补集

es6两个数组取交集、差集、并集、补集

2022-09-29 11:06:43 4442

原创 加载.md文件

webpack是不能直接加载.md文件的,但是一些博客或者文章指导类的内容通过markdown进行编辑管理是比较常见的,这就需要我们进行一些配置,使webpack能够加载.md文件,并将文件内容展示到网页上。

2022-09-27 19:48:25 1805

原创 二次封装 el-table

二次封装el-table:表格是最高频的组件之一,其中一般包括搜索条件、表格展示、表格操作列、分页等

2022-09-23 17:27:04 5099 7

原创 移动端让页面强制横屏

一般的手机游戏都是采用横屏的设计,视角更宽,游戏体验更好。最近公司在做一个类似天天酷跑的跑酷类游戏,就需要做横屏。试想一下,当用户打开你的游戏地址,你提示用户要开启手机里的横屏模式才能玩,这时候用户早就不耐烦的把你的游戏关掉了。那么唯一能想到的解决办法就是强制横屏。1、设计思路:在竖屏状态下默认是横屏显示的,当用户手动开启了横屏模式,页面的横屏模式自动转换过来,也是横屏显示的2、实...

2018-07-18 15:59:48 184

原创 检测微信和支付宝浏览器

判断是否是在微信端还是支付宝端浏览器打开

2018-06-21 16:25:27 93

原创 如何在H5页面上添加音乐播放

在制作网页的时候,经常会遇到一些带音乐播放的场景,作品的右上角有一个音频按钮,会播放音乐,点击切换播放和暂停。下面就讲一讲如何在h5网页上添加音乐播放。        其实是很简单的,只需要简单几步就可以完成了1、加入HTML代码,因为是绑定在每一页的右上方(或者其他位置),所以定位用了fixed,在页面底部/body之前加上html代码

2017-09-27 10:39:33 34769 10

原创 在网页中加入天气

本文主要介绍:如何在自己的网页中加入天气预报1、现在有很多网站已经给我们提供了很多很好的API供我们使用,有些事收费的,有些事免费的,根据项目要求和经济实力,各取所需吧。2、  其实不用过于担心,我们不需要写一个方法获取当前地理位置,也不需要写一个接口对应当前位置的天气,对于这点中国天气网提供了良好的接口,我们只需要在需要加入天气预报的地方加入下面这段代码便可以了:

2017-05-19 17:12:34 5698 3

原创 在网页中嵌入百度地图和使用百度地图api自定义地图

本文章主要介绍:在网页中嵌入百度地图和使用百度地图api自定义地图的详细步骤最终效果图

2017-05-08 21:18:34 2889

原创 oracle中进行简单树查询(递归查询) ,PRIOR、CONNECT_BY_ROOT的用法

1、有下面样式的5层树形数据,现在要筛选基层以及基层以下所有数据select * from AUTH_ORGANIZATION_TB t start with t.org_id = 32connect by prior t.org_id = t.org_id_superior order by t.org_id_superior,org_id2、如

2017-04-28 13:58:44 1721

原创 jquery编写选项卡Tab页跳转功能

前面写过用JavaScript原生代码写选项卡tab页的跳转的方法,在后来的学习工作过程中,发现并不是很实用,这里分享一个jquery的写法,比较简单,也比较容易修改套用,适合初学者学习和使用。1、首先是菜单tab标签        使用ul-li列出菜单tab,并设置ul的class为st-menu-tab 目录 笔记 答疑 评论2、然后是内容页

2017-04-17 16:03:38 1439

原创 css设置滚动条样式

近期在做一个项目,由于主题风格是黑色的,而浏览器默认的滚动条的风格放到页面上颜色太突兀,就想着该给它修改一下样式,以下是我整理的通过css设置滚动条样式。        查了很多资料,由于各个浏览器都有各自不同的滚动条设置方法,有些甚至不支持修改样式,这里就三大浏览器Chrome、IE、firefox说一下他们的样式设置。1、webkit下面的css设置滚动条        主要有

2017-04-14 13:55:13 4214 1

转载 侧边导航过渡效果集

看到好的作品,忍不住想要收藏,转载地址:http://www.gbtags.com/gb/rtreplayerpreview/1525.htm 14种侧边导航滑出动画效果 @import url(http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstra

2017-04-12 10:46:04 1027

原创 侧边栏滑动效果

侧边栏滑动效果 *{ padding:0; margin:0; } #oLeft{ width:200px; height:550px; background-color: #ccc; left:

2017-04-07 13:09:05 1026

原创 JavaScript原生代码编写选项卡Tab页跳转功能

本文主要介绍使用 JavaScript 原生代码编写选项卡Tab页的跳转功能

2017-04-01 09:57:55 3013 1

原创 Navicat 创建数据库和表之使用命令创建

上篇介绍了使用 Navicat 图形化界面创建数据库和表,现在介绍一下使用命令创建数据库和表的方法。  首先,依然是需要一台已经配置好MySQL数据库和安装了Navicat客户端的电脑。使用命令创建数据库和表的具体步骤如下:1、使用前一篇的方法连接上MySQL2、连接上MySQL之后,在连接列表里找到我们的连接,右键单击,选择【命令列界面】,打开命令列界面3、在命令列界

2017-02-26 10:25:09 38678 3

原创 Navicat 创建数据库和表之图形化界面方法

本文主要介绍 Navicat 连接 MySQL 使用,创建数据库和表。   创建之前,我们需要一台已经配置好MySQL数据库和安装了Navicat客户端的电脑。   使用Navicat创建数据库和表有两种方法,分别是使用图形化界面创建和使用命令创建。一、使用图形化界面创建1、首先我们打开Navicat这款软件,图形界面如下图1所示,在菜单栏中选择建立与数据库的连接(或者从菜单栏【文

2017-02-18 20:21:44 17990 2

原创 ECharts 绘制图表

firstChart   本文介绍一下如何使用ECharts框架绘制图形(说明:本文例子使用的是ECharts 3)一、引入echarts    ECharts 3 引入的方法和普通的JavaScript库一样,只需要一个script标签即可 firstChart

2017-02-17 14:32:31 1265

原创 MySQL 5.7 添加用户与授权

MySQL 5.7 的用户表mysql.user表没有password字段,改成了authentication_string下面说一下我的具体步骤:一、创建用户创建用户的命令:CREATE USER 'username'@'localhost' IDENTIFIED BY 'password';username:你将要创建的用户名localhost:要连接的

2017-02-16 16:48:08 5408

空空如也

空空如也

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

TA关注的人

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