itsxyu-CSDN博客

原创 git常用指令思维导图。git创建新项目，迁移地址，修改提交地址

命令行指令Git 全局设置git config --global user.name "xiaoyu"git config --global user.email "[email protected]"创建新版本库git clone [email protected]:foresee_jspt/icap_bpm_vue_web.gitcd icap_bpm_vue_webtouch README.mdgit add README.mdgit commit -m "

2021-04-27 14:06:16 252

原创 el-form坑之el-input第一次回车会刷新页面

现象：el-input在绑定@keypress.enter.native后，第一次回车时会刷新页面，后面在回车就不会了。原因：W3C 标准中有如下规定： When there is only one single-line text input field in aform, the user agent should accept Enter in that field as a request tosubmit the form. 即：当一个 form元素中只有一个输入框时，在该输入框中按下

2021-01-18 10:06:17 411

原创将指定的commit应用于其他分支git cherry-pick ＜commitHash＞

从分支的commit中挑选部分进行提交$ git cherry-pick 阮一峰教程简单示例

2020-11-12 16:54:19 240

原创后端\\n实现前端换行

后端传入两个\的n在前端会被解析成\n，前端实现换行方式将\n替换成\n。用pre标签输出<pre>{{ bz.replace(/\\n/g,"\n") }}<pre>将v-html输出<el-col v-html="bz" style="white-space:pre-line"><el-col>white-space值描述normal 默认空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 H

2020-07-24 09:51:48 4038 2

原创 vue中Excel的导入导出

安装依赖 npm install -S file-saver xlsx（这里其实安装了2个依赖） npm install -D script-loadermain.js中全局引入 import Blob from './excel/Blob.js'import Export2Excel from './excel/Export2Excel.js'webpack.base...

2020-04-26 14:10:37 318

原创 git问题:Please make sure you have the correct access rights and the repository exists.

一个电脑上切换GitHub和gitlab时，因为只有一个ssh,所以切换时要更新ssh-keygen -t rsa -C “xiaoyu” xiaoyu是要操作的git账号cat /Users/lianyu02/.ssh/id_rsa.pub cat后面的路径上一步可以找到，将输出的ssh-rsa这一段复制到GitHub或者gitlab设置页的ssh中...

2020-03-17 17:27:08 194

原创 vue引入markdown编辑器。实现文章发布。

下载npm install mavon-editor --savemain.js引入import mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'Vue.use(mavonEditor)页面使用。自带@change事件，两个参数分别为输入值和HTML渲染后的值得格式。通过v-ht...

2020-03-13 16:44:16 1673 5

原创 react入门

1.构建项目npm install create-react-app 安装脚手架安装失败，解决方法：//换源npm config set registry https://registry.npm.taobao.org//配置后通过以下方法验证是否成功npm config get registrycreate-react-app react-demo 创建项目react-d...

2020-02-15 22:19:24 106

原创 vue+node+MySQL实现登录

下载wampServer 或者XAMPPwampServer下载出现错误：由于找不到MSVCR110.dll,无法继续执行代码,重新安装程序可能会解决问题原因：缺少vc运行集成库，建议先安装。建立数据库mytest,表login创建目录安装需要用到的.axios ,mysql，body-parser必须，其他自由选择npm install element-ui vuex ax...

2020-01-16 14:54:34 4163 7

原创 vue安装scss报错Module build failed: TypeError: this.getResolve is not a function at Object.loader……

引入scss原因：sass-loader版本8过高，将package.json中的sass-loader8改为 “sass-loader”: “^7.3.1”,，删除node_modules,重新npm install ,然后再npm run dev就行

2020-01-10 11:02:35 312

原创 mock+vuex+axios利用token实现用户登录验证

思路：mock模拟用户数据axios请求接口，router中进行needLogin的判断，true为需要登录才能进入此页面vuex中，将在login.vue中获取的用户名和密码进行验证验证后，拿到token和usertitle，将token存储到sessionStorage中，usertitle存储至vuex的title，在home.vue中显示前端每次跳转时，就在main.js使用...

2020-01-09 16:16:41 5873 10

原创 vuex与v-model对数据的处理

