- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue-cli3项目本地启用https,并用mkcert生成证书
利用刚刚生成的ca证书，再生成cert证书，mkcert create-cert，会在刚刚的路径下生成cert.crt和cert.key文件。判断是否安装成功，输入命令：mkcert --version，如果能看到版本号，说明安装成功，可以进行下一步。2、生成一个ca证书，mkcert create-ca，生成之后会看到一个ca.crt和ca.key文件。4、在vue项目中使用cert.crt和cert.key。导入ca.crt，然后选择受信任的根证书颁发机构。3、在浏览器中导入ca.crt。
2023-09-06 10:14:03
1957
原创 js递归遍历树结构（ant Design Vue的树形控件）
ant Design Vue的树形控件中要求的数据格式如下：treeData = [ { name: '总文件夹', key: '0', children: [ { name: '文件夹1', key: '0-0', children: [ { name: '文件夹1-1', key: '0-0-1'}, { name: '文件夹1-2', key: '0-0-2' },
2022-03-28 09:52:48
1767
原创 自定义组件的 v-model
官网链接：自定义组件的 v-modelv-model相当于一个语法糖（简写）<input v-model="value" type="text">就相当于：<input :value="value" @input="value=$event.target.value" type="text">由上面代码可知：v-model 默认会利用名为 value 的属性 和名为 input 的事件，但是如果我们想用其他属性或事件呢？例如：<input :checkd="val
2021-04-08 16:49:22
98
原创 vue和vue-cli版本
查看vue版本：①去项目中,找到package.json文件夹 找"dependencies"然后就可以看到你装的vue的版本②去项目中执行命令npm list vue查看vue cli版本：vue -V或者vue --versionvue-cli2安装：pm install -g vue-cli@版本号vue-cli2卸载：npm uninstall vue-cli -gvue-cli3/cli4安装：npm install -g @vue/cli@版本号vue-cli3/cli4卸载：np
2021-03-31 10:41:36
127
原创 箭头函数的this
箭头函数两大特点：1.简化代码2.this指向不同this指向和传统函数的区别：传统函数：谁调用它就指向谁箭头函数：往上找上一个函数定义的this，如果往上找没有函数了，就指向window（箭头函数本身是没有this的）传统函数例子：var obj = { aa: '11', getVal: function () { console.log(this) }};//因为是obj调用的getVal函数，所以这里this打印出的就是objobj.
2021-03-26 14:43:08
121
原创 在Vue项目中使用Typescript
Typescript中文网一、创建vue项目vue create vue-ts-demo选择Manually select features（手动选择）选择图中五项（按上/下键切换选项，空格键选择该选项）：enter进入下一步进行其他配置：参考博客：简单粗暴 · 手把手教你在Vue项目中使用Typescript使用Vue-cli3搭建Vue+TypeScript项目二、项目目录src目录下还多了两个文件：shims-vue.d.ts和shims-tsx.d.tsshims-vu
2021-03-19 09:37:24
329
原创 electron项目用Sequelize连接数据库sqlite3（二）
前面写了一篇文章electron-vue构建桌面应用（一），我们有了项目的基本结构：main:主进程；renderer:渲染进程。本篇介绍如何在主进程中连接数据库，并用express生成路由让客户端访问。一、用Sequelize连接数据库Sequelize是基于Promise的Node.js的ORM框架。ORM即Object-Relationl Mapping，它的作用是在关系型数据库和对象之间作一个映射：在具体的操作数据库的时候，就不需要再去和复杂的SQL语句打交道，只要像平时操作对象一样操作它
2021-01-18 16:53:49
4044
转载 win10环境下安装python3.5步骤
点我去Python官网下载 往下翻几页就能看到各种版本的Python，当前最新的是Python3.6，也没多大区别，我选择的是3.5.2 64位的，点击download 根据自己的电脑配置，我选择的是64位的 一路默认下去吧！ 安装成功！下面打开命令提示符，输入python，回车如下图一样就安...
2021-01-14 11:28:42
209
原创 electron-vue构建桌面应用（一）
electron-vue，作者为我们封装好了一个基于vue框架的脚手架，包括electron所有基本的开发构建工具 和vue配套的请求，路由以及vuex等插件。通过脚手架我们可以直接进入开发阶段。官网：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/以下是具体步骤：一、node -v(小写v) ；如果没有显示node版本，先去官网下载安装node(node自带npm，npm是nodejs的包管理器,只有下载了node才能用npm把依赖
2021-01-13 14:47:01
476
原创 ant design vue禁止选择部分日期
<a-date-picker :disabled-date="disabledDate" />methods中函数:disabledDate(current) { return current && current < moment().endOf('day');// 当天之前的不可选，包括当天 return current && current <moment().subtract(1, "days"); //当天之前
2020-12-15 14:32:15
1609
原创 ant design vue的单选框radio回显问题
代码块1：<template> <div> <a-radio-group v-model="rruleForm.adioValue"> <a-radio value='0'>男</a-radio> <a-radio value='1'>女</a-radio> </a-radio-group> </div></template>
2020-11-17 15:59:52
2249
原创 js堆和栈，浅拷贝和深拷贝
参考：深拷贝和浅拷贝区别基础数据类型是存再栈中（大小固定且会自动释放，随着方法的执行结束，这个方法的内存栈也自然销毁），引用类型是存在堆中的（大小不固定且不会自动释放）浅拷贝和深拷贝(针对引用对象Array、Object)浅拷贝是只复制一层属性名层，深拷贝是复制多层，每一层都拷贝。浅拷贝例子1：var arr1 = [1,2]var arr2 = []arr2 = arr1arr2......
2020-03-23 22:18:10
171
1
原创 js判断数据类型
数据类型包含7种：number、boolean、symbol、string、object、undefined、function①基本数据类型：Number、String、Boolean、Undefined、Null②复杂数据类型：object③Symbol数据类型三大引用类型：object、array、function...
2020-03-23 13:00:20
86
原创 Vue在使用v-for时为什么设置key值，为什么不能用index作为key
为什么设置key值Vue是不直接操作DOM的，是通过js的Object对象来模拟DOM中的节点，比较虚拟DOM是用的diff的算法。diff算法的图：总体意思来说：只会同级比较，不会跨级比较。举例：如上图：在同级A,B,C,D四个节点中，在B和C之间插入E,没有key的时候：C更新成了E,D更新成了C,最后插入D,这样效率很低。加上key之后，就能准确的找到节点的位置：发现ABCD...
2020-03-19 17:36:48
2218
转载 Vue 的路由实现 Hash模式 和 History模式
咱们今天说说VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，不要小看这道题其实问到这里的时候那个面试官应该是个大牛，开发经验丰富，这个题其实就是考验你的开发经验是...
2020-03-11 18:53:51
499
原创 浏览器渲染页面的过程
1、浏览器通过输入的网址(即域名)经过DNS解析得到服务器地址（IP地址)2、向服务器发起http请求，经过三次握手，服务器把代码给浏览器3、浏览器对代码进行解析（三步)：DOM构造、布局、绘制页面 具体解析：浏览器渲染页面的过程IP、域名、DNS1、IP是互联网协议地址，是给互联网上的每个设备分配的逻辑上的标识符。2、域名最终指向IP的，由于IP不好记，就以域名代替，在电脑的host...
2020-03-11 12:16:58
100
1
原创 git命令
删除远程分支：git push origin --delete 远程分支名称删除本地分支： git branch -d 分支名称git status 查看工作区代码相对于暂存区的差别git add . 将当前目录下修改的所有代码从工作区添加到暂存区 . 代表当前目录git commit -m ‘注释’ 将缓存区内容添加到本地仓库git push origin master 将本地版本库推...
2020-03-02 15:24:05
141
原创 两个数组对象通过相同元素匹配筛选
例如两个对象数组：let arr1 = [ { name: '安安', value: 'aa', }, { name: '版本', value: 'bb', }, { name: '查查', ...
2020-01-16 16:36:36
7280
原创 vue中如何引入Ant Design of Vue
全局引入在【main.js】添加以下代码：import Antd from 'ant-design-vue'import 'ant-design-vue/dist/antd.css'Vue.use(Antd)按需引入在【main.js】添加以下代码：import { Button} from 'ant-design-vue'Vue.use(Button);全局提示messag...
2020-01-14 17:01:22
3910
3
原创 cookie、sessionStorage、localStorage的区别
1、大小cookie： <=4ksessionStorage和localStorage： 5M或更大2、有效时间cookie：在过期时间之前一直有效，即使窗口或浏览器关闭sessionStorage：在当前浏览器窗口关闭后自动删除localStorage：存储持久数据，浏览器窗口关闭后数据也不会丢失除非主动删除数据3、是否传递到服务器cookie： 可传递给服务器，始终在同源...
2019-11-22 14:56:07
156
原创 浏览器跨域设置
本地开发项目调用服务器上接口时，产生跨域问题。刚开始百度了下在谷歌浏览器上配置了下解决了，但谷歌浏览器更新后失效，火狐也不支持。后来发现Microsoft Edge Dev版配置后可以解决跨域问题：下载地址：添加链接描述配置：新建个本地目录（例如在桌面上新建个文件夹名字为ch）在快捷图标上鼠标右键 --> 属性 --> 目标 --> 在原路径的基础上加上 --disa...
2019-11-05 17:28:12
404
原创 拼接html标签时处理引号
var html='<input type="text" value=' +endW+ 'name="groupNameW" placeholder="请输入">';修改为：var html='<input type="text" value=\'' +endW+ '\'name="groupNameW" placeholder="请输入">';在参数中有引号时，需要...
2019-10-15 15:40:52
383
原创 ES6中let，const和 var
let与var1、let声明的变量是块级作用域（只在所声明的代码块内有效）。在ES6之前，js只存在函数作用域以及全局作用域。if(1){ let a=1; console.log(a)//1 } console.log(a)//ReferenceError: a is not defined2、let不存在变量提升（必须遵循“先声明，后使用”的原则）consol...
2019-10-11 10:29:15
74
原创 call()、apply()、bind()
call()、apply()、bind()方法都是改变this指向的。<script> var age = '18'; var obj = { name: '张三', fun1: function () { console.log(this.name+'今年'+this.age) console.log(this) } }...
2019-09-27 16:29:29
56
原创 ant design vue日期组件怎么清空（a-range-picker，a-date-picker）
a-range-picker<a-range-picker showTime :placeholder="['开始时间', '结束时间']" format="YYYY-MM-DD HH:mm:ss" :value="createValue" @change="createChange" /> data() { return { ...
2019-09-24 13:35:47
17168
8
原创 Ant Design Vue Pro权限路由配置
Ant Design Vue Pro后台管理项目本身已经写好了路由配置，只要根据自己项目角色返回数据稍加修改就可以实现。在src\config\router.config.js文件中虽然配置了权限：但是在src\permission.js路由拦截文件中roles判断是否等于res.result && res.result.role，所以此时所有页面都可展示：在实际的项目中...
2019-09-20 17:14:36
10891
1
原创 Ant Design Vue Pro去掉权限和登录页面直接进入系统
1、去除路由守卫在src/main.js文件里面去掉import './permission' // permission control2、让菜单生成不经过动态路由在src/router/index.js文件改为： import Vue from 'vue' import Router from 'vue-router' import { constantRouterMap, ...
2019-09-20 16:27:05
10518
5
原创 使用Ant Design Vue Pro开发的后台管理
安装使用首先clone该代码库到本地https://gitee.com/sendya/ant-design-pro-vue/本地代码目录安装依赖yarn install开发模式运行yarn run serve附：用webstorm打开项目发现src等文件夹不显示了，百度了下删掉.idea文件再重新打开就解决了。用webstorm打开项目发现代码标红，但写的代码语法没错也能正常运...
2019-09-20 16:14:16
4656
原创 iview-admin 三级菜单路由
在iview-admin项目中遇到三级菜单的问题，参考文章https://segmentfault.com/a/1190000013555613解决办法是增加一个中间层作为二级路由的component选项，项目中目录如下：路由配置如下：{ path: '/otherBusiness', name: 'otherBusiness', meta: { ico...
2019-09-12 14:36:01
1450
1
原创 vue作用域，无法取到methods方法中return的值(回调函数)
最初代码如下：<template> <div></div></template><script> import {download} from '@/tmApi/proposer.js' export default { name: 'test', methods: { getData(...
2019-09-11 14:30:27
5509
原创 vue父组件向子组件传值，父组件调用子组件的方法
父组件向子组件传值：子组件child.vue：<template> <div>{{msg}}</div></template><script> export default { name: 'child', props: { msg: String, //或者props:["msg"] ...
2019-09-10 16:22:45
446
原创 js的for循环中出现异步函数，取到的循环值总是最后一个值怎么办？(自执行函数、匿名函数)
具体问题是：在后台返回的一个中（数组），我要取到每一个值后调用接口转换取到的值，刚开始写的代码如下： for(var i=0;i<this.fileList.length;i++) { let that = this; if(that.fileList[i].fileUrl) { getI...
2019-09-10 15:28:23
2339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人