"William'_-CSDN博客

转载 [小记] 微信小程序-设置宽度时(设置100%或默认继承)会溢出屏幕

参考: https://blog.csdn.net/zx501244363xz/article/details/101451288场景：在使用 uin-app 或原生微信小程序开发时，父组件设置了 padding，子组件宽度会显示异常。（不设置宽带时默认值为：inherit）解决方案：将宽度值设置为 “auto”width: auto;...

2021-01-11 11:15:54 2159

原创 [学习笔记] 数据请求(一) --- Fetch

[学习笔记] 数据请求(一) — Fetch认识Fetch文档Fetch Web Api (MDN) — Fetch API - Web API 接口参考 | MDN (mozilla.org)说明Fetch 是一个现代的概念, 等同于 XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能，但被设计成更具可扩展性和高效性。Fetch 的核心在于对 HTTP 接口的抽象，包括 Request，Response，Headers，Body，以及用于初始化异步请求

2020-12-28 15:44:46 394

原创 [学习笔记] 数据请求(二) --- Axios

[学习笔记] 数据请求(二) — Axios认识 Axios文档Axios中文文档概要说明Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性：从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF简单使用 Axios一、安装脚手架（npm）安装：

2020-12-28 15:43:49 416

原创 [随笔] vue-cli4 安装、配置 axios

[随笔] vue-cli4 安装、配置 axios参考地址：https://www.jianshu.com/p/31f52aade33d记录时间：2020年12月使用流程：IE兼容性处理；安装、配置 axios；可把 axios 挂载到 vue 的 prototype 上，如此便不用每个文件都引入了（针对 axios库，而非vue-axios）vue-axios 体验心得1.IE兼容处理axios是promise实现的，提到promise，首先应该想到IE不支持，所

2020-12-25 19:13:37 1882

原创 [随笔] echarts 图表数据实现计时自动刷新

[随笔] echarts 图表数据实现计时自动刷新参考：https://blog.csdn.net/qq_43750501/article/details/108204262首先我的 echarts 各个模块图表是用组件抽出来写的，在各个子组件中编写绘制各个图表。父组件中:父组件向子组件传递参数— 刷新时限，每个子组件刷新时间可以不一样<ConnectData class="chart1" :refreshTime="60000" /><TaskData class=

2020-12-25 18:55:56 1329 2

转载 [随笔] vue(2.x) 中打印指定区域内容

[转] vue(2.x) 中打印指定区域内容参考: CSDN博客 - SHERLOCK_96安装打印组件资源npm install vue-print-nb --save在 main.jsimport Print from 'vue-print-nb'Vue.use(Print)在 vue 文件中使用<el-button v-print="`#printAreaName`">打印</el-but

2020-12-14 17:06:13 691

原创 [小记] 微信小程序 scroll-view 组件下拉刷新、动态高度计算

[小记] 微信小程序 scroll-view 组件下拉刷新当使用了scroll-view组件之后，该页面便不能下拉刷新了。根本拉不动！参考：微信小程序之scroll-view组件下拉刷新_小聂的奋斗之旅-CSDN博客此时可以使用 scroll-view 组件自定义下拉刷新属性完成下拉刷新操作。<scroll-view refresher-enabled="true" refresher-triggered="{{triggered}}" bindrefresherref

2020-11-27 11:41:25 923

转载 [小记][搬运] async/await---同步/异步控制

async作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行异步函数的调用跟普通函数一样awaitawait即等待，用于等待一个Promise对象。它只能在异步函数 async function中使用，否则会报错它的返回值不是Promise对象而是Promise对象处理之后的结果await表达式会暂停当前 async function的执行，等待Promise 处理完成。若 Promise 正常处理(fulfilled)，其回调的res.

2020-11-16 20:21:43 81

原创 [小结] js sort() 排序 - 升序/降序/中文拼音排序