在使用vuex对进行数据处理时，报以下错误Computed property “XXX” was assigned to but it has no setter.组件中v-mode=“XXX”,XXX时state里面的变量报错原因是vuex时单向流而v-model是双向流，在computer中可以通过get获取值但无法用set改变值，vuex官网中提供表格操作的处理方式https:...

2019-12-02 15:32:00 2153

原创解决vuex页面刷新数据丢失

在vue中使用vuex做状态管理，当刷新页面时，发现state里面的数据丢失，这是因为当页面刷新时，store里面的数据就会重新赋值初始化。解决：将state里面的数据保存在本地存储中，这样在刷新页面时就可以直接从本地存储拿1.选择合适的存储客户端localStorage是永久存储在本地，除非你主动去删除;sessionStorage是存储到当前页面关闭为止;cookie则根据你设置的有...

2019-11-29 14:39:00 547

原创 vue实现多个li拖拽

拖拽前拖拽，数字21+104为当前正在拖拽元素的left和top上代码，注意布局要为定位，父级relative，要拖拽的元素为absolute<template> <div class="box"> <li @mousedown="move" v-for="(item,index) in list" :key="index" :styl...

2019-11-27 10:25:53 1950

原创 error: cannot lock ref 'refs/remotes/origin/master': unable to resolve reference 'refs/remotes/origi

当本地修改代码，然后远程也修改了代码时，想要拉取远程最新代码覆盖本地代码1).查看本地修改 git status2).隐藏本地修改 git stash3).拉取远程最新代码git pull，失败，报错 error: cannot lock ref ‘refs/remotes/origin/master’: unable to resolve reference ‘refs/remotes/...

2019-11-20 14:37:39 7732

原创 vue+elementUI实现input查询筛选表格并高亮

<template> <div class=""> <div class="top">  <div class="screen"> <div style="width:30%">筛选：</div>...

2019-11-13 17:27:07 2591 2

原创 vue使用百度地图API,点击地址，地图上调到相应地点

实现以下效果，点击按钮地图跳转到对应地址1.申请百度秘钥，在index.html中引入2.在webpack.base.conf.js中配置Bmap3.vue页面中使用<template> <div id="all"> <ul> <li v-for="(item,index) in lists" :key="inde...

2019-11-12 17:14:22 1623

原创修改elementUI样式（在scoped中修改）

第一种去掉scoped，不推荐，这样会造成全局样式污染，影响其他页面的样式第二种在scoped中，使用深度选择器，可以通过vue-loader提供的新写法（先安装，在使用）>>>某些预处理器（如Sass）可能无法>>>正确解析。在这些情况下，您可以使用/deep/组合器 - 它是别名，>>>并且完全相同。/deep/ .(eleme...

2019-11-07 17:05:02 3950

原创 vue实现日历

先上效果图year ,month,day分别表示年，月，日，preDay表示显示在展示月中的上个月剩余天数，nextDay表示下个月天数，monthSize表示展示月的天数大小，monthNum用于循环月份按钮，week用于循环星期这一列表，monthList存的是一年中的各个月的天数大小。getCurrent()是获取当前时间，getLastMonthSize()表示获取显示在这个月中的...

2019-11-05 16:01:12 4726 6

原创购物车各种计算方法watch,computer（v-for循环计算多个input的值）

<template> <div class="layout-center"> <ul class="nodot"> <li v-for="(item,index) in todo" :key="item.id">面额 {{item.value}}: <input...

2019-10-31 15:53:18 788

原创 v-for循环出来的元素绑定不同事件

点击不同li触发不同事件<template> <div class="home"> <h2>Essential Links</h2> <ul> <li v-for="(item,index) in lists" :key="index" @click="getLists(item.methods)"...

2019-10-28 17:05:57 1451 1

原创 vuex+axios+mock

利用mock模拟数据，axios获取连接，vuex状态管理主要目录结构main.jsimport Vue from 'vue'import App from './App'import axios from 'axios'require('./mock/mock.js')import store from './store/store'//导入并使用import VueRou...

2019-10-28 16:14:26 289

转载 Vue-Devtools的安装配置

最简便方法！可直接GitHub下载https://blog.csdn.net/weixin_38654336/article/details/80790698

2019-10-28 15:49:14 106

转载 vuex入门

查找到的一篇入门实践https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc

2019-10-25 15:23:20 107

原创前端面试题汇总

1.HTML51. html5有哪些新标签（1）多媒体元素audio、video、embed（标签定义了一个容器，用来嵌入外部应用或者互动程序（插件））（2）表单元素datalist 用来表示可选的列表(跟html中的select标签功能一样)（3）新的语义和结构元素artic、aside、section、nav、figure(单个单元引用的自包含内容)mark（高亮）、pro...

2019-09-06 17:46:41 210

原创 v-jsonp调用数据接口渲染页面

1.下载v-jsonnpm i -S vue-jsonp2. main.js中导入import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)Vue.config.productionTip = false3.$jsonp通过接口地址获取接口数据

