yzp0112-CSDN博客

原创 show-menu-by-longpress遇到问题记录

二维码图片小：在开发者工具中长按出现识别二维码选项；真机预览没有出现；把二维码放大正常

2022-06-22 10:27:10 1413 4

选中时显示引导线详细信息...tooltip: { trigger: 'item', // formatter: '{a} <br/>{b} : {c} ({d}%)' formatter: '{a} <br/>数量统计 : {c}'},series: [{ name: '会员', type: 'pie', radius: '60%',//饼图的半径 center: ['50%', '60%'],//饼图的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐

2022-05-05 15:22:23 1946

原创 uni-app 绘制折线

<template> <view> <view class="table"> <view class="t-h"> <view class="t-r" v-for="item in list" :key="item">H{{item}}</view> </view> <view class="t-b" v-for="(item,index) in bList"> <.

2022-03-10 16:14:26 977

原创 css渐变笔记

文章目录线性渐变径向渐变两个渐变叠加配合背景图平铺重复线性渐变进行叠加操作渐变色的文字渐变的边框线性渐变/*background-image: linear-gradient(direction, color-stop1, color-stop2, ...);direction 用角度值指定渐变的方向（或角度）。color-stop1, color-stop2,... 用于指定渐变的起止颜色。*/background-image: linear-gradient(to right, red ,

2021-12-28 11:10:32 299

原创 mysql命令操作

文章目录数据库操作数据表的操作修改表结构插入数据修改数据查询消除重复行(查性别)删除设置查询缓存条件查询比较运算符逻辑运算符模糊查询(where name like 要查询的数据)范围查询空判断排序聚合函数分组每种每类分页连接查询子查询数据库操作连接数据库 mysql -urooot -p退出数据库 quit/exit查看当前使用的数据库 select databases()查看所有数据库 show databases;创建数据库 create database 数据库名 chars

2021-10-12 11:21:15 236

原创小程序键盘弹出页面不上推笔记

属性类型默认值必填说明adjust-positionbooleantrue否键盘弹起时，是否自动上推页面cursor-spacingnumber0否指定光标与键盘的距离，取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离bindfocuseventhandle是输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度，在基础库 1.9.90 起...

2021-01-07 11:47:29 500

原创 echarts折线图

文章目录标题图例直角坐标系内绘图网格直角坐标系 grid 中的 x 轴折线图设置使用详细信息标题//标题组件，包含主标题和副标题。let title = { id:'',//组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件 show:true,//是否显示标题组件 text:'',//主标题文本，支持使用 \n 换行。 link:'',//主标题文本超链接 target:'',// 指定窗口打开主标题超链接。 'self' 当

2020-09-29 14:22:27 631

原创小程序左滑删除

wxml<view class="cell" wx:for="{{list}}" wx:key="id"> <movable-area class="m-area"> <movable-view class="m-view" direction="horizontal" x="{{

2020-09-18 17:35:38 119

原创 javascript-数组方法收集

文章目录检测是否是数组数组去重set方法数组排序数组中的最大值数组的every和somefiltermap找出元素item在给定数组arr中的位置在数组arr末尾添加元素item，不直接修改数组arr，结果返回新的数组移除数组arr中的所有值与item相等，直接在给定的arr数组上进行性操作检测是否是数组function judgeArr(arr){ if(Array.isArray(arr)){ return true; }}数组去重set方法function

2020-08-07 16:36:24 248

原创 js日期时间工具类收集

文章目录获取指定日期范围new Date转化为yyyy-MM-dd HH:mm:ss将yyyy-MM-dd转化为new Date()获取当前的时间yyyy-MM-dd HH:mm:ss将时间戳转化为yyyy-MM-dd HH:mm:ss比较yyyy-MM-dd时间大小计算两个日期格式为(yyyy-MM-dd)相差几个月获取指定日期范围 function timeLimit(e) { let now = new Date(); //当前日期 let nowDayOfWeek = now.getDay(

2020-07-10 11:44:00 578

原创使用rem适配移动端

使用rem适配移动端在main.js设置字体大小//以屏幕宽度为375为例const winWidth = window.innerWidth;//获取屏幕宽度const fontSize = winWidth / 375 * 20;document.getElementsByTagName('html')[0].style.fontSize = fontSize + 'px';//设置...

2020-03-30 14:39:22 167

原创 uni-app监听窗口尺寸变化事件和隐藏键盘

文章目录uni.onWindowResize(CALLBACK)uni.offWindowResize(CALLBACK)详细说明uni.onWindowResize(CALLBACK)如App端设置软键盘弹出方式为adjustResize ，则在键盘弹出时，会触发此事件。横竖屏切换时，会触发此事件。uni.onWindowResize((res) => { conso...

2020-01-03 09:40:20 7113 1

原创 js缓存

文章目录localstorage定义和使用语法localStorage 的优势localStorage 的局限cookiesessionStorage语法localstorage定义和使用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去...

2019-11-25 15:51:12 182

原创 html2canvas将HTML内容写入Canvas生成图片

用法http://html2canvas.hertzen.com/documentation要element使用带有一些（可选）选项的 html2canvas 呈现，只需调用html2canvas(element, options);html2canvas(document.body).then(function(canvas) { document.body.appendChil...

2019-09-28 14:15:58 843 1

原创 uni-app 路由与页面跳转

文章目录保留当前页面，跳转到应用内的某个页面关闭当前页面，跳转到应用内的某个页面关闭所有页面，打开到应用内的某个页面跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面关闭当前页面，返回上一页面或多级页面窗口动画跳转到 tabBar 页面只能使用 switchTab 跳转 navigateTo, redirectTo 只能打开非 tabBar 页面 switchTab 只能打开...

2019-08-01 10:37:37 17279 1

原创 JavaScript DOM 操作

文章目录创建并放置新的节点移动和删除元素操作样式从Window对象中获取信息创建并放置新的节点获取元素// 获取<section>var section = document.querySelector('section');/*querySelector()调用会匹配它在文档中遇到的第一个<section>元素。如果想对多个元素进行匹配和操作，你可以使用Do...

2019-03-01 16:50:54 115

转载使用js(requestAnimationFrame)实现一个持续的动画效果

参考文档requestAnimationFrame 是浏览器用于定时循环操作的一个接口，类似于setTimeout，主要用途是按帧对网页进行重绘。设置这个API的目的是为了让各种网页动画效果（DOM动画、Canvas动画、SVG动画、WebGL动画）能够有一个统一的刷新机制，从而节省系统资源，提高系统性能，改善视觉效果。代码中使用这个API，就是告诉浏览器希望执行一个动画，让浏览器在下一个动画...

2019-02-28 16:21:46 885

转载如何修改Vue打包后文件的接口地址配置

查看原文配置步骤第一步：在 static 文件夹中新建一个 config.json，把你要写的配置写入{// 基本访问地址"BASE_URL": "http://webhmy.com"}第二步：在 main.js 中请求定义的配置文件，并放到 Vue.prototype 中，使全局可访问，注意，这里把new Vue()放在请求里执行，是防止请求与页面渲染之间的时间差异化导致值获取不...

2019-01-07 16:27:48 2806

原创 Git安装和使用

git安装git官网下载：http://www.git-scm.com/downloadgit基础设置设置用户名 git config –global user.name ‘用户名’设置用户邮箱 git config –global user.email ’ [email protected]’查看设置 git config –list初...

2018-08-26 17:26:58 130

原创 Contacts管理系统通讯录

Contacts模块管理系统通讯录，用于可对系统通讯录进行增、删、改、查等操作。通过plus.contacts获取系统通讯录管理查看详情ADDRESSBOOK_PHONE:手机通讯录ADDRESSBOOK_SIM:SIM卡通讯录getAddressBook:获取通讯录对象AddressBook：通讯录对象Contact:联系人对象ADDRESSB...

2018-07-22 21:37:00 985

原创 html5+ Api Webview模块管理应用窗口界面

详细信息 Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。方法：all：获取所有Webview窗口 plus.webview.all(); 获取应用中已创建的所有Webview窗口，包括所有未显示的Webview窗口。返回WebviewObject对象在数组中按创建的先后顺序排列，即数组中第...

2018-06-24 11:44:00 1967

原创 audio音频播放及网络音频文件播放

点击查看详情 Audio模块用于提供音频的录制和播放功能，可调用系统的麦克风设备进行录音操作，也可调用系统的扬声器设备播放音频文件。通过plus.audio获取音频管理对象。ROUTE_SPEAKER：设备的扬声器音频输出线路plus.audio.ROUTE_SPEAKERNumber 类型音频输出线路常量，值为0。音频播放时在设备的扬声器输出。ROUTE_EAR...

2018-05-30 22:15:44 4114

原创 HTML5+ - storage本地数据存储

点击查看详细信息 Storage模块管理应用本地数据存储区，用于应用数据的保存和读取。应用本地数据与localStorage、sessionStorage的区别在于数据有效域不同，前者可在应用内跨域操作，数据存储期是持久化的，并且没有容量限制。通过plus.storage可获取应用本地数据管理对象。getLength:获取应用存储区中保存的键值对的个数plus.stor...

2018-05-22 21:54:54 597

原创 HTML5+ - nativeUI系统原生界面管理

点击查看详情actionSheet：弹出系统选择按钮框plus.nativeUI.actionSheet(actionsheetStyle, actionsheetCallback)从底部动画弹出系统样式选择按钮框，可设置选择框的标题、按钮文字等。弹出的提示框为非阻塞模式，用户点击选择框上的按钮后关闭，并通过actionsheetCallback回调函数通知用户选择的按钮。...

2018-05-21 23:17:25 2609

原创 HTML5+ - 窗口事件及原生dom事件

详细信息addEventListener 添加事件监听函数document.addEventListener( event, callback, capture );参数：event: ( DOMString ) 必选要添加监听的事件类型，可取下面面列出的所有事件常量callback: ( EventTrigCallback ) 必选扩展API加载完毕触发的回调函数capt...

2018-05-20 23:09:00 4656

原创 HTML5+ - 网络及网络状态获取

查看详细信息networkinfo 获取网络信息常量：CONNECTION_UNKNOW: 网络状态常量，表示当前设备网络状态未知，固定值为0。CONNECTION_NONE: 网络状态常量，当前设备网络未连接网络，固定值为1。CONNECTION_ETHERNET: 网络状态常量，当前设备连接到有线网络，固定值为2。CONNECTION_WIFI: 网络状态常量，当前...

2018-05-18 23:37:39 6189

原创 HTML5+ - 拨打电话、设备震动、保持屏幕唤醒

点击查看详细信息dial 拨打电话plus.device.dial( number, confirm ) 调用系统程序拨打电话number: ( String ) 必选要拨打的电话号码confirm: ( Boolean ) 可选是否需要用户确认后开始拨打电话;设置为true表示打开系统拨打电话界面，需用户点击拨号按钮后才开始拨打电话，false则无需确认直接拨打电话，默...

2018-05-15 23:13:58 2424

原创 HTML5+ 获取设备信息

Device 模块管理设备信息，用于获取手机设备的相关信息，如IMEI、IMSI、型号、厂商等。通过plus.device获取设备信息管理对象。点击查看详细信息获取设备信息imei: 设备的国际移动设备身份码（ plus.device.imei）imsi: 设备的国际移动用户识别码（ plus.device.imsi）model: 设备的型号（ pl...

2018-05-14 22:54:32 8695 1

原创 vue 自定义过滤器

数字小于10，在前面加0<h3>{{9 | two}}</h3>Vue.filter('two',function(e){ return e<10?'0'+e:e})保留几位小数<h3>{{3.1415926 | number(2)}}</h3>Vue.filter('number',function(e,n)...

2018-04-21 14:55:33 217

原创 vue事件冒泡

事件冒泡阻止冒泡//1. 原生js方式，依赖于事件对象<div class="container"> <div @click="divClick"> <p @click="pClick"> <button @click="btnClick($event)">

2018-04-18 23:42:10 296

原创 hbuilder使用夜神模拟器真机测试

夜神安卓模拟器(夜神模拟器)安装好后需要在hbuilder中设置端口号在没有设置端口号之前：设置端口号选择（运行–》浏览器运行–》设置web服务器）点击HBuilder，将第三方Android模拟器端口设置为：62001 设置完后，（运行–》真机运行）；如果没有检测到设备，重启hbuilder 4.点击Hbuilder基座运行，如果出现下图所示...

2018-04-07 17:46:39 5771 1

原创 scss安装

sass安装在 Windows 平台下安装 Ruby ，到 Ruby 的官网（http://rubyinstaller.org/downloads）下载对应需要的 Ruby 版本。Ruby 安装文件下载好后，可以按应用软件安装步骤进行安装 Ruby。在安装过程中选择第二个选项（不选中，就会出现编译时找不到Ruby环境的情况），如下图所示： Ruby 安装完成后，可以在命令提示符中输入 ruby

2017-11-16 10:06:07 1446

转载 HTML特殊字符对照表

HTML特殊字符对照表原文：http://www.jb51.net/onlineread/htmlchar.htm 特殊符号命名实体十进制编码 Α & Alpha; &# 913; Δ & Delta; &# 916; Β & Beta; &# 914; Γ & Gamma; &# 915; Ε & Epsilon; &# 9

2017-09-28 16:59:05 305

转载 javascript闭包

简单的闭包function A(){ function B(){ console.log("Hello Closure!"); } return B;}var C = A();C();//Hello Closure!上面代码翻译成自然语言如下：（1）定义普通函数 A （2）在 A 中定义普通函数 B （3）在 A 中返回 B （4）执行 A, 并

2017-08-28 09:30:28 185

原创地图框选区域

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=dy4yR98GrKl9VvyRsp6r8CUL3pBS6ffU"></script

2017-08-23 17:17:12 3261

原创 javascript 获取当前时间

代码年月日星期时分秒毫秒备注getYear()117当前年份 - 1900getFullYear()2017完整年份getMonth()/8获取当前月份【0-11】，0代表1月getDate()/23获取当前日(1-31)getDay()/3获取星期getHours()/14获取当前小时getMinutes()/50获取当前分钟

2017-08-23 14:52:57 381

转载 javascript 下常用的字符串操作

阅读原文indexOf() 检索字符串var str = "abac_dfra_wa"; console.log(str.indexOf('ac')); //输出2lastIndexOf() 从后向前搜索字符串var str = "abac_dfra_wa";console.log(str.lastIndexOf('ac')); //输出2split() 把字符串分割为字符串数组"|a|b|c"

2017-08-14 11:30:56 182

原创正则表达式整理

校验数字的表达式数字 ^[0-9]*$ n位的数字 ^\d{n}$ 至少n位的数字 ^\d{n,}$ m-n位的数字 ^\d{m,n}$ 零和非零开

2017-07-27 09:50:59 244

转载移动端web开发技巧

点击阅读原文meta相关添加到主屏后的标题（IOS）启用 WebApp 全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：百度Site

2017-07-26 09:40:08 246

空空如也

空空如也