- 博客(35)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 electron-vue项目从搭建、运行到打包（以及electron-vue的bug修改）
electron-vue 的项目搭建、运行到打包
2022-12-12 15:03:04
3874
7
原创 elementUI el-tree组件的filter报错Error in callback for watcher “xxx“: “TypeError: x is not a function
elementUI el-tree组件的filter报错Error in callback for watcher "xxx": "TypeError: x is not a function的解决办法
2022-11-21 12:13:18
2973
7
原创 koa2框架下的node图片上传接口配置（附前端vue中mavon-editor配置代码）
使用koa-multer编写图片上传接口服务器源码：const Router = require('koa-router');const fs = require('fs')const path = require('path')const multer = require('koa-multer')const router = new Router({ prefix: '/file'});//配置diskStorage来控制文件存储的位置以及文件名字等var storage = m
2022-01-18 15:36:56
661
2
原创 Vue中swiper二次封装以后传入prop属性覆盖的问题
写小demo的时候，对于swiper进行了二次简单封装成一个组件。但是在使用过程中，如果一个页面多次使用封装的swiper组件后，prop传入的属性会覆盖，比如前一个swiper初始化默认可见4个，后一个swiper初始化默认可见2个，但是复用组件以后都是可见2个。示例如图：前一个swiper后一个swiper页面代码swiper.vue<template> <div class="my-swiper"> <div class="swiper
2021-10-11 10:23:20
595
原创 TypeScript实战 -- 贪吃蛇游戏(2)--实现蛇类和游戏控制器类，完成游戏
TypeScript实战 – 贪吃蛇游戏(2)–实现蛇类和游戏控制器类，完成游戏在上篇文章（TypeScript实战 – 贪吃蛇游戏(2)）中我们实现了贪吃蛇游戏中的食物类：实现了获取食物位置，随机改变食物位置的功能，计分板类：实现了获取积分和等级，增加积分，增加等级规则的功能。下面让我们实现一下最后的两个类：蛇类和游戏控制器类。分析我们的游戏，采用面向对象的方法开发，将游戏中的各角色分成一个个的对象，目前来说，它们各自都是独立的部分，各自都有各自独立的特性的方法，这是正确的。但是我们还需要一个将各个
2021-04-21 17:46:56
263
原创 TypeScript实战 -- 贪吃蛇游戏(1)--项目简介与具体实现、实现食物类和计分板类
TypeScript实战 – 贪吃蛇(1)目的使用typescript以及面向对象的方式编写简易版贪吃蛇的项目，实现：蛇自主移动，吃到食物检测并增加身体长度，食物随机生成，计分板，撞墙检测，键盘事件检测等基本功能。界面分析总体来说，整个游戏中所含的对象可以分为四个：蛇(Snake)，食物(Food)，计分板(Scoreboard)，游戏控制器(GameController)。Snake：获取与设置蛇身体部分的位置，移动身体，增加长度，处理撞墙Food：获取与设置食物位置，随机改变位置S
2021-04-20 17:07:07
1016
7
原创 干货！ 快速上手typescript的学习笔记 （对比JS的新特性，环境搭建，webpack配置，ts编译配置）
前提需要有js的基础文章目录TypeScript产生背景什么是TypeScript？TypeScript增加了什么TypeScript开发环境搭建基本类型编译文件配置tsconfig.json常用的各配置项使用webpack打包ts代码安装webpack配置webpack配置ts编译规则增加package.json中script的命令试编译ts代码安装html-webpack-plugin安装webpack-dev-server安装 clean-webpack-plugin配置webpack，告诉它引用的
2021-04-16 17:40:05
285
原创 尤大前端新玩具-vite 简介 对比Webpack 手写实现简单的vite实现
文章目录Vite定义由来vite创建项目对比差异点vite速度体验viet两个子命令：webpack启动过程：vite启动过程：vite第一次启动时的编译vite的按需请求NPM 依赖解析和预构建：HMR 模块热重载打包和不打包的问题实现原理核心思路手写实现vite小结Vite定义面向现代浏览器的一个更轻，更快的web应用开发工具，基于ECMAScript标准原生模块系统(ES Modules)实现。Vite (法语意为 “快速的”，发音 /vit/) 是一种新型前端构建工具，能够显著提升前端开发体
2021-04-14 16:00:31
1682
原创 Spring从基础开始到熟悉的知识笔记(idea版)--持续更新
Spring（idea版）简介全家桶：spring，spring boot，springmvc，spring cloud初衷：解决企业开发的难度，减轻对项目模块之间的管理，类和类之间的管理，帮助开发人员创建对象，管理对象之间的关系。核心技术：ioc, aop 能实现模块之间，类之间的解耦合依赖：class A中使用class B的属性或方法，叫做class A依赖class BIOC(Inversion of control)控制反转：是一个理论，概念，思想。把对象的创建，赋值，管理工作都交
2021-04-01 16:42:29
162
原创 Oracle 干货-从基础到熟悉的最全学习笔记
文章目录Oracle介绍基本概念常用字段解释SQL简介简单查询查询语句别名用法数据去重字符串连接查询查询中四则运算限定查询非空和空的限制AND关键字OR关键字NOT 关键字Between and 关键字IN 关键字Like关键字非'<>'或'!='对结果集排序单行函数字符函数数值函数日期函数Oracle介绍Oracle数据库系统是美国ORACLE公司提供的以分布式数据库为核心的一组软件产品，是目前最流行的C/S,B/S体系结构的数据库之一。基本概念数据库Oracle数据库是数据的
2021-03-22 15:24:36
303
2
转载 实现10种简单的loading效果
<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></div> .loading{ width: 80px;.
2020-10-20 15:29:50
2424
原创 elementUI input组件无法输入内容
解决此问题要从两方面出发：是否绑定错了数据是否视图没有更新是否报错了1,3情况自己解决，现在只说没有报错，也没绑定错数据的情况解决办法：使用$forceUpdatevue的强制重新渲染示例：本来输入框是怎么都输不进去的，但是给输入事件加上$forceUpdate，一切解决 <el-input v-model="showDetailList[2].msgList[0].controlOpenValue" placeholder="请输入开度" @blur=
2020-09-28 18:12:25
1065
原创 vue给对象数组某个值赋值页面不更新的问题
之前的语句handleEditorCallBack(obj, index) { this.FormData.data.problemsAnswer[index]=obj}但是页面还是以前的值由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[index] = newValue解决办法handleEditorCallBack(obj, index) { this.FormData.data.problemsAnswe
2020-08-12 10:41:57
1743
原创 elementUI，table计算后赋值给外部出现问题
写一个项目时，需要实现一个动态增减table的行数，然后将两列的乘积放在第三列做金额计算。然后将table所有金额进行计算放在form表单里，进行总金额展示起初的实现：新增行时，form的总金额是跟着变的，但是在table里计算以后，总金额是不会跟着变化table：<el-table-column label="计划数量" align="center" width="180"> <template slot-scope="scope"> <el-inp
2020-07-14 11:10:42
348
原创 使用iview实现某些组件时报错Failed to execute removeChild on Node
完整错误出现场景在用iview实现tree组件实现编辑的功能时出现添加子节点和修改子节点时报错分析原因报错位置，iview.js的这个函数说明this.$el判断有问题错误意思是删除一个node，但是它不是body的子node解决办法用document.body.contains改写函数，先来判断是不是body的子node，然后删除...
2020-06-29 15:30:41
759
原创 简单封装axios
封装axiosaxios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护文件一般来讲，新建一个http.js文件用来封装axios，剩下的xxxAPI.JS文件来统一管理调用的api引入import axios from 'axios'import QS from 'qs' //用于序列化参数，方便后台拿到参数设置环境(使用的ip地址)/** * 设置ip环境 * 可以切换不同的请求ip */axios.defaults.baseURL = '
2020-06-19 11:06:57
164
原创 vue-router懒加载
基础配置import index from '../view/index.vue'const routes = { { path:'/index', component:index }}懒加载好处：如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。当你用require这种方式引入的时候，会将你的component分别打包成不同的js，加载的时候也是按需加载，
2020-06-18 10:51:14
109
原创 小程序HTTP API外部服务器查询云数据库时显示错误$in needs an array hint
在云开发完小程序以后，搭建后台管理平台的时候发现在服务器端用小程序提供的HTTP API查询数据库时报错 $in needs an array hint最初我的查询语句是：//newArr的处理let newArr = [] for (let i = questionNum - 4; i <= (questionNum); i++) { let num = (...
2020-03-17 17:57:27
644
原创 微信小程序实现Tab滑动切换
先上图录制软件问题导致滑动过程中侧边有白边，实际模拟器和手机测试正常因为在写项目的过程中需要写一个tab滑动切换的界面，微信小程序没有提供，所以就自己用swiper实现一个主要是使用了swiper内的current属性以及组件通信的连接代码wxml:<!-- Tab部分 --><tab-control class="tabcontrolclass" ...
2020-02-27 12:08:50
1088
原创 VUE响应式原理
笔记前段时间面试小米被问到vue的响应式原理。然后粗略的回答了发布者订阅者模式，Object.defineProperty()，感觉面试官不是很满意，我自己其实当时答的也没底记录js中Object.defineProperty()用来在一个对象上定义一个新的属性或者修改已存在的属性。Object.defineProperty(obj,key,value)obj修改的对象key属性v...
2019-09-21 18:33:09
347
原创 2019小米前端面试
（之前笔试两道代码题基本没怎么AC没想到过了，收到了面试邀请）2019-9-11中午2点开始一面。面试官人很好，感觉不是很严1.请你说说状态码。300，301，304（说到中间说错一个300我炸了慌了）然后他让我说说知道哪些2.H5语义化标签的优点3.vuex给vue带来的优点和它的一些缺点4.重绘重排，重绘在什么时候发生（当时答完又说了如何避免重排尽量重绘）5.跨域的解决方案，主要...
2019-09-11 15:18:23
1920
1
原创 圣杯模型和双飞翼模型的实现
圣杯模型的实现（中左右）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} .head{ hei...
2019-09-05 10:18:14
289
原创 使用vuex时，actions如何使用$nextTick
今天在完善仿卖座移动端项目的时候，因为获取影院的ajax在actions里面定义，因为数据量大，所以使用了better-scroll之前是因为在影院组件里面直接写的ajax，所以$nextTick出现了判断的错误，如果变换了ajax的获取，它会存留上一次的最后的状态所以我用了一个比较笨的办法，将组件里面的this直接传给state里面定义的一个变量，然后使用这个变量再调用$nextTick ...
2019-09-01 22:09:05
1181
原创 vuex写法风格
不同的vuex的写法state:单一状态树，每个应用将仅仅包含一个store实例。在元素绑定的过程中，直接在引号里面使用this.$store.state.状态名字<div v-show="状态名字"></div>//状态名字是你在store.js中state定义的状态属性计算属性写法一：//伪代码<div v-show="computedSho...
2019-08-20 22:38:44
417
原创 解决document.documentElement.scrollTop为0
最近写项目的时候，发现做一个吸顶效果只有chrome可以获取到滚动的值，其他浏览器都是0结局方案做一个兼容性操作即可 let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset; if(top > this.$refs.filmSwiper.$el.offs...
2019-08-20 12:26:31
2301
原创 常用的Swiper属性
转载于：https://blog.csdn.net/zhang_z97/article/details/81623549var swiper = new Swiper('.swiper-container', { direction: 'horizontal', //默认是横向，可以设置竖向vertical Slides的滑动方向，可设置水平(horizontal)或垂直(ve...
2019-08-18 15:52:19
3831
原创 配置vue脚手架项目和后端交互过程
++这里所有的指令都是在控制台运行的++安装脚手架npm install -g @vue/cli创建脚手架的项目vue create xxx//这里是项目名称开始配置文件进入你的项目文件，运行项目服务cd xxxxnpm run serve (不是server)控制台会提示你从哪个url进入，可以查看自己的网页文件夹下的view是你的视图层如果你编写完你的项目，需要...
2019-08-18 14:21:53
1983
原创 Vue组件中，data为什么必须是个函数，而不是对象
今天学习vue组件的时候，发现组件里面的东西，其实和定义的root实例里面的东西时一样的，除了data。这个data必须是function类型，而且必须返回一个实例对象的值，里面的值就是定义的data。这是为什么呢下面举一个小例子来类比一下正确的定义一个组件：//定义组件<template id="cpn"> <div> <h2>我是{{name}}...
2019-08-15 17:58:54
1626
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人