- 博客(72)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 vue使用iview解决多级菜单如何渲染问题
1、当不确定菜单有多少层级的时候，第一时间就想到使用递归的方式渲染菜单，下面我们来看看如何实现。2、使用ivew菜单组件，目前项目也用的是这个框架，不熟悉的小伙伴可以先看看这个菜单组件，熟悉的小伙伴我们继续向下看。3、我的实现思路，判断没有子菜单单的时候，使用组件的正常渲染，如果有子菜单，那就需要加载这个组件 <left-menu-nav />，继续帮我们循环，走下一步<Menu ref="user" accordion ..
2020-09-28 12:13:11
999
1
原创 微信小程序实现上传多张图片，删除图片
最近在做微信小程序，遇到上传多张图片到服务器，计算上传图片的张数，并且可以手动删除图片，下面是效果图效果图：本来用的是小程序提供的mp-uploader 上传图片的组件，无奈次组件删除效果不是我想要的，只能用wx.chooseImage进行上传图片，在使用uplaodFile将图片发送给后台服务器。下面直接展示代码：wxml: <view class="con_titles"> <view class="con_left"> <...
2020-06-09 15:11:30
2620
4
原创 vue自定义组件实现底部导航栏动态切换
我们都知道vue的两大特性：组件化和数据驱动，今天我们就来说说关于vue组件开发，最近由于开发一款移动端商城，底部的导航栏就利用组件化实现的，下面先看看效果图：实现这个功能我们需要知道父子组件之间的传值方式：简单来说，子组件通过props方法接受父组件传来的值，子组件通过$emit方法来向父组件发送数据。（具体案例可以看我之前写的博客https://blog.csdn.net/qq_...
2020-04-02 11:32:28
4937
原创 嗨，你开始养生了吗？
我们身处在这样一个时代，没有人会真正的关心你的身体，他们只会在乎你为公司创造了多少利益，身体是革命的本钱，不要仗着年轻就过度的透支自己的身体，要学会爱护自己的身体，从现在做起，养成良好的习惯，这样我们才能在人生这场持久战中坚持下去，唯有这样才有胜利的希望。其实最好的养生是有一个稳定的好心态，是保持规律的运动，是少吃东西，是多睡觉。
2023-12-01 09:44:01
408
原创 优秀的合作伙伴
职场也是一个小团体，都是为了各自的利益相聚，相处的时间比和家人相处的时间还要多；很幸运我一直都遇到了很多好同事，合作很愉快，工作也很轻松；没有太多说不想上班，抵制上班的的郁闷情绪。
2023-11-28 09:34:30
362
原创 vue2 中store 使用
（1）、页面使用actions 方法设置值。使用辅助函数，相比dispatch 使用会更加简单。（2）、页面获取getters中的值。1、创建store文件。
2023-11-17 17:12:53
863
原创 Git 的基本概念和使用方式以及常见错误的处理方法
解决方法是要么先提交当前分支的更改，要么使用git stash命令保存当前分支的更改，然后再切换到其他分支。"error: failed to push some refs to" - 这个错误通常是因为本地仓库和远程仓库之间存在冲突。远程仓库（Remote Repository）：是存储在远程服务器上的仓库。您可以将本地仓库推送到远程仓库，并从远程仓库拉取代码。分支（Branch）：是仓库中的一个版本，可以用来开发新功能或修复问题。从远程仓库拉取代码或将本地仓库推送到远程仓库。在本地电脑上创建一个仓库。
2023-11-16 17:45:20
204
原创 浅谈vue2.0和vue3.0的区别
在Vue3.0中，我们使用了新的@语法来代替v-on:，使用了reactive函数来创建响应式对象，并且使用了setup函数来替代data和methods。组件：Vue 3.0 中的组件使用方式与 Vue 2.x 相同，只是在实现上有一些差异，如定义组件的方式和组件的生命周期方法。9. 更高效的虚拟DOM：Vue3.0中的虚拟DOM与Vue2.0相比更加高效，这意味着更快的渲染速度和更少的内存占用。模板语法：Vue 3.0 中的模板语法比 Vue 2.x 更简单，支持更多的特性，如条件语句、循环语句等。
2023-11-16 17:35:04
218
原创 vue对提示框的封装
使用Modal Message 方法如下const root = process.env.VUE_APP_URL;import axios from "axios";import { Modal,Message } from "view-design"; deleteRow(url, ids) { return new Promise((resolve, reject) => { Modal.confirm({ title: "删除提示",
2020-08-21 16:31:16
789
转载 vue 中表格 拖拽排序
vue+iview 表格 拖拽排序，代码如下<Table border ref="selection" :columns="columns" :data="data" :draggable ="true" @on-drag-drop="onDragDrop" > </Table>js 代码如下onDragDrop(first, end) { //转成int型，方便后
2020-08-21 16:28:14
1456
原创 vue学习做项目流程
1、知道有哪些指令和修饰符，如何使用。2、路由动态传值和取值3、定义子组件，父子组件之间传值4、bus中间站，传值和取值5、vuex的使用6、如何在项目中使用其他的框架（echarts、jquery）7、搭建项目的框架，配置路由，完成页面的编写8、封装的接口如何调用9、如何在vue挂载一个框架，然后全局可以使用10、熟练使用elementUI的任何一个模块小功能：如何上传文件、如何拖拽生成一个图、如何拖动时间轴显示当前的数据。1、使用ElementUI...
2020-07-09 16:53:53
426
转载 vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏
vue实现部分页面导入底部 vue配置公用头部、底部，可控制显示隐藏在app.vue文件里引入公共的header 和 footerheader 和footer默认显示，例如某个页面不需要显示header可以使用 this.$emit('header',false);来控制header不显示例如：test页面不需要显示header，在页面被创建的时候广播(this.$emit)告诉上级不显示header，并且在当前页面写自己的header代码，就可以了app.vue<...
2020-07-09 16:48:22
1372
转载 JavaScript 字段脱敏处理
/** * 字段脱敏处理 * @param {String} field 未脱敏字段 * @param {Int} before 开头未脱敏字符数 * @param {Int} after 结尾未脱敏字符数 * @return {String} 已脱敏字段 */ function sensitiveField(field, before = 3, after = 4) { if (!field) { return ''; } ...
2020-06-10 13:58:39
1135
原创 微信小程序地图实现展示路线路
效果图：思路：1、首先获取一系列的坐标点，然后将这些坐标从头到尾链接起来。（参考微信小程序地图组件polyline属性）2、在获取的坐标点上标注某一个位置，实现打点。（参考微信小程序地图组件marker属性 ）3、使用map组件微信小程序地图组件api地址：https://developers.weixin.qq.com/miniprogram/dev/component/map.html下面直接展示代码：wxml:<view class="page-secti.
2020-06-09 14:04:46
3827
1
转载 iView表格（table）渲染（render)
零、render1、语法以下分别定义了：标签名称，（样式，事件等综合内容），显示内容render: (h, params) => { return h('span', { style: { color: '#FF7D41' }, on:...
2020-04-22 17:06:42
4858
原创 stripe支付
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>测试stripe支付demo</titl...
2020-03-25 18:59:44
1058
1
转载 ES6经典面试题
一、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?答： ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子，但是最多只能当个游击队长。二、问：ES5、ES6和ES2015有什么区别?答： ES20...
2020-03-25 18:14:05
5540
转载 微信小程序最新面试题
1 请谈谈微信小程序主要目录和文件的作用？project.config.json 项目配置文件，用得最多的就是配置是否开启https校验； App.js 设置一些全局的基础数据等； App.json 底部tab, 标题栏和路由等设置； App.wxss 公共样式，引入iconfont等； pages 里面包含一个个具体的页面； index.json (配置当前页面标题和引入组件等)；...
2020-03-25 18:09:33
7271
原创 electron与vue框架结合
一、安装vue脚手架：npm install -g vue-cli二、创建工程：vue init simulatedgreg/electron-vue electron-vue-start(你所创建的文件名)三、进入 electron-vue-start(你创建的工程名)工程依赖：输入：yarn如果此时提示没有发现yarn.js这个模块，那么久需要全局安装yarn:...
2019-11-27 13:25:21
3579
原创 electron项目搭建步骤
最近由于需要做一款跨平台的桌面应用，所以选择使用electron来作为开发的框架，下面说一下如何搭建一个简单的electron项目:准备工作：（1）下载安装git：https://www.git-scm.com/download/win （2）下载安装node.js环境：http://nodejs.cn/download/准备工作完成之后开始搭建项目：1、克隆示例仓库的项目...
2019-11-27 12:54:44
1188
原创 vue最新面试题
最近在面试，总结几个重点的面试题：一、vue父子组件之间的传值：简单来说，子组件通过props方法接受父组件传来的值，子组件通过$emit方法来向父组件发送数据。（具体案例可以看我之前写的博客）。二、vue生命周期函数：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestr...
2019-07-01 18:28:50
174495
4
原创 vuex实现购物车的增加减少移除
1.store.js（公共的仓库）import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { carList: [] //购物车的商品 }, mutations: { // 加 ...
2019-06-19 15:12:30
9875
原创 Vue非父子组件之间的通信
// 注册一个空的js,作为中转站bus.jsimport Vue from 'vue'export default new Vue()A组件：非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。$emit发送事件<template> <div @click="eleValue...
2019-05-31 17:07:12
313
原创 Vue自定义指令实现拖动滑块验证功能
<template> <div> <div class="movebox"> <div class="movego"></div> <div class="txt" id="txt">拖动滑块验证</div> <div class="move moveBe...
2019-05-31 16:56:57
351
原创 js模拟百度搜索
总体思路：用户在文本框里输入的是什么，就来数组中遍历每个元素，找输入的内容是否在遍历到的元素里面，如果在，就把这个元素做成li标签加到ul里，如果不在就不操作 怎么判断在不在字符串里？ xxx.indexOf(内容) != -1 onkeyup事件： 键盘弹起时会触发的事件效果图：...
2019-04-30 15:48:15
723
原创 js去掉数组中重复的json对象
需求：去除数组对象中重复的json对象js代码：var arr=[{ service_cname: "黑花生（100g*15袋/盒）", type:1 },{ service_cname: "苹果", type:3 }, { service_cname: "苹果", type:3 }, { service_cname:...
2019-04-30 15:33:19
2210
原创 vue中轮播图的使用
下载：npm install swiper --save-dev网址：swiper4.0使用入口：http://www.swiper.com.cn/usage/index.html<template> <div class="MoveImg"> <div class="swiper-container"> <div...
2019-04-28 17:23:21
922
原创 vue 中请求接口的两种方法
vue 项目安装axios：cnpm install axios --saveimport axios from 'axios' 哪个文件需要用到就在哪个文件中引入安装qs：npm install --save axios vue-axios qs import qs from 'qs' qs 用来解决vue中post请求以 a=a&b=b 的格式ma...
2019-04-28 17:19:03
32443
原创 vue父子组件之间传值，动态改变搜索框标题
子组件：<template> <div id="child" > <div> <span>{{childName}}</span><br /> <div class="divWidth"> ...
2019-04-28 17:13:34
961
转载 Vue面试中，经常会被问到的面试题/Vue知识点整理
一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，Vi...
2019-04-15 16:51:03
1454
原创 微信小程序动态切换class类名
之前用jquery时我们可以使用：$(".classify").eq(0).addClass("addStyleMi").siblings().removeClass("addStyleMi");动态的为元素切换类名，添加css样式。但是微信小程序中不提供操作Dom的方法，但我们也可以实现为元素动态切换类名。效果图： ...
2019-03-27 11:15:15
29742
5
原创 js实现商城秒杀倒计时功能（动态设置秒杀时间）
效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...
2019-03-14 15:32:51
8351
原创 2019前端js面试题
1、js用什么函数判断一个变量的类型一般简单的 用typeof 和instanceof 检测， typeof 检测数组和对象时候，返回object,instanceof 检测用来检测数组或者对象 返回true/false console.log(typeof({"name":'789'})) typeof //判断数字 instanceof //判断对象和数组的 // 判...
2019-03-07 15:43:18
10167
原创 canvas实现整个页面画成一张图片并进行分享，解决获取线上图片报错问题
最近项目中遇到将整个页面都分享给朋友的需求，我们都知道如果长按页面的话只能发送其中的一个图片。所以最终选择用canvas来画一张图片。 这个是需求图使用canvas画图不难，网上有很多案例，我这里要说的是canvas的一个坑：canvas有同源策略的问题，这个之前还真的不知道，在这个需求中我需要获取个人的微信头像，但是当我在本地测试的时候会报错：也就是说c...
2019-03-06 13:20:04
2729
原创 微信小程序循环商品列表以及如何向其他页面传参数
商品列表是好多个商品，jquery中我们可以用for循环，或者$.each()来循环商品列表，可是小程序中应该怎么写呢？其实很简单：1、wx:for 是用来循环数组的,在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。<view class='shop_Box'> <view class='shopBox' wx:for=...
2019-02-25 17:57:53
4481
桌面应用程序electron以及搭建步骤
2023-11-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人