自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

王佳斌

仁者见之谓之仁,智者见之谓之智。

  • 博客(15)
  • 资源 (4)
  • 问答 (1)
  • 收藏
  • 关注

原创 uni-app - 自定义安卓模拟器配置到MUMU模拟器运行程序(电脑手机模拟器运行)

前言有时候,可能需要将 uni-app 项目运行到电脑的手机模拟器,比如 MUMU 模拟器,如下图所示:第一步下载传送门:http://mumu.163.com/下载 MUMU 模拟器,很简单。第二步接下来,配置模拟器端口以及 adb 路径,在 HBuilder 安装目录中找到如下路径:保留窗口。紧接着打开 HBuilder 编辑器,在菜单栏依次点击 运行 → 运行到手机或模拟器 → Android模拟器端口设置 :填写你的 adb 路径(指向到 adb.exe),端口 7555

2020-12-31 15:42:13 472 2

原创 CSS - 左右摇曳摆动动画(无限循环)

效果图代码@-webkit-keyframes demo{ 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%,100% { transform: rotate(0deg); } }/* 使用

2020-12-28 15:18:13 661 1

原创 un-app - 单行文字和多行文字溢出隐藏显示...(超出容器最大宽度不换行)

前言如下图所示,可控制单行或多行溢出处理。实现给容器加入以下 css 代码:.text{ display: -webkit-box; /*弹性伸缩盒子模型显示*/ -webkit-box-orient: vertical; /*排列方式*/ -webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/ overflow: hidden; /*溢出隐藏*/}...

2020-12-24 18:50:04 945 2

原创 uni-app - 将元素固定在顶部且下拉页面不会露出顶部空白(强吸顶)

前言如果普通的方式固定住,刷新页面动作(下拉页面)会在顶部出现空白块。有时候,我们需要将一个元素 “牢固” 定在一个位置,无论页面怎么上拉下滑,都不会偏移或露出顶部安全距离。实现给最外层父容器加上以下 css 代码即可。view { position: fixed; left: 0; right: 0; top: 0;}...

2020-12-24 18:30:16 1414 2

原创 uni-app - APP平台禁止页面滑动(无法上下滚动屏幕页面)

