芋圆子-CSDN博客

原创【CSS3】一些听课记录（样例代码）

这里写自定义目录标题简单放大效果功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入-前端兼容性自查工具 caniuse简单放大效果<!DOCTYPE html><html lang="en">&lt

2022-03-27 10:23:06 541

原创【uniapp】 request:fail abort statusCode:-1

记录一个报错今天把项目运行到手机登录一直报错request:fail abort statusCode:-1上蹿下跳找问题，还重启了路由器。后面发现居然是测试机没开手机wifi。。。（没有sim卡）（捂脸）真的是灯下黑另：搜到的其他解决办法有uni.request 请求 sslVerify设置成falseURL - http 改成 https...

2022-03-11 11:49:55 957

原创【uniapp】推送

在mainifest.json 里面开启推送配置clientid 标识的获取目前是放在onShow 上，好像是放在onLaunch 更好，加个定时器延时获取能保证拿到值部分手机不兼容，需要重新进行打包以后才能用app.vue<script> import { mapMutations } from 'vuex'; export default { onLaunch: function() { console.log('App Launch') // 展示本地存储

2022-03-03 11:53:36 303

原创【uniapp】聊天列表页长按菜单

需要做一个长按菜单（用来置顶或者删除聊天）参照仿微信列表长按弹窗菜单做了点调整做个记录用到了uni-list 列表直接在插件上绑定 @longpress 会失效在插件内绑定出长按方法 onLongpress(e){ if (this.clickable || this.link) { this.$emit('longpress', e); } },页面代码<template> <view> &

2022-03-01 13:48:40 2525

原创 uniapp 预览后保存图片

previewImage(e) { //e 传的一个对象值 //this.imgList 图片路径数组[] （无前缀） //获取Index let index = this.imgList.findIndex(item => { return item == e.webPath; }); //拼接完整路径 let prviewImgList = this.imgList.map(function(item, index, a

2022-02-15 14:19:56 501

原创【uniapp】指纹识别

文章目录前言一、uniapp 生物认证（指纹或者面容ID）二、流程图1.manifest.json勾选配置2.调用官方api总结前言最近项目有一个指纹登录的功能，做个记录。一、uniapp 生物认证（指纹或者面容ID）https://uniapp.dcloud.io/api/system/authentication二、流程图1.manifest.json勾选配置2.调用官方api第一步：uni.checkIsSupportSoterAuthentication: 获取本机

2022-02-10 13:34:41 3372 1

原创【uniapp】生命周期 - 跳转

生命周期APP.vue中应用生命周期onLaunchuniapp初始化完成时触发（全局触发一次）onShowuniapp启动，或后台进入前台显示onHideuniapp从前台进入后台onError报错时触发onUniNViewMessage对nvue页面发送的数据进行监听页面生命周期onLoad监听页面加载onShow监听页面显示onReady监听页面初次渲染完成onHide监听页面隐藏onUnload监听页面卸载onResize监听窗口尺寸变化onP

2022-02-08 11:04:52 1231

原创 uniapp上传文件

用的是官方组件 <view class="c-add-li"> <text class="c-title">上传附件</text> <uni-file-picker v-model="infos.pathList" file-mediatype="all" @select="select" @progress="progress" @s

2021-11-30 14:53:16 5242 4

原创【uniapp】uniapp 返回上一页并刷新

toBack(){ let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 前一个页面 uni.navigateBack({ delta: 1, success: function() { beforePage.$vm.initData(); // 执行前一个页面的刷新（initData是我自己定义的方法） } });

2021-11-22 14:59:58 3375 1

原创 uniapp 中 editor的使用

有复用需求所以做成了组件**editor.vue**<template> <view class="container"> <view class="page-body"> <view class='wrapper'> <view class='toolbar' @tap="format"> <view :class="formats.bold ? 'ql-active' : ''" class="ic

2021-11-18 10:18:17 4304 2

原创【JavaScript】阶段性复习

【JavaScript】阶段性复习View / MVVM 框架对比 React 、Angular 和 Vue相同点不同点如何实现一个组件，前端组件的设计原则是什么？VueReactCssJavaScript算法全栈View / MVVM 框架对比 React 、Angular 和 Vue相同点React 和 Vue都提供了 Virtual Dom提供了响应式（Reactive）和组件化（Composable）的视图组件注意力保持在核心库，而将其他功能如路由和全局状态管理交给相关的库不同点

2021-10-17 20:34:43 331

原创 vue + swiper3 的使用

1.需求需要2.安装 swiper3npm install vue-awesome-swiper@3 --save-dev3. 页面代码//html<swiper :options="swiperOption" ref="mySwiper"> <swiper-slide> <div class="swiper-box"> <div>7/26</div>

2021-07-29 10:40:29 1421

原创 HTTP 与 AJAX

储备知识浏览器与服务器之间的通信协议是HTTP协议用户通过网址或表单向服务器提交请求，服务器向浏览器发送相应的响应AJAX是什么？ - JavaScript 脚本发起的HTTP通信 JavaScript异步通信：请求服务器返回JSON / XML文档，前端从XML文档中提取数据，再在不刷新整个网页的基础上，渲染到网页相应的位置。...

2021-07-26 17:56:25 67

原创【vue】图片点击放大预览 v-viewer

有一个需要在列表展示图片且点击放大的功能1、安装依赖npm install v-viewer --save2、全局引入import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': tr

2021-07-21 10:56:57 546

原创前端checkList

数据输入*表格输入* 接收到非法输入时是否能恰当处理？该输入是可选输入还是必填输入？输入超过允许长度的数据页面装载或重装载后默认值组合框中的数据可以正常选择和更改表格是否显示了所有的部分？是否十分正确的排列？文字内容是否处于正确的位置？滚动条是否在需要时出现？*数据验证* 任何时候当输入非法数据时，系统都不能表现糟糕如果用户在产品使用过程中删除 cookie 会有什么后果？如果用户在使用产品后删除 cookie 会有什么后果？*数据一致性* 检查输入最大字符长度时

2021-07-01 09:46:46 505

原创初始化 VUE 3.0 项目

1.构建项目npm init vite-app democd demonpm install // 建议使用淘宝镜像 cnpm installnpm run dev2.路由cnpm install vue-router@next -S在src 目录下新建 rourer 文件夹，在文件夹下新建 index.js 文件，添加如下内容：import {createRouter, createWebHashHistory} from 'vue-router'export default

2021-06-07 14:35:30 262

原创【前端】自测题

HTML如何理解html语义化【用合理、正确的标签来展示内容】易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。介绍一下 meta viewport 是为了在移动端不让用户缩放页面使用的 <meta name="viewport" content="width=devi

2021-04-21 14:51:18 142

原创常用的几个框架官网【前端 / 自用】

做个记录vxe-table 【表格库】https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/installEcharts 【可视化图表库】https://echarts.apache.org/zh/index.html

2021-04-20 10:13:50 2542

原创 vue中ECharts图表自适应

在main.js引入Echarts// 添加Echartsimport ECharts from 'vue-echarts';import 'echarts/lib/chart/pie';import 'echarts/lib/component/tooltip';Vue.component('v-chart', ECharts);折线图代码<v-chart id="lineChart" ref="lineChart" :options="lineAll" class="lineAll

2021-04-08 16:37:18 247

原创【vue】实现按钮点击下载文件

项目要求实现表格按钮点击下载文件，之前做下载都是直接接接口，这次下载路径在表格中已经返回了，需要在前端处理下载需求。以下是方法代码download(data) { if (!data) { return } let blob = new Blob([data]) let fileName = 'excel.xls' if ('download' in document.createElement('a')) { // 不是IE浏览器 l

2021-03-19 15:52:48 9567

原创【iview】表单验证选择器选中报错

(使用iview做表单验证时遇到的小问题)选中时仍然返回报错回去复查代码设置绑定的id 值为number类型在校验的地方加上 type:'number'然后再选中看看OK！不报错了！（所以iview表单验证选择器中默认的类型是srting？）...

2021-03-11 14:39:36 184

原创【git】常用的两个git切换分支命令

记录在VScode 切换分支时用的命令首先查看远程分支 git branch -a查看本地分支git branch切换回 master 分支git checkout master//切换成sass 分支命令//git checkout -b sass origin/sass再看看现在的分支OK啦!...

2021-03-03 12:01:48 337

weixin_49133874的博客