常规 sort() 排序 - 升序 / 降序var array = [1,2,6,5,4,3];var resultArray = array.sort(function(param1, param2) { return param1 - param2; // 升序 [1,2,3,4,5,6] // return param2 - param1; // 降序 [6,5,4,3,2,1] });console.log(resultArray);按中文拼音.

2020-10-30 10:25:23 974 1

转载 [随笔] js 金额格式化来回转换小记

数字类型 / 字符串类型金额转为标准金额格式（带千分位’,’ 并保留两位小数点）//格式化金额为2位小数和千分位Vue.prototype.formatMoney = (str)=>{ if(!str){ return ''; } var num = str.toString().replace(/,/g,''); if(!/^[0-9]+\.?[0-9]*$/.test(num)){ return ''; } else.

2020-10-16 17:58:19 899

原创微信小程序 - 人脸识别前端（二）拍照方式优化

微信小程序 - 人脸识别前端（二）拍照方式优化前文提及的识别方式较 low ，另外会留下识别痕迹，此处使用 <camera>组件进行优化。前文地址：前文参考文章：zhoujie-人脸识别此方法需要在单独的页面进行识别操作默认前置摄像头简单使用 cover-image实现 camera 组件样式优化授权指引（相机权限调用授权管理）视图层-wxml<view class="container"> <view class="camera-area"&gt

2020-07-29 15:36:07 2837 4

原创 [小记] 微信小程序 - 人脸识别前端（一）初体验

微信小程序 - 人脸识别前端（一）初体验记录尝试使用拍照模式进行人脸比对的过程—此方式有一定缺陷：调用系统摄像头，会保留照片于系统相册等功能：人脸识别 + 打卡签到说明：前端仅做拍照和转码操作等，后台接口调用腾讯人脸 api 进行***静态活体检测*** 以及***人脸比对*** 操作。视图层-wxml<view class="btn-box-signOn"> <view class="btn-area btn-area-active" id="butto

2020-07-29 15:00:50 1566 2

原创 [小记] 微信小程序小记2(bindtap方法传参,动态修改页面标题)

bindtap 方法传参data-xxx 为自定义属性，可以用于存参数数据，注意xxx不可为驼峰格式(signFlag)-会报错<view class="btn-area btn-area-active" id="buttonContainer" wx:if="{{activeFlag==='01'}}" data-signflag="on" bindtap="startFaceRec" hover-class="btn-hover"> <text class="btn.

2020-07-23 18:28:52 743

原创 [小结] 微信小程序 - 初识 map 组件

一、官方地址map 组件：https://developers.weixin.qq.com/miniprogram/dev/component/map.html地图相关api：https://developers.weixin.qq.com/miniprogram/dev/api/media/map/wx.createMapContext.html详细参数以及用法可参见官方地址 ↑二、基本用法wxml&lt

2020-07-22 16:31:24 179

原创 [小结] javascript 时间类型使用小结

Date 对象Date 对象用于处理日期与时间。创建 Date 对象： new Date()以下四种方法同样可以创建 Date 对象：var d = new Date(); //获取当前时间(标准时间格式)var d = new Date(milliseconds); //milliseconds表示从 1970 年 1 月 1 日 00:00:00 至今的毫秒数var d = new Date(dateString); //dateString格式：2019/5/1，返回标准时间格式//da

2020-07-14 17:16:44 407

转载 [小记] 微信小程序-md5加密(支持中文)

记录分享一下大佬的解决方法，本文纯属转载，请支持原作者，若有冒犯，可留言通删，谢谢各位…原文地址：@程思扬https://www.jianshu.com/p/bacbd5afa2b6使用步骤：在目录 utils 下新键 md5.js 文件直接复制以下 js 代码写入 md5.js 文件中/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, a.

2020-07-13 15:38:18 310

原创 [随笔] 微信小程序-全局变量的使用

1、在 app.js 中定义全局变量// 在App({})内编写：globalData: { userInfo: null, staffInfo: null }2、给已定义的全局变量赋值// 在 index.js 中请求接口后给本页以及全局变量 staffInfo 赋值that.setData ({ staffInfo: res.data.Result, //本页-local havestaffInfo: true});app.globalData.staf

2020-07-13 15:23:01 352

原创 [小记] 微信小程序小方法(padding失效；scroll-view的rpx高度；input清空输入+wx:if切换+计时器...)

微信小程序 padding 失效在使用 padding 前，添加 box-sizing 属性，值为： border-box;box-sizing: border-box; padding: 0 30rpx;scroll-view 相关需要添加 scroll-y=‘true’ 指令才会纵向滚动；rpx 适配下，scrollHeight 高度计算：计算屏幕高度（rpx）：【来源：https://blog.csdn.net/weixin_37928483/article/details/80.

2020-07-08 18:23:04 1431

原创 [学习笔记] Echarts入门笔记（二）

Echarts 实践一、demos试水1.仿官网demo —— 柱状图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My First ECharts</title> &l

2020-07-06 16:27:03 106

转载 [学习笔记] Echarts入门笔记（一）

一、下载 | 引入1.下载地址1-1. 官网提供下载、引入方式：https://echarts.apache.org/zh/download.html1-2. 菜鸟教程提供下载、引入方式：https://www.runoob.com/echarts/echarts-install.html2.引入方式此处参考：https://blog.csdn.net/qq_37486501/article/details/1001808272-1. 直接用src引入所需要的echarts.min.js 的

2020-07-06 15:13:07 432

原创 [随笔] uniapp微信小程序端踩坑记2---input监听、点击事件、Wxml中不可使用this

在微信小程序端使用 watch() 监听 input标签输入的值时出错。处理：不使用 watch() 监听，对 input标签绑定 @input事件，方法中使用 e.detail.value 获取输入值。<input class="lu-input" @input="search" v-model="iuputShow"/><script>methods: { search(e) { console.log('输入值e => ', e.detail.

2020-06-02 16:55:20 2669

转载 [随笔] uniapp踩坑---微信小程序端textarea显示不正常等问题

问题：uni-app 中的 textarea 组件在微信小程序中展示为原生组件，其优先级会大于框架组件如 scroll-view 组件，因此将 textarea组件放在 scroll-view 组件内会发生穿透弹窗或遮罩层问题，然而 uni 中提供的解决方案：cover-view 组件暂时仅可覆盖的原生组件：video和 map ，无法覆盖 textarea 组件。解决textarea组件为原生组件层级最高，穿透弹窗或遮罩层的问题。此处的解决思路是设置一个跟textarea布局一致的替代元素，与

2020-05-29 17:38:19 5858

原创 [随笔] uni-app @input监听输入 @blur触发失去焦点事件额外传参

page<input type="digit" placeholder="请输入金额" @input="inputAmount($event,index,item,'S')" @blur="Listeningfocus('S',index)" v-model="item.sutotal" />js//输入金额 inputAmount(e,index,item,type){ var that = this if(type == 'S') { this..

2020-05-14 14:22:21 14650 1

转载 [vue小记] vue使用组件时，传递给组件内 props 属性默认值细节

vue使用组件需要父子组件传参时，父组件绑定属性，传递给组件内 props 属性内对应项接收，其默认值细节如下：Vue.component('my-component', { props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], //...

2020-05-06 18:18:53 1597

转载 uni-app 上下滑动&左右滑动

<template> <view> <view class="uni-padding-wrap uni-common-mt"> <view class="uni-title uni-common-mt"> Vertical Scroll <text>\n纵向滚动</text&...

2020-04-27 17:07:44 8885

原创 [笔记] js 中字符串部分常用方法

js 中字符串常用方法小结–温故知新concact() - 拼接返回值：两个或多个字符串拼接生成的新字符串参数：待拼接的字符串(必须)，可有多个是否改变原字符串：否var str1 = "Hello ";var str2 = "world!";var n1 = str1.concat(str2); // Hello world!replace() - 替换返新返回值：一...

2020-04-08 12:01:52 231

转载 [小结] js中数组常用方法api (参考+个人增改)

js中数组常用方法小结一、方法列举(一) ES5 中常用数组方法：push() —— 后增unshift() —— 前增pop() —— 尾删 - (出栈末尾元素)shift() —— 首删splice() —— 修改或删除concat() —— 拼接返新slice() —— 剪切join() —— 拼接成’串’sort() —— 排序(ascii码)reverse() ...

2020-03-27 18:51:27 241

转载 [随笔] flex 布局使用 space-between 尾行排版效果优化

问题：有7个元素，需要排列成两行，整体要求两端对齐，尾行不足需向左对齐排列。七个元素：<ul class="the-ul" style="max-width:760px;"> <li>我是子元素</li> <li>我是子元素</li> <li>我是子元素</li> ...

2020-03-18 10:40:32 754

转载 [随笔] 重写 ul li 列表前面点的样式

可按照需求进行修改：清除默认点样式ul { list-style-type: none;}自行使用伪元素 ::before 添加点样式.ul li::before { display: inline-block; content: "●"; /* '\25CF' */ padding-right: 10px; color: #666; ...

2020-03-12 11:18:08 1025

原创 [笔记] elementUI ---（一)环境搭建

一、npm方式安装（vue脚手架引入element）1、npm 安装 elementUI# 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -S安装成功后可以在 node_modules 中查看是否有 element-ui 文件夹2、在 main.js 中引入，并保存使用// The Vue build version ...

2020-03-04 12:35:27 169

转载 [随笔] Vue中鼠标移入/移出事件——修改图片图标颜色(修改src地址)

效果：默认状态下图标为蓝色的；鼠标移入后图标变为白色的。Html 部分：<router-link to="./detail1" class="standard-itemBox" @mouseenter.native="changeImageSrc...

2020-02-28 12:23:58 4590

转载 [随笔] Vue 路由守卫——页面 title 动态改变

需求实现切换路由时，标签页显示的 title 会根据不同页面发生改变实现（1）在路由配置页面（src/router/index.js）中，给每项路由（routes）配置添加路由元信息 meta ，如： { path: '/news', name: 'news', component: news, meta: { title: '公司...

2020-01-15 10:44:09 549

原创 [随笔] vue - js返回顶部 + 下滑固定距离才显示效果实现

实现效果：滚动条下滑一定 px 值距离后显示返回顶部按钮点击该按钮可以实现跳转回顶部的效果返回顶部时有过渡（滑动动画效果）实现代码HTML<div class="btn-toTop" v-show="toTopFlag"> <a href="javascript:void(0)" re...

2020-01-10 15:01:28 500

原创 [小结] Css常用小套路(大小写、a标签、清除浮动、ul菜单)

文本相关大小写转换文本转换属性是用来指定在一个文本中的大写和小写字母。可用于所有字句变成大写或小写字母，或每个单词的首字母大写。实例：p.uppercase { text-transform: uppercase; } /*单词的所有字母转换成大写*/p.lowercase { text-transform: lowercase; } /*单词的所有字母转换成小写*/p.capita...

2020-01-07 18:12:58 302

原创 [随笔] Html锚点/JS实现页面内跳转至指定位置(返回顶部、页内定位)

要实现页面内定向跳转 — 以返回顶部为例方法一：HTML锚点实现:1、在顶部标签用 id 命名（‘top’）2、使用 a 标签，其 href 属性写 href="#top" 来实现页面内跳转缺点会让 url 地址发生改变，会受页面路由等的影响而失效。方法二：JS定位1、在顶部某标签用 id 命名(为‘top’)<div class="myHerder" id="to...

2019-12-30 11:24:35 1471

原创 [随笔] 指定div内-让文字在图片上方且水平垂直居中

需求 —— 在一个指定的div（cotainer）内，要实现：图片撑满div文字水平垂直居中文字在图片上方压缩时地下图片能等比例缩小 -> 可设置最小值实现 —— 直接上代码：<div class="cotainer"> <img src="@/../static/img/img_manage_logoBg.png" alt="bg"> &lt...

2019-12-24 19:47:06 749

转载 [随笔] flex布局设置width无效

父容器设置了 flex 布局，子元素的 width 属性为：240px 会失效解决办法：使用 flex 布局子项属性：flex (flex-basis)属性flex: 1 1 240px;参考：CSNDflex布局

2019-12-23 20:39:45 1676

转载 [随笔] 工具函数-取整函数(ceil、floor、round)

取整函数(ceil、floor、round)向上取整 — Math.ceil()ceil：在英文中，是天花板的意思，有向上的意思，所以，此函数是向上取整，它返回的是大于或等于函数参数,并且与之最接近的整数，在这里以java为例：package com.test;public class CeilTest { private static final double[] TEST...

2019-12-12 15:55:01 209

原创 [随笔] el-row使用非零 gutter 时宽度溢出出现水平滚动条

在使用 elementUI 的 el-row 标签时，如果设置了 gutter 属性且不为0，那莪会出现水平滚动条（宽度会溢出）案例分析<el-row :gutter="10"> <el-col :span="8"><div class="grid-content bg-purple"></div></el-col> &...

2019-12-10 09:23:18 7078 1

原创 [随笔] elementUI-走马灯carousel 自适应+动态监听浏览器宽度

div部分<el-carousel :interval="5000" arrow="never" :height="bannerHeight + 'px'"> <el-carousel-item v-for="(item,index) in bannerItems" :key="index"> <a :href="item.bannerLink" clas...

2019-12-09 18:35:56 1338

bg_circle.png

echarts4.7.zip

空空如也