<李小狮 / >-优快云博客

原创音频播放BackgroundAudioManager（四）

声明全局变量，记录哪一篇文章在播放

2022-12-05 18:24:24 352

原创音频播放BackgroundAudioManager（三）

记录音频是否播放，切换对应图标

2022-12-05 17:33:34 426

原创音频播放BackgroundAudioManager（二）

音频监听

2022-12-05 16:51:37 330

原创音频播放BackgroundAudioManager（一）

小程序音频播放

2022-12-05 16:19:57 309

平面设计师快速入门色彩模式1，RGB 电脑屏幕显示，颜色比较鲜艳明亮。2，CMYK 用于印刷使用，样色没有RGB鲜艳，会存在色差。校验色差，切换RGB和CMYK模式查看。图片会保留原来的模式RGB，Ctrl+Y快捷键，可以切换CMYK模式，校验查看颜色。3，灰度当图片一打开是黑白时，说明图像模式调整成灰度了。图像大小修改图像大小画布大小画布变的比图片还小，就会进行裁剪。画布变的比图片大，就会填充与图片之外。...

2021-09-27 22:18:49 564

原创设置swiper中的image宽高

微信小程序-组件-视图容器-swiperswiper 最外层用一个view包裹要设置image图片，要再swiper设置宽高和image本身设置宽高才有效不要在swiper-item中设置宽高，是无效的swiper-item在swiper 中，宽高自动设置是100%<view> <swiper style="width:100%;height:460rpx"> <swiper-item> <image style="width

2020-11-13 17:54:28 3379

原创微信小程序页面和自定义组件命名规范

页面page 命名就是文件夹名和文件名一致自定义组件命名就是文件夹名是单独一个，里面的文件名是index

2020-11-12 15:56:01 2260

原创微信小程序 px和rpx

px和rpx在微信小程序里直接使用 rpx 就可以直接自适应页面大小100px 不需要换算直接等于 100rpx但是如有特殊情况一定要使用px 那就需要转换例如：实际图片大小200px 那写在微信小程序里就要除以2 就是100px但是除以2是建立在设计图是以 iPhone6 标准机型的前提下（设计图宽度375px 或 750rpx）（1px = 2rpx）...

2020-11-11 16:39:38 565

原创引用图片文件绝对路径和相对路径

绝对路径和相对路径

2020-11-11 16:11:00 1056

原创 JSON对象和JS对象的区别

