- 博客(36)
- 收藏
- 关注
RSS订阅原创 预览照片的插件 v-viewer
只要img中传入对应的图片的src即可，images是接口获取的图片地址数组 [‘images/img01.jpg’, ‘images/img02.jpg’, ‘images/img03.jpg’]
2024-03-01 16:33:12
273
2
原创 error Component name “index“ should always be multi-word vue/multi-word-component-names
意思是“无法分配给文字报错错误组件名称“index”应始终为多单词vue/多单词组件名称”。官方文档建议组件名写成驼峰式或者-衔接的形式，故在编译的时候把命名不规范的代码判定为不规格；解决方法是关闭语法检查，在vue.config.js中增加下面配置。
2023-03-20 16:17:26
1012
原创 element中select选择器默认展示第一条，再点击其他内容连带默认显示那条都显示被选中状态
select默认赋值，选择过得内容都显示为被选中状态
2022-07-05 11:02:42
2037
原创 formData传参，给传参添加content-Type
上传一个文件和一个JSON对象对象的Content-Type是application/json。通过new Blob()将需要设置Content-Type的value构建成Blob对象，对象的type是Content-Type是application/json const formm = { name:'张三', sex:'男' } const formData = new FormData formD
2022-04-25 11:42:31
3802
原创 双击table表格进行输入框表格编辑
== @cell-dblclick=“tableEdit”== <el-table :data="tableData" height="95%" border @cell-dblclick="tableEdit" @click="clickTd" :highlight-current-row="false" style="wid
2022-04-12 09:30:17
954
原创 上传图片，后端接受为file: [object Object]而不是（binary），后台接收为null
解决方法：修改请求头content-Type，formData传参export function POSTHeader(url, data) { return request({ url, method: 'post', // headers:headers?headers:'', headers: { 'Content-Type': 'multipart/form-data; boundary=----We
2022-04-07 08:40:51
3004
原创 element table 表格表头及表格 背景色
<el-table :data="tableData" height="height" border :highlight-current-row="false" style="width: 100%;margin: auto;background:#334D66;pointer-events: none;" :header-cell-style="{colo
2022-03-10 17:32:09
3098
1
原创 webpack环境搭建
webpack环境搭建一 webpack是什么是一个模块化构建打包工具vue，react 用的脚手架底层就是基于webpack搭建的在公司主要用于公司内部搭建前端环境掌握node webpack 可以说是晋升架构师的重要一环学会webpack在vue脚手架也可以轻松的配置构建工具除了webpack，还有grunt，gulp，rollup……二 webpack的使用webpack中文文档：https://webpack.docschina.org/concepts/三 创建packa
2021-05-17 19:50:55
122
原创 实现div垂直水平居中的10种方法
实现div垂直水平居中的10种方法1 弹性布局flex第一种 父级对自己元素进行垂直居中，居中属性只要定义在父元素中即可 .father{ width: 200px; height: 200px; background: #000; display: flex; flex-direction: row; justify-content: center
2021-05-12 20:47:33
1721
原创 Echarts使用
https://www.jsdelivr.com/package/npm/echarts 下载echarts.main.js 引入到要使用的页面示例图：详情使用代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2021-05-12 08:31:20
318
原创 svg
svg特点与其他图片格式的区别图标：icon gif,jpg，pngsvg(放大不失真，可以通过css和js改变样式和交互)svg具体如何绘制基本图形绘制一条线段矩形画圆椭圆多边图形路径：path：<svg xmlns="http://www.w3.org/2000/svg"> <path d="M 10 10 L 100 10 L 100 100 L 10 100 L 10 10" style="stroke:red;fill:none" />&
2021-05-11 08:20:57
77
原创 接口的使用
解口文档参数名参数说明备注:id分类 ID不能为空携带在url中attr_name参数名称不能为空attr_sel[only,many]不能为空attr_vals如果是 many 就需要填写值的选项，以逗号分隔【可选参数】### 添加动态参数或者静态属性- 请求路径：categories/:id/attributes- 请求方法：post- 请求参数响应数据{ "data": { "attr_id":
2021-04-30 08:30:43
138
原创 解决级联选择器cascader中的问题
.1 可以选择cascader的任意级别template:<el-cascader :props="defaultProps"></el-cascader> JS->data defaultProps: { .... checkStrictly:true .... },1.2 隐藏小圆圈问题核心思路：通过css隐藏小圆圈，并扩大小圆圈的显示范围,然后设置visibility为hidden.el-cascader-p
2021-04-29 07:25:15
612
原创 vue-table-with-tree-grid
1.vue全局组件Vue.component('组件名',组件实例)import ZkTable from 'vue-table-with-tree-grid'Vue.component('tree-table', ZkTable)import BreadCrumb from '@/components/breadcrumb'Vue.component('bread-crumb', BreadCrumb)2.vue-table-with-tree-grid使用及插件参数使用说明 1.
2021-04-28 08:19:31
550
原创 分配权限
分配权限思路：1.打开权限对话框2.调权限接口展示到树形结构中3.在树形结构中沟选已分配的权限 【重点，也是难点】1.递归实现： getCheckedRightsIds(node,arr) { //当前node没有children,意味着node没有子级，则将当前node的id保存到数组中 if(!node.children) { return arr.push(node.id) } //如果node含有child
2021-04-27 07:43:42
121
原创 day0425
一，小程序组件1 组件是什么：1 组件：具有完整功能(html--试图，css-样式 js-逻辑)，HTML5 source标签是一种媒介元素（比如 和 ）来定义媒介资源。 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 这里主机吧给大家讲一下source标签的应用属性和实例。标签属性:属性值描述mediamedia query规定媒体资源的类型。srcurl规定媒体文件的 URL。typenumeric v
2021-04-26 07:26:52
60
原创 后台管理
一 用户列表模块删除用户 //打开删除确认对话框 async deleteUser(id) { console.log(id) const res= await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).catch(er
2021-04-23 18:59:54
66
原创 刷题-错题集合
错题集合♥♥♥♥♥------day0419-----1. 在HTML中嵌入PHP代码，有以下几种方法 1.默认语法:<?php ... ?> 2.短标记:<? ... ?> 3.脚本:<script language="php"> ... </script> 4.asp风格:<% ...%>HTML 音频/视频 DOM 中 设置或返回音频/视频播放的默认速度？1 currentTime:设置或者返回视频播放的当前位置（以秒
2021-04-19 21:50:59
379
原创 JS原生复习
定义函数一般是有三种方法function语句、Function（）构造函数、定义函数直接量，无论使用那种定义方法，他们都是Function类型的实例，并将继承原型对象的方法和属性。1.function语句（声明函数）语法格式： function 函数名（参数1，参数2...）{ 函数体；}**特点：无论在函数定义前，还是函数定义后调用，都能执行为什么都能执行？？？因为函数声明方式：函数提升**例如：function shit(a,b){ alert(a+b);}
2021-04-16 01:31:51
126
原创 小程序的登录授权
小程序的登录授权登录授权流程项目中的实现思路点击进入店铺--进入首页--获取到token,uid 如何获取token 第一步：通过wx.login得到code,调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息 第二步：通过调用公司后台接口（自动注册/登录接口）获取腾讯用户的匿名信息 //引入接口const {authorize}=require('../../http/api') //登录/注册 goLogin() { wx.login({
2021-04-15 01:02:59
94
原创 本地缓存
一 本地缓存分为：同步和异步两个版本，建议使用同步版本设置本地存储：H5：locaStorage.setItem(属性名"，属性值)wxwx.setStorageSync("属性名“，属性值)获取本地存储：H5：locaStorage.getItem(属性名"，属性值)wxwx.getStorageSync("属性名“，属性值)删除某一个key值：H5：locaStorage.removeItem(属性名")w
2021-04-15 01:00:44
96
原创 微信小程序的上拉加载
1 首先后台的接口必须支持分页返台接口：pagepageSizestart当前页码每页显示几条起始偏移量而他视为了提升用户的体验2 实现方式： 1 使用onReachBottom实现 //触底生命周期 onReachBottom() { console.log('onReachBottom'); if(!this.data.flag) { this.data.page++; this.getGoods() }
2021-04-15 00:49:36
123
原创 vantweapp的toast组件
1 json文件引入"usingComponents": { "van-toast": "/miniprogram_npm/@vant/weapp/toast" },2 xx.xml文件引入<van-toast id="van-toast" />3 xx.js文件引入组件import Toast from '../../miniprogram_npm/@vant/weapp/toast/toast';4 使用组件onLoad: function (options
2021-04-13 16:47:48
217
原创 小程序组件
一、小程序组件复用组件是什么组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js框架:framework,分 是为了快速完成项目搭建的基础。框架分：UI 框架和javaScript框架 UI框架：boostStrap,Element UI,v
2021-04-13 07:30:16
163
原创 小程序3
b’bbb一、常用的数据请求方式JS原生实现第一种： let xhr=new XMLHttpRequest() xhr.open() xhr.send() 第二种：fetch() 支持promisefetch('接口地址') .then(function(response) { return response.json(); }) .then(function(myJson) { console.log(myJson); }) .catch(err
2021-04-09 07:31:23
165
2
原创 微信小程序（2）
一、小程序布局与普通web开发差异小程序实现响应式单位：rpx小程序的设计稿通常是按照iphone6 宽度为750的尺寸设计的.logo {width:80rpx,height:80rpx}样式导入@import "要引入的外部样式文件"意义：大型项目开发中，为了方便样式复用例如：@import "/public/css/style.wxss";行内样式 <view style="color: {{index===1? 'red' : ''}}"</view
2021-04-08 07:22:16
50
原创 微信小程序基础知识
一、微信小程序是什么微信小程序是一种不需要下载安装即可使用的应用微信小是2017年1月9日，张小龙在2017微信公开课Pro上发布的微信小程序正式上线。二、微信小程序商业价值依托微信，有强大广泛的用户基础，推广方便不用安装，即点即用，不用关闭，不占手机内存空间三、微信小程序和普通H5的区别微信小程序没有DOM,BOM的API，只能使用EcmaScript核心 部分（数组，字符串方法，for,if…）微信小程序js逻辑和视图处理是分开独立运行的，性能比较好，而普通H5是单线程的，容易
2021-04-07 07:35:28
76
原创 复习JavaScript
复习JavaScript一 JavaScript二 发展史三 javaScript和ECMAScript关系四 ES6新增特性一 JavaScriptjavascript：是一种单线程的可以运行再浏览器或服务端的弱类型脚语言单线程：1：进程：完成一项任务所经历的过程2：线程：线程比进程范围要i小，一个进程可以包括多个线程弱类型：变量的类型由赋值的类型决定脚本语言：不会提前编译，实在运行的时候边解释边执行的语言二 发展史项目时间版本
2021-04-04 15:37:05
101
原创 git
认识git一 git是一个分布式的版本控制工具 分布式：在网络中互不影响，独立操作 例如：git 集中式：有一个中心服务器来连接这些设备 例如：SVN二 git如何使用：安装git客户端(Windows，mac,…) 安装网址git 常用指令1 初始化 git init2 查看当前git文件状态：git status3 添加文件到暂存区：git add 文件名(指定的要上传的文件名)git add . (所欲要添加的文件一键添加)4 添加到本地仓库：git
2021-04-01 21:32:04
100
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人