- 博客(57)
- 收藏
- 关注
RSS订阅原创 微信小程序接入百度地图(微信小程序插件)使用文档
选择添加插件搜索腾讯位置服务地图选点选择要授权的小程序授权完毕会在这里显示插件信息跳转至文档查看跳转后点击开发文档app.json中进行相关的配置页面调用
2024-03-05 16:35:07
992
原创 当遇到node-sass报错时，大概率时node版本和sass冲突，使用nvm切换node版本就可以
一.当前有多个项目要进行运行时，会出现项目版本node-sass版本不一致导致项目起不来。二.冲突后使用nvm切换版本，需西安下载nvm，然后打开常用指令。这样的情况时多半因为当前版本sass和Node版本冲突，使用。2.nvm use 版本号：切换到当前node版本。这时候再去安装node_module就可以了。这时候安装node_module会发现报错。1.nvm ls查看所有node版本。
2023-04-12 11:21:34
387
原创 登录时点击checkbox记住用户名和密码功能
功能：1.勾选记住用户名和密码时，将所输入的用户名和密码保存，下次登录时无需输入2.不勾选时用户名和密码输入框将为空
2022-06-02 11:12:34
929
原创 vue2中使用Avue框架
Avue官网在这里插入图片描述大致代码如下:1.option 是定义的数据2:data 后端返回的数据3:page 分页4:form 绑定的表单元素5.value/v-model 绑定值5.相关的一些绑定事件@search-change=“searchChange”@search-reset=“searchReset”@selection-change=“selectionChange”@current-change=“currentChange”@size-change=“
2022-06-02 10:43:04
1511
原创 练习vue3.0笔记
vue3.0:官网参考文章:尚硅谷 Vue3+TS 快速上手1.常用的api1.setup: 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用 取消了methods和data setup(props) { if (props.foo === isAbsent) { // foo 没有被传入。 } } 直接使用setup，在里面定义变量，接受两个参数props，co
2022-05-23 10:29:23
150
原创 使用html5+，用plus.io进行拍照，图片等获取
html5+官网地址使用Hbuilder开发工具开发：实现可对Android机进行控制和获取资源说明：IO模块管理本地文件系统，用于对文件系统的目录浏览、文件的读取、文件的写入等操作。通过plus.io可获取文件系统管理对象获取目录：常量：应用私有资源目录，对应常量plus.io.PRIVATE_WWW，仅应用自身可读应用私有文档目录，对应常量plus.io.PRIVATE_DOC，仅应用自身可读写应用公共文档目录，对应常量plus.io.PUBLIC_DOCUMENTS，多应用时都可读写，常
2022-05-16 09:14:42
1866
转载 微信小程序使用wx.requestSubscribeMessage进行消息订阅
本文章参考***eva_yg的文章1.在需要使用订阅的页面添加消息推动功能，我在首页onLoad中添加this.getSubscribeMessage()2.调用this.getSubscribeMessage()3.getSubscribeMessage方法 const tmplIds = '模板ID' wx.getSetting({ withSubscriptions: true, // 这里设置为true,下面才会返回mainSwitch succ
2022-03-31 15:25:17
2238
1
原创 js循环之多层嵌套（Obj嵌套Arrar）循环按照index生成obj并传入值，里面嵌套Array并push多值
直接上数据let testArr = [];let resultArr =[] //数据结构 // [ // { // title:'', // list:[....] // }, // { // title:'', // list:[....] // }, // .., // ] for(var
2021-09-17 16:54:30
574
原创 关于js去重和双循环对比相同的值动态生成数组并Push
1:去重参数：data为数组里面多个对象目的：data中方有多种类型题目并且多个，需要去重后，每个题目只需要重复的获取一个就可以 //题目去重 let peons = data.reduce((cur,next) =>{ obj[next.typeName] ? '' : obj[next.typeName] = true &&cur.push(next)
2021-09-17 11:30:49
559
原创 微信小程序获取节点ID滚动定位到ID节点
一：首先顶部有tab导航，点击的时候需要定位到Id的位置，所有ID为动态二：下面的容器使用小程序标签包裹1：scroll-into-view="{{toView}}" scroll-into-view值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个 方向滚动到该元素2：scroll-y=“true” 允许纵向滚动3：scroll-top="{{scrllorTop}}" 设置横向滚动条位置 我这里scrllorTop为0 <scroll-vi
2021-09-17 11:02:38
2118
原创 微信小程序API（功能）常用使用地址
小程序官网地址：小程序地址1.路由跳转：wx.switchTab；wx.reLaunch…介绍地址小程序跳转wx.navigateToMiniProgram 打开另一个小程序wx.exitMiniProgram 退出当前小程序数据缓存 缓存wx.setStorage 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 1
2021-08-25 16:56:07
879
原创 微信小程序中公共组件的使用
小程序公共组件创建，导入及使用使用页面 <van-tabs active="{{ active }}" bind:change="onChange" title-inactive-color="#c5c8ce"> <van-tab title="线上课程" > 1.<onLine show="show" onLineList="{{onLineList}}" studentId="{{studentId}}" projectLev
2021-08-12 18:30:35
862
原创 关于iview校验规则失效的一部验证方法
直接上代码gitHub上异步校验地址 <Form ref="formValidate" :model="data" :label-width="200" :rules="ruleInline" :show-message="false"> <div class="Modal_form_row"> <div class="Modal_form_row_col"> <For
2021-07-14 10:27:50
255
原创 javaScript之ES6数组笔记
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> </body>
2021-07-02 17:11:23
149
原创 小程序中实现滚动定位功能
1.功能概览这里有三个Tab，点击切换后，滚动条需要滚动到指定的位置，这里需要用到下面的方法1.scroll-view 方法 小程序scroll-view 方法需要在页面上加上scroll-view 标签 <scroll-view class="browse_content_box" scroll-y="true" style="height:100%" scroll-top="{{scrllorTop}}">//scroll-y 允许纵向滑动//scroll-top
2021-06-08 11:09:16
1515
原创 微信小程序设置倒计时第二版
第一版时有发版，使用的是第三方插件wxTimer，但是使用时需求不够满足并且功能不够完善有问题，所以进行第二版倒计时开发，没使用插件，下面时使用逻辑和代码1.定义获取时间函数，并获取到后台传来的当前系统时间，并没有自动获取到手机时间，是因为担心每个人手机的时间不一样，但是考试结束时间一样，就通过后台来获取保持一致2.需要用到两个时间，当前的时间和结束的时间，通过转换为当前国际标准时间，这里设置的公共方法//转换时间为中国标准时间const setTime = (startTime,endTime,c
2021-06-08 10:54:33
557
原创 vue项目中如何让表格获得自适应高度
1.父元素定义ref，子元素设置动态高度//ref 加在普通的元素上，用this.refs.（ref值）获取到的是dom元素//refs.（ref值） 获取到的是dom元素//refs.（ref值）获取到的是dom元素//nextTick 在DOM更新后自动调用 <div style="height:100%" ref="tableHeght"> <Table border stripe :columns="columns" :data="ta
2021-05-27 15:17:45
1045
原创 小程序中使用倒计时 wxTimer功能
使用场景：项目是考试小程序，后台会返给我当前系统时间和考试时间，我需要判断和得到下面几种情况1.考试未开始（这里就要显示开始考试倒计时，用系统时间减去考试时间）2.开始考试（考试时间等于系统时间）3.倒计时（结束时间减去当前时间）4.结束考试（结束时间等于当前时间）5.考试事件已过（结束时间大于系统时间）1.wxTimer下载 wxTimer2.在使用页面引用const timer = require('./../../utils/wxTimer.js');3.使用方法在d
2021-05-25 15:40:57
583
原创 微信小程序中rich-text标签无法显示table及其他标签，使用第三方wxParse代替
第三方wxParse地址：wxParse地址具体描述使用方法：1.今日地址后git下载文件，放在文件夹里面2.在app.wxss中引入@import "./pages/wxParse/wxParse/wxParse.wxss";3.再将要使用的js文件中引入var wxParse = require("../wxParse/wxParse/wxParse.js")4.数据绑定var article = '<div>我是HTML代码</div>';/***
2021-05-25 15:25:10
1352
原创 手机扫码小程序登录授权报错
request:fail -118:net::ERR_CONNECTION_TIMED_OUT将手机网和电脑连接的一样就可以了
2021-04-15 17:53:57
803
原创 Es6 之 Promise
一、简介Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。（1）对象的状态不受外界影
2020-12-25 16:51:53
55
原创 Es6 之async await
使用异步方法async await时,在函数前面需要加上async，代表要进行异步操作 await是等待执行一.基础写法function loading(num){ //resolve 接收成功 //reject 接收失败 let promise = new Promise((resolve,reject)=>{ setTimeout(() => { if(num<5){
2020-12-25 16:41:57
98
原创 css新特性 css-Gird布局
一.概述：网格布局（Grid）是最强大的 CSS 布局方案；它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了二.容器和项目 <div id="box"> <span>这是Gaid布局</span> <div id="container"> <div class="item item-1">1</
2020-12-23 18:08:32
411
原创 echart中隐藏series中的默认name
直接上代码 series: [ { name: '访问来源', //这里本来是需要展示 ，如下图 type: 'pie', radius: [0,'70%'], center: ['50%', '50%'], //label图形上的文本标签 formatter标签内容格式器 可以扩展内容 label: {formatter: '{b}: {@2012} ({d}%)'}, colo
2020-12-10 16:05:27
9412
1
原创 vue中项目总结及文件夹配置
工作项目中主要的文件夹使用一.主要的文件夹配置build文件夹: webpack配置文件 面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等config 文件夹: 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等node_modules: 项目的依赖库；src 文件夹： 我们主要操作的地方，组件的增加修改等都在这个文件夹里操作，下文会有详细介绍；static 文件夹: 静态资源文件夹，放置不会变
2020-12-08 10:28:05
611
原创 echarts 中主要的几个配置项功能，简易版
以下是用到的几个主要的配置项和简单的介绍一：tooltip，当鼠标移到图表时触发显示，类似hover效果tooltip: { trigger: 'axis', // 显示触发类型 axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } },二：grid ，当前图表的相对位置，设置成距离顶部距离，或左边距离等grid:{ top:0,
2020-10-19 11:43:48
532
原创 iview如何使点击分页下的页数刷新列表后滚动条始终在顶部
/**表格滚动条回到初始位置*/export const scrollToTop =() => {setTimeout(() => {//这里要延迟下滚动document.getElementsByClassName(‘ivu-table-body’)[0].scroll(0, 0)}, 400)}
2020-08-20 09:57:08
686
原创 时间戳转换
fmtDate (obj) { var date = new Date(obj) var y = 1900 + date.getYear() var m = '0' + (date.getMonth() + 1) var d = '0' + date.getDate() return y + '-' + m.substring(m.length - 2, m.length) + '-' + d.substring(d.length - 2, d.length)},
2020-08-03 10:10:15
155
原创 vue中使用循环返回对应的key
1.获取到当前的codetype: this.getType(list.stock.type)2:循环判断getType(code){let txt="";let info= this.stockTypeList.filter(item=>item.code==code);console.log(info) if(info.length>0){ txt=info[0].name; } return txt; //返回对应的字段},...
2020-08-03 10:08:52
543
原创 关于Vue中的父组件给子组件传值props和子给父传值$emeit
一：当我们在使用vue中，会经常的使用到父组件给子组件传值，常用的有props，下面简单看下props传值 1.首先我们是需要在父组件中引入子组件import xjdwEditSecong from "./base1/xjdwEditSecond.vue"; 2.然后放在components中 components: { xjdwEditSecong // Bdwplszyhqx },3.并挂载到父组件 <xjdwEditSecon...
2020-06-09 09:13:14
665
原创 关于搜索时根据value去判断数组中是否存在值后返回新的数组 ，并清空后显示原数组
1：搜索传入name（ this.tableData1Copy =this.tableData1）此作用是为了清空当前搜索时再带入值//搜索 searchRoles(name){ this.tableData1Copy =this.tableData1 let dataArr = this.tableData1 let arr =[]; for(let i=0;i<dataArr.length;i++){ if(d
2020-05-18 16:18:06
175
原创 关于移动端当点击输入框输入时，最下面的确认按钮上移阻挡输入
每当在手机上输入信息的时候，最下面的footer会被顶上来，特烦，所以解决这个问题就是获取到名目的高度和页面高度，当输入信息的时候就将底部的footer隐藏起来，这样就ok了第一步：data () {return {docmHeight: document.documentElement.clientHeight, //默认屏幕高度showHeight: document.documen...
2020-04-15 17:14:45
496
原创 关于cnpm -v在 cmd中能识别但是Vsc无法识别解决办法
首先，在网上看到许多说是修改环境变量，后来看到一篇文章，我尝试后很简单，下面介绍:图一：这里cmd运行没问题图2：Vsc识别不了解决办法：打开编辑器终端1：输入：get-ExecutionPolicy 出现get-ExecutionPolicy2：输入set-ExecutionPolicy RemoteSigned 这时会出现意思是修改当前执行策略3：你在输入：Set-Ex...
2020-04-10 00:14:05
631
2
原创 什么是token和使用的意义
一、什么是tokentoken （计算机术语）在计算机身份认证中是令牌（临时）的意思，在词法分析中是标记的意思。一般作为邀请、登录系统使用。二、token的意义令牌：代表执行某些操作的权利和对象，访问令牌(Assess token)表示访问操作控制主题的系统对象，令牌是一种控制站点的特殊帧，以区别数据帧和其他控制帧三、token的作用Token 是在服务端产生的。如果前端使用用户名/密...
2020-03-03 22:04:34
8243
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人