json对象：一定要加双引号而且单引号也不行，否则会报错{ "pages":123}js对象：没有双引号{ pages:123}在微信小程序中的app.json文件中，没有下一个对象不需要写逗号，不然也会报错。{ pages:123， // 没有下一个对象不需要写逗号分隔}...

2020-11-11 01:27:20 295

原创文字根据图片环绕 + 显示文字两行后省略号

首先看布局：“拼团价” 这里是图片，标题文字要环绕，第二行文字要在图片的下面1、正常的做法是：设置图片float，这样就可以实现；.info-content_title{ clear: both;}.content-title_logo{ float: left;}<view class="info-content_title"> <image class="content-title_logo" src="../img/groupBookin

2020-11-09 14:35:15 771 1

原创 VScode 中的html页面在Google浏览器中预览页面

在开发工具中打开页面浏览器中预览1、在扩展工具中下载安装view in browser2、右键点击要预览的html文件，会出现view in browser 选项3、点击就可以预览了

2020-11-09 12:09:58 899

原创 VScode 浅灰色主题

VScode 浅灰色主题Github Light Theme - Gray以前都喜欢用深色主题，就是黑色的感觉不伤眼，但是最近觉得看深色主题眼睛感觉更累，记忆力不集中的样子（个人感觉哈）。然后就找了找浅色主题，找到了这个Github Light Theme，分白色和浅灰色，我是喜欢用浅灰色的不刺眼，柔和舒服。推荐给大家！...

2020-11-09 10:20:43 4077

原创 Ajax-Http请求原理

httphttp是计算机通过网络进行通信的规则。是客户（浏览器）能够从服务器（Web服务器）请求信息和服务。http是一种无状态协议：不建立持久的连接，服务端不保留连接的相关信息。一个客户端向服务器发起请求，Web服务器返回响应，然后连接就关闭了，这个处理过程是没有记忆的；如果后期的处理需要之前相关的信息是需要重新的传递。一个完整的HTTP请求过程，通常有下面7个步骤：1、建立TCP连接2、Web浏览器向 Web服务器发送请求命令3、Web浏览器发送请求头信息4、Web服务

2020-07-26 16:53:25 232

原创 ajax 同步、异步快速了解

同步例如：填写一个表单信息：有姓名，性别，年龄，身高，体重，邮箱，手机号；需要全部添加完保存提交，服务器才能处理响应，填写的是否错误。客户端去请求服务器》服务器去处理》客户端等待》服务器响应》客户端进行页面载入》如果客户端出错》就要再去请求服务器》客户端继续等待ajax 异步例如：还是填写一个表单信息：有姓名，性别，年龄，身高，体重，邮箱，手机号；当填写完邮箱地址这一项后，就直接给服务器发送请求，服务器就去做处理和响应，如果得到你的邮箱地址填写重复，会把响应结果反映给页面，但不会重新去刷新页面，

2020-07-23 19:28:14 145

原创不用表格布局的多列布局

<view class="column col-2"> <text class="info">姓名：{{name}}</text> <text class="info">电话：{{tel}}</text></view><view class="column col-2"> <text class="info">性别：{{sex}}</text> <text class="info"&

2020-07-12 15:42:28 201

原创图片居中方法之一

display: block; width: 90%; margin-left: auto; margin-right: auto; position: fixed; left: 0; right: 0; bottom: 0;

2020-07-11 22:09:12 199

原创动态计算页面的高度、宽度

/** * 页面的初始数据 */ data: { //在模型层定义两个初始化变量 width:0, height:0 }, /** * 生命周期函数--监听页面显示 */ onShow: function () { //获取屏幕尺寸 //获取屏幕宽度 //声明临时变量width 调用系统信息wx.getSystemInfoSync()函数获取可使用窗口宽度.windowWidth var..

2020-07-11 22:03:14 675

原创复习 Flex 布局排列和对齐

<view class="container"> <view class="s1">A</view> <view class="s2">A</view> <view class="s3">A</view> <view class="s4">A</view></view>.container{ display: flex; background-color: p

2020-07-11 17:19:18 350

原创 Flex 布局 flex-grow 占用空间

1、占用空间 flex-grow没有设置 flex-grow 时：s1、s2、s3、s4 各宽度100，预留多余空白处。s2设置 flex-grow 时：占用了多余空白处，增长了自身宽度，没有了多余的空白处，自身宽度也从宽度100加到了114。s2和s3都设置了flew-grow时：同时平分了多余的空白处，并且自身宽度都增加了。<view class="container"> <view class="s1"><

2020-07-11 16:48:16 853

原创 axios请求方法及别名（delete方法）

<template> <div class="Axios"> </div></template><script>import axios from 'axios';export default { name: 'Ios', created(){ //delete请求 /** * 有两个参数‘url’和config * axios.delete('url',config) */

2020-05-26 23:51:23 438 1

转载 vue组件传值【子组件向父组件传值】emit将子组件的参数传递给父组件

<template> <div>   <div>要发送给父组件的值：<span style="color:red">{{msg2}}</span></div> <button type="button" @click="toParent">向父组件.

2020-05-26 17:17:16 496

转载 vue组件传值【父组件向子组件传值】props接收来自父组件的参数

<template> <div>     <div>发送给"child子组件"的信息是：{{msg1}}</div> <!-- 父.

2020-05-26 15:28:00 829 2

转载 vue for嵌套循环

<template> <div>  <div v-for="item in lists" :key="item.id" :value="item.value" :label="item.

2020-05-26 11:06:07 1957

转载 vue 同一个for循环列表,绑定不同的点击事件

<template> <div> <h3>同一个for循环列表,绑定不同的点击事件</h3> <div class="list" v-for="(item,index) in items" :key="index"> <p>{{item.title}}：{{item.styl}}</p> <button type="button" @click="update(item.n.

2020-05-25 16:40:14 5689 4

转载实例充值金额：样式绑定和双向数据绑定

<template> <div class="recharge_hurg"> <ul>  <li :class="[index == status ? 'bechoice':'']" v-for="(i.

2020-05-25 11:20:28 315

原创 axios请求方法及别名（post和put、patch方法）

post<template> <div class="Axios"> </div></template><script>import axios from 'axios';export default { name: 'Ios', created(){ //post方法一 /** * 有三个参数：url请求路径、请求的数据data、config * 例如：axios.post('/ur

2020-05-25 00:24:11 1584

原创 axios请求方法及别名（get方法）

get方法

2020-05-24 21:38:51 1196

原创 router路由两种引用方式的区别

import Vue from 'vue'import VueRouter from 'vue-router'//1、直接把组件引入进来,不关路径访问或不访问,都把组件引用进来import Home from '../views/Home.vue'import Ios from '../views/Ios.vue'Vue.use(VueRouter) const routes = [ { path: '/', name: 'Home', component: Ho

2020-05-23 15:48:42 938

原创 axios请求方法及别名

axios请求方法及别名请求方式具体是由后端定义axios请求方法：get,post,put,patch,deleteget:获取数据post:提交数据(表单提交 + 文件上传)/一般用于新建put:编辑数据/更新数据(将所有的数据,全部都推送到服务端/后端,更新到数据库中)/一般用于更新patch:编辑数据/更新数据(只将修改的数据,推送到服务端/后端,更新到数据库中)/一般数据比较多,推送一次也比较耗费性能,所以会用patch,只推送更改后的数据delete:删除数据...

2020-05-23 15:04:01 350

原创 axios 安装和 vue的生命周期

axios 安装yarn add axios检查是否安装成功：axio请求例子：<template> <div class="home"> </div></template><script>//引入axiosimport axios from 'axios';//补充知识点：vue的生命周期//vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染》更新》渲染、卸载等一系列过程，我们

2020-05-23 14:43:24 477

原创 vue文件注释规范

2020-05-19 14:06:34 1885

原创 FastStone Capture 自定义位置长截图

个人觉得最好用的功能就是可以在页面上自定义位置，自动长截图。

2020-05-12 17:07:13 361

原创 SceenToGif 屏幕截取动图（gif）工具

官网：https://www.screentogif.com/下载地址：https://github.com/NickeManarin/ScreenToGif/releases/tag/2.14.1安装成功：录制：保存

2020-05-12 16:48:30 505 1

原创 VScode 设置zh-cn

Ctrl+Shift+P

2020-05-11 23:08:20 895

原创创建Vue组件快捷键模板

VScode》文件》首选项》用户片段》vue.json(Vue)模板：{ "Print to console":{ "prefix": "vue", "body": [ "<template>", "</template>", "", "<script>", "export default {", " components:{},", " props:{},", " data(){"

2020-05-11 18:33:56 1531

原创 Vue 点击列表选中后添加在新列表

<template> <div> <div @click="choose(index)"> index 键值(列表的索引值) 代表点击到第几个</div> <ul class="main">   <!-- 3、添加点击样式ac

2020-05-11 18:26:52 1533

原创 pc端-轮播图和二级菜单

本篇目录轮播图加二级菜单轮播图加二级菜单 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: ...

2020-03-21 05:28:05 687

原创 pc端-轮播图

本篇目录轮播图轮播图

2020-03-19 04:51:04 398

空空如也

空空如也