- 博客(70)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 通过this.$router.push跳转到tabbar页时，tabbar选中状态不改变的问题
1.场景问题：在弄移动端练习时，遇到其他非tabbar页跳转到tabbar页时，tabbar底部导航栏选中状态不匹配的现象。但当页面进行F5刷新时，匹配正常问题所在：因为通过$router.push访问，页面没有进行刷新解决方法：1.可通过App.vue设置整体页面刷新，2.如果使用传统的location.reload()和$router.go(0)会导致页面一闪一闪的，甚至是多次不断地强制刷新，用户体验不好，问题也不少，故选择provide/inject在app.vue中设置整体刷新二.方
2021-05-18 22:42:07
1337
原创 微信小程序的超出部分显示省略号和展开按钮（css方式实现）
一.使用场景最近在仿写——起点中文网的微信小程序，在书籍简介中存在一个需求简介文本超出规定的范围出现省略号以及展开按钮网上其他做法都是js控制，但是一般开发中，能不写js就不写js，下面我将通过css方式实现此效果二.方法思路：出现省略号，需要用到text-overflow: ellipsis;display: -webkit-box;等上述样式实现省略号后，剩下最后一个，展开按钮需要出现在省略号后面如果是在标签后面添加“展开按钮”,此方式行不通，无论怎样添加，省略号都会将后面的内容
2021-04-10 17:31:46
9064
10
原创 后台管理系统的增删改查中的一些技巧
后台管理系统的重置和编辑中的一些技巧一.重置场景：页面中的一些搜索框的重置用法：this.$options.data().obj(需要重置的对象等)//data中的搜索框的各种对象 searchPost:{ name:"", integral:"", date:"", phone:"", exchange:""
2021-03-19 11:17:17
853
原创 后台管理系统权限管理的实现（依赖于前端实现）
后台管理系统权限管理的实现（依赖于前端实现）1.权限管理场景：不同的用户点击登录实现不同的侧边栏的菜单的不同方法：前端控制大部分权限，即提前生成所有的菜单栏，通过不同的用户来判断展示哪些菜单后端直接控制菜单，返回一个json，其中包括菜单名，一级还是二级,前端再生成路由表例如：2.步骤一.提交生成路由表----------router/index.js中生成一份公共菜单路由表生成一份权限菜单路由表其中的注意的：创建路由时需要注意所有的路由都在侧边栏中点击可进，侧边栏不变—
2021-03-17 17:34:44
1322
原创 后台管理系统中的antd vue中的问题(动态加载列表a-select-option,后台管理中a-selct-option的回显)
一.antd vue中的a-select的动态加载列表a-select-option1.既然是动态加载选择框的列表a-select-option,必然存在获取后台数组，并循环后台数组格式：数组(例):arr=[{id:1,name:'数组1',num:2,provice:'qqqqq'},{id:2,name:'数组2',num:3,provice:'qqqqq'},{id:3,name:'数组3',num:4,provice:'qqqqq'},]获取数组的处理方法：重点：当获取后台的数
2020-06-03 17:22:59
20494
原创 vue-cli+vuex实现token验证
一.应用需求——都说在工作中才能学到更多，好像确实如此，前段时间中，在捣鼓微信公众号，即将一堆移动端管理页面放在微信公众号中。——开始就涉及到了token，之前听说过token，却并不了解它是个啥，咋用，有什么用token:Token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示——通俗讲，就是一个身份牌，服务器端生...
2019-12-17 15:59:02
819
8
原创 vue设置公有全局的后台服务器ip(接口调用)
一.需求在开发过程中，有时前端连接后台时，并不是一个后台，而是很多，即后台有分工。那如果在项目上线时，我需要修改调用接口时连接的后台服务器，该怎样修改，此时页面中存在很多个ip地址+接口地址思路1：————笨办法：挨个挨个的修改每一个接口连接的ip，直到完成为止————————缺陷:那如果以后还需要修改后台ip呢，仍然还是这样一对一修改？？？？——太麻烦了思路2:————设置全局ip...
2019-12-06 14:09:58
4373
原创 通过Vue.extend()创建全局公共弹窗组件
一.需求效果：——在项目中需要将antd vue中的this.$message全局提示框全部改成弹窗，需要用户自己进行关闭思路：——思路1:通过传统的方式创建一个全局组件，即通过组件注册和通过组件标签进行引入的形式——思路2：重新书写一个this.$message方法，将原来的方法进行覆盖解决方案：——我通过在element-ui框架中找到了相应的组件可以进行代替，且同样是通过方法...
2019-11-25 11:18:10
4759
1
原创 解决antd vue中使用setFieldsValue报错“You cannot set a form field before rendering a field associated with ”
一.报错现象1.在使用antd vue框架中的表单api时，出现了一个warning警告，虽说不影响程序运行，不过咱还是能不报错和警告就不报错和警告——“You cannot set a form field before rendering a field associated with ”2.场景在后台管理系统中渲染列表数据，点击列表中的——编辑按钮——呈现编辑页面——此时页面将会报错...
2019-11-20 14:57:31
10042
1
原创 解决message: "Navigating to current location ("/homePage") is not allowed",警告的问题
一.现象进行书写项目时，出现一个警告message: “Navigating to current location (”/home") is not allowed",且在ie11中运行项目，同样出现此警告，且涉及到的路由组件页面将不会刷新出来，呈现一片空白"Navigating to current location ("/home") is not allowed"二.原因网上大佬...
2019-11-19 17:46:05
14700
6
原创 ant design vue框架中自定义表单或单个表单框验证
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在，2.要求：该名称不存在，则新增成功二.思路1.错误的思路我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题：——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验...
2019-11-19 17:07:47
8301
1
原创 通过vue实现elemen-ui中的表格的模糊搜索
一.效果在输入框中输入相应的字符，下方搜索列表呈现相应的数据如图：二.思路1.可以通过监控有关列表的数据的变化，即通过输入的字段操作列表数据数组----可通过计算属性直接监控数组数据----computed2.返回的必定是符合条件的数据，可使用----数组遍历中的----filter3.但白哦个数据都是对象数组，一层遍历只能得到对象，并不能得到其中的属性值------可通过将对象变...
2019-11-08 10:16:37
2390
原创 Git相关操作(二)
一.远程仓库创建远程仓库:1.在github网站上配置SSH Key在本地电脑下找到用户主目录(一般在c盘中的administrator)下的 .ssh目录。获取其目录下的id_rsa（私钥）和id_rsa.pub（公钥），复制公钥如果没有，则：$ ssh-keygen -t rsa -C "youremail@example.com(邮件地址)"2.登陆github，新建和新添加ssh...
2019-11-04 09:43:45
184
原创 Git的相关操作(一)
一.git的简介git是一个最强大的分布式版本管理系统，通过c语言进行开发，且不同于集中式版本控制系统1.并没有中央管理器，每个人的电脑都是一个版本库，相互只需要将修改推送给对方即可，所以不用联网2.分布式版本管理系统的安全性能高，因为并没有所谓的中央管理器，每个人的电脑都是一个版本库，所以并不用担心电脑坏掉后，无法工作3.强大的分支管理所有的版本控制系统，其实只能跟踪文本文件的改动，...
2019-10-30 10:05:33
113
原创 vue实现对echarts图表库的基本使用
一.引入echarts1.下载安装：$npm install echarts --save2.全局引入在main.js中引入echarts//echarts图表的使用import echarts from 'echarts'Vue.prototype.$echarts=echarts3 在需要使用的页面中需再次引入echarts，否则页面将会是一片空白 import echar...
2019-10-26 15:22:39
405
原创 vue实现element-ui中的table组件表格数据导出为excel表格(通过下载按钮实现下载功能)
一.需求实现通过下载按钮完成vue页面中的表格数据的下载，且转化为excel表格效果图：二.思路1.查阅资料，需要安装两个依赖xlsx 和 file-saver安装：$cnpm i --save xlsx file-saver2.在需要使用的页面组件中引入两依赖，并不需要进行在main.js中引入 import FileSaver from "file-saver"; ...
2019-10-26 14:47:53
1933
4
原创 解决vue-cli引入sass，报错：this.getResolve is not a function问题
一.报错结果出现错误:------------this.getResolve is not a function进行sass-loader,node-loader的安装后$ npm install sass-loader node-sass -D (-D是 --save-dev 的简写)重新运行项目npm run dev结果： 仍是报错 this.getResolve ...
2019-09-02 19:12:12
8082
10
原创 对后台传入的数据，进行时间分类展示
一.思路渲染效果：//将相同的数据根据年月份分块渲染2017年5月1211011111--------121122222222018年10月12113111113--------12114111114情况：仿后台传入的数据 test3= [ { type:'121', merchantPresen...
2019-08-21 15:23:17
615
原创 使用mui，webpack取消严格模式
一.当时用mui时，使用webpack取消严格模式当使用mui框架，会出现错误：mui严格模式当webpack项目中引入mui.js,会报caller,callee，arguments在严格模式下无法使用的错误解决方法：真正问题产生是由于babel-loader在编译代码时会加严格模式限制1.通过安装组件----babel-plugin-transform-remove-strict-m...
2019-06-26 21:54:58
793
原创 vue项目的初始配备
一.项目的基本结构拥有：dist，，src，，css ，，js，，index.js,index.html,router.js,app.vueindex.js--------项目的入口文件router.js--------项目中vue的路由，即链接之类app.vue---------项目的入口组件首页：通过mint-ui的框架来构建项目的基础页面 ： MUI 不同于 Mint-UI，M...
2019-06-25 21:50:19
228
原创 webpack--安装和基本使用
一.webpack的安装作用：解决页面加载和请求过慢，，，解决处理错综复杂的依赖关系概念：前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；安装的方式：1.听过‘npm i webpack -g’进行全局安装-----当因为网速不行时，可通过‘cnpm’淘宝镜像来进行安装-----cnpm i webpack -g-----当淘宝镜像安装错误时，可通过‘np...
2019-06-20 22:07:29
181
原创 vue--路由
一.vue路由的基本用法对于单页面应用程序来说，主要通过URL中的hash（url地址中的#号）来实现不同页面之间的切换。同时，hash有一个特点：HTTP请求中不会包含hash相关的内容。所以，单页面程序中的页面跳转主要用hash实现。在单页应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）。路由：进行监听网页中的路径导入路由模块创建组件模板对象创建...
2019-06-19 21:32:27
479
原创 vue--自定义组件
一.全局组件 **组件:组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。** 组件:组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块， 将来我们需要什么样的功能，就可以去调用对应的组件即可。 全局...
2019-06-18 22:20:18
223
原创 vue---动画
一.通过过滤类名实现动画使用过滤类名实现动画：1. 添加 transition组件包住元素2. 设置样式 .v-enter，v-enter-to…和设置触发动画的事件3. 设置元素 v-if或者v-show - v-enter：动画进入之前的初始状态 - v-enter-to：动画进入之后的结束状态 - v-enter-active：动画进入的时间段...
2019-06-17 22:51:14
253
原创 vue--过滤器---自定义指令
一.vue–过滤器过滤器：可改变数据，通过过滤器改变一段数据或者文本中的某一段文本Vue.filter()----全局过滤器new Vue({----局部过滤器filters:{“过滤器名称”:function(){…}}})当局部和全局存在相同的过滤器时，采用就近原则 全局过滤器：filter方法 -----Vue.filter('过滤器的名字'...
2019-06-12 21:45:27
230
原创 vue的事件修饰符
一.事件修饰符1.阻止冒泡：’.stop’阻止事件的冒泡 ------@click.stop='f1()' -----由内向外开始触发冒泡 <div @click='f1()'> <button @click='f2()'>点击</button> &...
2019-06-11 21:46:02
158
原创 vue基础
一.vue的实例使用1,引入vue.js2,创建视图层3,启动vm实例 <div id="app"> <h1>{{message}}</h1> </div> <script> let vm=new Vue({ el:'#app' ...
2019-06-10 22:31:32
187
原创 电商项目中的渲染引擎和ajax调用后台接口
一.渲染引擎作用：当后台改变数据时，能更方便的转换数据，不用传统的那么麻烦1，导入2.HTML页面添加模板引擎，将对应的html修改成模板引擎，使之变成渲染数据，即<% %> ---<script type="text/template" id="">3.通过模板引擎渲染数据，将数据传入HTML页面， ---$('.uu').html(templat...
2019-05-27 21:44:36
409
原创 Zepto的使用
一.ZeptoZepto是一个轻量级的针对现代高级浏览器的JavaScript 库， 它与jquery 有着类似的api。Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery。jQuery和Zepto.js的区别（1）jQuery更多是在PC端被应用，因此，考虑了很多低级浏览器的的兼容性问题；而Zepto.js则是直接抛弃了低级浏览器的适配问题，显得...
2019-05-22 22:03:22
1204
原创 ajax中的模板引擎
一.模板引擎我们在使用ajax请求数据时，返回的如果是一个 JSON 格式的字符串，我们需要将其包装到对应的HTML代码中，再添加到页面上，才能看到效果。------渲染过程就是模板引擎模板引擎的使用： 使用方法： 1.引入 2.通过ajax获取数据，返回到前端 ...
2019-05-18 22:21:16
650
原创 bootstrap的栅格系统
一.栅格系统栅格系统：栅格系统通过一系列包含内容的行和列来创建页面布局。---------------移动端设备 优先----行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）。 使用行来创建列的水平组。或者.contaniner-fluid(占据整个窗口，宽度为100%)中 ...
2019-05-17 20:21:47
254
原创 移动端---js效果--轮播图
一.轮播图的过程移动端中的轮播图----通过transition过渡和translateX()----当最后一张图片过渡结束时或者第一张往右移动，将索引改变----transitionend----过渡结束时触发，改变索引----animationend----动画结束时触发----此时清除过渡效果；transition=“none”;translate=“none”改变位置---...
2019-05-15 22:11:04
440
原创 web移动端布局
一.视觉窗口和流式布局视觉窗口：viewport–移动端特有的视口的作用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，----将页面容器缩放到设备这么大，然后展示。流式布局：通过占据父元素的大小的比例来调整布局结构 适配方案： ---1.网页的宽度和浏览器的宽度保持一致 ---2.默认的显示缩放比例和PC端的保持一致...
2019-05-14 22:00:07
405
原创 画布canvas(二)
一.绘制圆形arc(x-圆心x轴,y-圆心y轴,r-半径,start-起始弧度,是否逆时针，stop-结束弧度)—arc(0,0,100,Math.PI/8,Math.PI/4)----弧度取决于绘制圆形的角度—顺时针的方向绘制圆形 for(var i=0;i<6;i++){ ctx.beginPath(); ctx.moveTo(3...
2019-05-13 20:52:17
153
原创 画布---canvas
一.画布HTML5画布：canvas：拥有默认的宽高，其宽高并不能用样式设置，只能在标签中使用和设置<canvas class=“mycanvas”，id=“mycanvas”>可通过js在页面中绘制各种的图像 var ctx=document.querySelector("#myCanvas").getContext("2d"); ctx.beginPath(...
2019-05-09 22:24:41
264
原创 HTML5--webStorage
一.webStorage 本地缓存 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样 的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。 HTML5中的存储 方式： ---1.window.se...
2019-05-08 21:43:37
180
原创 HTML5（补充）
一.音频和视频–多媒体––音频–1.属性 <audio src="music/yinyue.mp3" autoplay controls> </audio> autoplay--自动播放 controls--控制条 loop--循环播放 preload--预加载--视频--<vi...
2019-05-06 21:44:31
796
原创 CSS3
一.CSS3新增的内容：1.颜色：新增RGBA，HSLA模式2.文字阴影（text-shadow、）3.边框： 圆角（border-radius）边框阴影： box-shadow4.盒子模型：box-sizing5.背景：background-size -设置背景图片的尺寸 background-origin -设置背景图片的原点 background-clip -设置背景图片的裁切区域...
2019-04-28 21:36:44
228
原创 HTML5 --CSS3
一.HTML5HTML5 包含： HTML的升级版、CSS的升级版、JavaScript API的升级版。HTML5是新一代开发 Web 富客户端应用程序整体解决方案。包括：–HTML5，CSS3，Javascript API在内的一套技术组合。------------------------------------------------------------------------...
2019-04-27 16:57:37
202
原创 Ajax基础
一.AjaxAjax:AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。二.请求步骤1.创建XMLHttpRequest对象2.发送请求3.响应4.readyState 1.创建XMLHttpRequest对象 var...
2019-04-23 21:27:54
264
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人