2019-09-05 23:52:39 319

原创 vue的UI 组件vux

1.安装以及语言包配置步骤详见链接https://blog.csdn.net/revival_liang/article/details/78267992###2app.vue中使用viewbox@import ‘~vux/src/styles/reset.less’;

2019-09-03 22:56:42 200

原创 webpack+vue构建项目

vue项目的搭建第一步下载vue脚手架下载好后测试是否安装成功第二步创建基于webpack的vue项目vue init webpack 项目名称除了vue-router输入yes,其他输入no结束之后可以看到我的d盘生成了一个myvue目录。第三步运行项目进入安装好的项目目录启动项目此时打开浏览器127.0.0.1：8080出现vue的图标注意：若出现8080端口被...

2019-09-03 22:56:30 108

原创数据库基本操作

创建库创建库前设置客户端连接服务器所有的字符集： SET NAMES UTF8CREATE DATABASE 库名USE 库名创建表CTRATE TABLE 表名（列，列，列）表中插入数据INSERT INTO 表名 VALUES(值1，值2)表中删除数据DELETE FROM 表名 WHERE 条件修改表中数据UPDATE 表名 SET 列=值，列=值 WHERE...

2019-08-28 17:40:31 102

原创基于vue的移动端组件库Mint UI和MUI

Mint UI基于vue.js的移动端组件库，任何项目都可以使用MUI或bootstrap，但是mint-ui只适用于vue项目官网http://mint-ui.github.io/#!/zh-cn1.安装：npm i mint-ui2.引入Mint-uiimport Vue from ‘vue’import MintUI from ‘mint-ui’import ‘mint-ui/...

2019-08-27 20:37:22 450

原创 webpack中导入vue

1创建webpack项目，安装Vue的包cnpm i vue -S2在main.js中，导入vue模块import Vue from 'vue’问题：在这个里面导入的是Vue构造函数，功能不完整，只提供了vue.runtime-only.js的方式，并没有提供像网页中那样的使用方式解决：找项目根目录中的node_modules–>vue–>package.json–&gt...

2019-08-25 21:03:48 206

原创 webpack基本配置及使用

第一步node下载首先需要本地下载好node.js，安装好后就自动生成npm（包管理器）下载地址https://nodejs.org/en/检查安装，window+r—>cmd—>输入node -v可以查看安装版本，显示则表示安装成功，测试npm，npm -v第二步安装webpack的两种方式npm i webpack -g全局安装webpack在项目根目录运行np...

2019-08-25 12:33:24 215

原创 git上传克隆项目和配置ssh key

git上传克隆项目和配置ssh key上传项目至GitHub从GitHub上克隆项目下来并上传问题配置ssh keygit中Please enter a commit message to explain why this merge is necessary上传项目至GitHub并且注册好GitHub账号后，选择new新建项目>>填入repository name >&gt...

2019-06-10 21:26:34 653 3

原创自定义单选按钮和复选框按钮

一.单选按钮1.效果图2.代码<style> /*去除代码默认样式*/ input{ display: none; } /*在label前面添加自定义单选按钮*/ label:before{ content: ""; width: 5px; height: 5px; display: inline-block; border: 1px sol...

2019-05-17 23:20:32 454

原创 css3实现页面折角

css3实现动态页面折角效果图代码.效果图代码. <style>.bg{ background: pink; width: 120px; height: 120px;} .image-layer { width: 120px; height: 120px; margin: 40px auto 0; position...

2019-05-13 09:23:29 1168

itsxyu的博客