- 博客(27)
- 收藏
- 关注
RSS订阅原创 微信小程序页面执行栈和生命周期函数的关系
看了很多的博客，谈轮到小程序的生命周期的，大多都和官网上的内容大同小异，说实话，并没有从中得到太多的启示。有幸得到同事的点拨，得以知晓生命周期在整个小程序中页面生成，跳转，销毁中的执行情况。本人文笔出操，也就仅仅作为自己的笔记记录。如朋友你能看到并从中也得到一些启发，那将为这笔记增添了一些意义什么是微信小程序的页面执行栈。举个栗子，我们的小程序当前所在页面是home，其中有一个入口进入菜单列表，我姑且叫 a，菜单列表中的每一个菜又可以点击查看详细到b。这几个动作你都一次执行，那结果将是 home 跳转到
2021-05-27 16:08:50
195
原创 wx-charts 折线图表使用笔记
微信小程序中需要使用图表来显示数据走势中间使用过长中遇到一些问题，在此记录一下首先从gethub上或者从码云上下载wx-charts.js参数说明参数说明-wxCharts文档方法&事件方法&事件
2021-05-26 10:41:51
624
原创 微信小程序时段选择
index.wxml<!-- 选择时间段 --> <view class="selectTime flexbox"> <text class="selectTime_title">时段</text> <view class="section"> <picker mode="time" value="{{time}}" start="09:00" en.
2021-05-24 11:12:19
519
原创 vue单个元素滚动监听且记录触底
直接上代码<div class="best_fit" ref="bestFit"> <ul class="summarys flexbox flexmiddle"> <li > 栗子 </li> <li > 栗子 </li> <li > 栗子 </li>
2021-05-07 10:30:54
413
1
原创 前端VUE页面快速生成
VSCode左下角设置图标 ==> 用户代码片段 ==> 搜索 vue ==> 回车复制粘贴以下代码{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and
2021-05-06 14:05:57
2354
原创 时间格式化函数 + 获取近x小时的日期或时间
function dateFormat(fmt, date) { let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日 "H+": date.getHours().toS
2021-04-08 16:55:54
79
原创 vue keep-alive以及 activated,deactivated生命周期的用法
Vue的常见生命周期函数beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed具体触发执行的时机在 vue.js中有详细介绍，也可以参考网友的 详解vue生命周期activated,deactivated生命周期vue.js 对这个两个钩子的描述通常来说进入某一个动态组件，会首先创建vue组件实例，离开时则销毁此组件实例。如果组件实例使用keep-alive包裹，离开组件时
2021-03-27 10:09:52
386
原创 Vue中使用防抖debounce
定义防抖函数···jsexport const mydebounce = function(fn,wait) {let timeId = nullreturn function () {// 此函数上下文let context = this// 调用此函数的实参let ags = arguments// 清除已有的定时器if (timeId) clearTimeout(timeId)// 定义回调函数是否执行的标志let cllNow = !timeId// 起一个定时器time
2021-03-23 10:10:03
666
原创 使用vue-video-player播放视频 一个页面多个视频，并且只能唯一播放
安装 vue-video-playernpm i vue-video-player引入 video.js 和样式import { videoPlayer } from ‘vue-video-player’import ‘video.js/dist/video-js.css’video样式自定义修改 custom-theme.css.vjs-custom-skin > .video-js { width: 100%; font-family: "PingFang SC
2021-03-18 19:47:53
3811
2
原创 数组对象去重
// 数组对象去重filterRepeat(arr) { // 去掉相同id的项目 /* @element: 当前遍历到的元素。 @index: 当前遍历到的索引。 @self: 数组本身。 */ arr = arr.filter((element, index, self) => { return self.findIndex(el => el.id=== element.id) === index }) return arr}——————
2021-03-04 09:05:05
99
1
原创 [vuex] unknown action type: xxx 的原因
写demo的时候报 [vuex] unknown action type: xxx错误, 后来发现是命名空间属性写错导致的正确的属性名称是 namespaced 改成正确的属性名称后报错消失
2020-12-17 20:35:11
1805
原创 使用better-scroll 实现左右菜单联动
在点餐软件中需要左右菜单左右联动,点击左边菜品分类项右边食品列表自动滑动到对于菜品列表安装better-scroll模块 npm install better-scroll --savehtml内容 <div class="scroll_wrapper"> <div class="menu_wrapper"> <ul class="menu_list"> <li class="menu_item" @click="che
2020-09-09 20:46:50
791
1
原创 java JDK 11 版本以后没有 安装路径没有jre文件
(系统备注:本机win10系统) 安装完成jdk-11.0.21造成原因: jdk 11 以后的版本没有直接的jre, 要用户选择jre模块2 如果需要生成jre文件夹 则进入jdk安装目录2.1 选中红框目录输入cmd 在此处打开命令窗口，2.2然后执行如下命令：bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre2.3 查看结果参考文章...
2020-08-19 21:19:22
1156
原创 css背景渐变色: 标题两边渐变画线效果
实现如图效果利用背景图属性渐变色控制画线颜色,通过背景图大小属性设置线条的粗细,文字盒子设置背景覆盖部分线条以下是实现代码1 html 内容<template> <div class="notice"> <span class="notice_content"> 公告 </span> </div></template>2 css 内容<
2020-08-17 23:32:41
573
原创 swiper基础使用
使用script引入可以参考官网,这里记录一下在vue中使用安装swipernpm install swiper@4.3.3 --save这里我安装的是4.3.3版本的为例,目前已经有6.x版本的局部组件使用1 html 内容<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div>
2020-08-09 21:52:34
284
原创 javaSCript原型到原型链
原型什么是原型:可以这么认为,在jiavaScript中每一个对象(除null)时都会有一个与之相关联的对象,这个对象就是我们说的原型,每一个对象都可以从原型中"继承"属性举个例子:function Person(){}Person.prototype.name = "rose"var person = new Person()person.name = 'tom'console.l...
2020-03-06 22:47:58
74
原创 Vue+Element前端导入导出Excel文件
1 场景需求1 由前端导入Excel表格,获取批量数据,2 前端根据一个数组导出一个Excel表格2 实现2.1 安装三个依赖包file-save xlsx script-loadernpm install -S flie-savenpm install -S xlsxnpm install -D script-loader2.2 导入Excel2.2.1 element上...
2020-03-05 22:48:24
1297
原创 ERROR in Cannot find module 'node-sass'
ERROR in Cannot find module ‘node-sass’下载vue-element-admin 安装依赖的时候报以下错误，使用的命令是:npm i错误表示找不到node-sass 模块解决方法：输入命令：cnpm install node-sass@latest参考文章...
2020-02-15 16:41:20
101
原创 vue引入sass并且配置全局变量
第一步 安装 sass-loader 这里我建议sass-loader安装的低版本的,因为在我本地安装最新的sass-loader时会报错 this.getResolve is not a function进行插件安装:npm install -D sass-loader@7.3.1 node-sass配置参考官网的即可module.exports = { module: { .........
2020-01-17 11:20:31
1143
原创 echarts 折线图案例
var myChart = echarts.init(selft.$refs.chartsBox); var option = { //dataZoom-inside 内置型数据区域缩放组件 所谓内置 1平移：在坐标系中滑动拖拽进行数据区域平移。2缩放：PC端：鼠标在坐标系范围内滚轮滚动（MAC触控板类同;移动端：在移动端触屏上，支持两......
2020-01-16 18:22:36
2167
1
原创 进度完成效果
有时候需要显示一些工作的进展情况,类似这种,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2020-01-10 00:01:07
254
原创 数组去重的4种方式
数组去重有很多种方法,跟着大佬学习了几个小方法,做个笔记加深印象,数组去重一 循环遍历var arr=[2,2,'2','2'];var res=[];for(var i=0,len=arr.length;i<len;i++){ for(var j=0,resLen=res.length;j<resLen;j++){ if( arr[i] === res[j]{ b......
2020-01-02 22:39:04
76
原创 cookie设置,获取,删除
在某些情况下,我们会使用到cookie来缓存一些数据,cookie的设置,和删除都需要手动的设置cookie,获取cookie的时候更是要进行筛选匹配才能取到想要的值,因为cookie的值是一段以分号连接的key=value的字符串;例如: name=rose;age=18;sex=boy为了方便cookie的操作,可以把这些操作写成一些函数工具/** 设置cookie @param na...
2019-12-19 22:19:41
81
原创 获取时间区间所有日期的小工具
根据两个日期 获取日期区间的所有日期和星期假设我们要获取2019-10-10 到 2019-12-12之间的所有日期,直接上代码先//给Date对象的原型加一个时间格式化为 YYYY-MM-DD的函数Date.prototype.format=function(){ var y=this.getFullYear(); //获取年份 var m=this.getMonth()+1>=...
2019-12-12 22:49:58
234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人