前言注意:仅 APP 平台,在 pages.json 中进行配置。有些时候,我们需要将页面固定住,让用户无法下拉与滚动页面。全局配置在 globalStyle 中进行配置,便是所有页面均有效。"globalStyle": { "app-plus": {//app平台 "bounce": "none"//禁止滚动 }},局部配置在该页面 style 中进行配置,仅对该页有效。"path": "pages/login/login","style": { "app-plus":

2020-12-23 12:03:47 2266

原创 uni-app - 去除隐藏页面右侧垂直滚动条(App/全平台)

前言uni-app 项目中,想去除右侧滚动条很简单,只需要进行简单配置即可。全局配置全局配置下,除了 app 平台有差异(所以 app-plue 单独配置下)都会生效。"globalStyle": { //全局配置 "scrollIndicator":"none", // 不显示滚动条 "app-plus":{ "scrollIndicator":"none" // 在APP平台都不显示滚动条 } }局部配置与全局配置一样,只不

2020-12-23 11:15:40 745

原创 uview - 环境搭建详细教程(windows)

前言uview 依赖 scss ,如果您还未安装该插件请先安装:https://ext.dcloud.net.cn/plugin?id=2046声明,本文只适用于使用 HBuilder X 创建 uni-app 项目的小伙伴,如果您是使用 vue-cli 创建,请您移步其他文档资源或在本文寻找资源。下载传送门:https://ext.dcloud.net.cn/plugin?id=1593进入插件市场后,点击如下图所示下载按钮:下载后,您会得到 manifest.json 与 uvie

2020-12-22 21:55:01 870 2

原创 JavaScript - 根据对象数组中某一属性删除该项(根据数组对象属性删除里面的对象)

前言有时候,我们需要根据 某一属性与属性值 找到数组对象中对应的该项。例如,现有如下结构数组对象:// Array Objectconst arr = [ { name: '王佳斌', age: '20' }, { name: '孙玉红', age: '15' }]现在,我们要删除 年龄=15 岁的项,预期如下代码所示:// Array Objectconst arr = [ { name: '王佳斌', age: '20' } // 被删除]解决方案由于使用了 sp

2020-12-21 16:13:16 1385 4

原创 uni-app - 配置 Vuex 状态管理(在 uni-app 项目中使用 Vuex 状态管理)

前言uni-app 内置了 Vuex 状态管理,我们只需要配置好便可使用。配置 Vuex 很简单,只需要以下几步操作便可使用。一、第一步在项目最外层新建 store 文件夹,并在该文件夹下新建一个 index.js 文件,写入以下代码。// store/index.jsimport Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex);const store = new Vuex.Store({ state : {

2020-12-16 22:10:41 621

原创 uni-app - 去掉 button 组件自带的边框线

前言组件文档:https://uniapp.dcloud.io/component/button有时候,我们需要去掉 button 组件自带的边框线。解决方案直接在该页面或全局使用以下代码:button::after { border: none }

2020-12-16 20:38:28 1216

原创 uni-app - 更改默认 checkbox 组件样式(变为实心圆/更改√对号大小等)

前言组件文档:https://uniapp.dcloud.io/component/checkboxcheckbox 组件默认样式很难看,但大部分样式写法都覆盖不掉。解决方案注意:请将以下代码放置在 app.vue 中,否则更改可能无效,也不要在 style 中增加 scoped 属性。根据你的需求,可在以下代码中进行修改即可。uni-checkbox-group{ width: 100% !important; }uni-checkbox-group uni-label{ wid

2020-12-16 20:29:13 1265

原创 JavaScript - 获取字符串字节数(函数封装)

前言有时候,我们需要判断一个字符串的 字节数,下面是封装好的函数,您直接传参接收返回值即可。代码调用函数,然后传入要获取字节数的字符串。/* * 获取字符串字节数 * @param {Object} str - 要获取的字符串 * @return Number */function getStringByte(str){  var byteLen = 0, len = str.length;  if(str) {   for(var i = 0; i < len; i++)

2020-12-05 20:48:41 570

原创 uni-app - uni.request 网络请求超时时间配置(全局超时时间配置)

前言官方配置文档(networktimeout):https://uniapp.dcloud.io/collocation/manifest?id=networktimeout有时候,我们需要对接口做一个超时处理,即 当接口请求后多长时间内无结果处理 。uni-app 已经帮我们做了超时处理,我们只需要配置一下即可。一、第一步打开 manifest.json ,点击菜单栏左侧最底部源码,如下图所示:二、第二步在配置文件外层加入以下代码:"networkTimeout": { "req

2020-12-05 20:11:41 1561

原创 uni-app - 监听用户滚动屏幕开始与结束(解决方案)

前言uni-app 提供了 onPageScroll(){} 监听滚动条事件,但是无法判断滚动结束。当我们需要知道 用户滚动屏幕和结束滚动 需求时,onPageScroll(){} 就无能为力了,但通过改造可实现。解决方案整体思路:在全局定义一个变量 timer,用来记录 定时器 状态,在滚动的期间一直清除延时事件 一旦空了 N 秒就判定为滚动停止,在滚动开始与结束的代码段中,赋值给一个变量标识(挂载到data上)。主要是如何判断结束滚动,具体看以下代码,请您注意代码所在位置。var t

2020-12-04 13:14:23 1289

原创 uni-app - 刘海屏(Iphone X)底部横杠(——)白色区域块(安全距离处更改颜色)解决方案

前言场景:因为要做无 tabbar 页面,所以在配置文件中取消底部导航栏。取消后,iPhone X(刘海屏) 底部就出现如下图所示白色安全区域问题:这个问题,是因为 uni-app 默认会为 iPhone X(刘海屏) 留出安全距离,这个 安全距离的背景色就是白色。 所以,如果你将页面颜色设置为其他颜色,就会与默认白色冲突。有 2 个不同的解决方案(原生占位),虽然原理是一样,但使用的场景不同,请根据您的需求来采纳。一、自动适应(推荐)将所有 iPhone X(刘海屏) 底部安全区域背

2020-12-02 12:30:01 1606

ScreenToGif2193.zip

windows 最好免费录制 GIF 图片软件,操作非常简单,功能丰富,可用于写博客时录制程序效果等等。

2020-08-27

同一局域网内实现教师机通过IP地址传文件给学生机

这是一款用于在同一局域网中,进行文件传输的小工具。如:在一个机房里,老师可以通过这个软件(前提同一网络下),把课件上传到一个随机生成的ip地址中,学生们通过浏览器访问IP地址的方式,下载到课件,且学生机不需要网络!

2019-05-11

Insomnia_setup.6.6.2.rar

类似postman,REST接口测试工具【官网最新版】。 【针对 官网下载困难、网络限速或请求不到、无法下载 这些问题放出该资源】

2019-08-11

mysql rpm.zip

红帽版mysql rpm包,版本为5.7.26,里面包含四个rpm包: (1)mysql-community-common-5.7.26-1.el6.x86_64.rpm (2)mysql-community-client-5.7.26-1.el6.x86_64.rpm (3)mysql-community-libs-5.7.26-1.el6.x86_64.rpm (4)mysql-community-server-5.7.26-1.el6.x86_64.rpm 本人已经安装成功,特此拿出来供需要的人使用。

2019-06-13

空空如也

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

TA关注的人 TA的粉丝

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