- 博客(25)
- 收藏
- 关注
原创 vue 使用 keep-alive 需要注意的几个点
1、v-if="$route.meta.keepAlive" 需要放在router-view上,不能放在keep-alive上<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view
2022-04-01 14:06:38
774
1
原创 学习flutter的布局笔记
// Flutter Column row宽高自适应mainAxisSize: MainAxisSize.min,// Flutter Column 占满水平空间crossAxisAlignment: CrossAxisAlignment.stretch,
2022-03-30 16:44:44
334
原创 如何在win10自带的Edge浏览器中切换成IE浏览器浏览网站
如何在win10自带的Edge浏览器中切换成IE浏览器浏览网站1、打开edge的设置界面选择默认浏览器1、Internet Explorer 兼容性 =>让 Internet Explorer 在 Microsoft Edge 中打开网站 选择’从不’2、让 Internet Explorer 在 Microsoft Edge 中打开网站 选择‘允许’3、Internet Explorer 模式页面 选择添加,将需要用IE浏览器的网址填入4、重启浏览器5、输入你刚刚添加的网址2、打开
2022-03-30 13:16:35
14399
原创 时间转化工具类
function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n}// 时间戳转化为年月日function tsFormatTime(timestamp, format) { if (!timestamp) return 0 const formateArr = ['Y', 'M', 'D', 'h', 'm', 's'] let returnArr = [] const date = new Date
2022-02-22 18:07:01
126
原创 父子组件中定义的方法相互调用
父子组件中定义的方法相互调用1、子组件调用父组件中定义的方法子组件代码<template> <div> <button @click="clickCloseHandle()">点我关闭子组件弹窗</button> <div></template>export default { methods: { // 跳转到点亮主页 clickCloseHandle() { this.$emit('c
2022-01-19 11:50:06
584
原创 将vsCode添加到windows电脑右键菜单
一 打开vscode1、打开注册表快捷键: win+r 输入 regedit2、知道对应文件目录HKEY_CLASSES_ROOT\Directory\Background\shell ;(1)、background 下的 shell 新建一个项,名字起名叫 open in vsCode(可以自己起名字)(2)、 在open in vsCode 再新建一个项command(这个应该是必须起名叫command) 右键修改填入vscode的’code.exe’ 的路径,(桌面快捷方式右键打开文
2022-01-15 14:27:59
1214
原创 JavaScript 获取url中参数的几种方法
JavaScript 获取url中参数的几种方法// 获取query 参数export function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("=
2022-01-07 10:32:09
642
原创 js自执行函数的两种写法
1 (function(){ alert(1); })()2 !function(){ alert(1); }() // 或者 +function(){ alert(1); }()
2021-12-29 10:20:01
421
原创 vs code 常用快捷键
打开文件位置:Ctrl + O新建文件:Ctrl + N打开一个新的vsCode窗口: Ctrl +Shift + N代码编辑复制、粘贴选中内容/复制、粘贴当前行:Ctrl + C 、Ctrl + V在当前行下方插入一行: Ctrl+Enter在当前行上方插入一行: Ctrl+Shift+Enter代码格式化: Shift+Alt+F向上或向下移动一行: Alt+Up 或 Alt+Down复制选中文本到下一行:Alt+Shift+下键(上下左右的...
2021-12-21 10:02:06
109
原创 vue根据路由的title设置每个页面html的title
// 定义路由 { path: '/sign-up', name: 'SignUp', component: () => import('@/views/signUp/SignUp'), meta: { title: '报名页面', keepAlive: false } }, { path: '/signup-success', name: 'SignUpSuccess', component: () => import('@/
2021-12-21 09:29:24
215
原创 js常用的处理方法
数组1、数组排序:var list= [40, 100, 1, 5, 25, 10];list.sort(function(a, b){return b-a}); // 按降序对数组中的数字进行排序list.sort(function(a, b){return a-b}); // 按升序对数组中的数字进行排序2、根据数组项中的对象的key的值大小来排序数组:let list = [{value: 1,name:'测试'},{value: 3,name:'测试'},{value: 2
2021-12-16 18:14:22
144
原创 uniapp填过的坑
最近公司一个项目要求使用uniapp写小程序,写的过程中遇到的一些坑点记录一下,方便之后查阅动态绑定style:style="[{ height: 'calc(100vh - ' + statusBarHeight + 'rpx - 188rpx - env(safe-area-inset-bottom))'}, {top:'calc(' + statusBarHeight + 'rpx + 88rpx)' }]"tip: 这里的 ‘-’ 两边必须加空格待新增…………...
2021-10-18 18:00:36
301
原创 css常用样式处理(经常用经常忘记的样式)
以下均以scss预处理语言格式书写隐藏滚动条div{ -ms-overflow-style: none; &::-webkit-scrollbar { display: none; }}
2021-10-12 16:45:03
136
原创 sublime 的插件安装
sublime 安装插件的方法有两种,一种是直接下载插件压缩包,放在browse packages 中还有就是线上安装,就是本次要详细记讲的,写这篇文章主要为了记录下,下次方便查找sublime的插件安装方法插件安装:如果在preferences 下没有Package Control 可以输入下面的代码来安装,打开命令行的方式 ctrl + `import urllib.request,os; pf = 'Package Control.sublime-package'; ..
2021-05-22 12:45:18
1031
原创 前端开发环境解决谷歌浏览器跨域问题(个人学习笔记)
声明只是解决谷歌浏览器的跨域问题,方便开发环境与后端联调使用右键谷歌浏览器的快捷标签,打开属性,在快捷方式下的目标最后中输入--disable-web-security --user-data-dir=C:\chromedata注意与原有内容中间有一个空格,且要在当前设置的快捷方式打开有效参考文档:https://www.cnblogs.com/xinheng/p/12922327.html个人学习笔记...
2021-05-18 00:03:50
145
原创 vue项目全局引入scss
最近在写一个vue框架的项目,为了方便后期维护,实现对颜色,字体,边框等统一管理我们需要将对应的样式颜色的属性放在scss中,让后引入调用属性,然后维护时我们只需对scss中的值进行修改,这样维护会相对方便在网上找了好久,回答都不是特别的详细,我是参考d2-admin 实现的,这里记录一下,以备不时之需,话不多说上代码:项目src目录:首先我们要做的是对vue.cpnfig.js 进行修改,没有这个文件可以新建一个(这里只针对vue项目,且是vue-cli搭建的vue项目
2021-04-23 10:13:43
1461
原创 vue 项目中的echarts的使用
目录echarts官网:https://echarts.apache.org/zh/index.html2D可视化图标3D可视化绘图目前做的一个项目需要用echarts做可视化图标,之前没有接触过这一块,今天在学习的过程中顺便记录一下,以备不时之需echarts官网:https://echarts.apache.org/zh/index.html本文介绍的是在@vue/cli 4.4.6版本下建的vue项目中使用Echarts,通过 npm 获取 echarts,np.
2021-04-23 01:04:26
882
原创 vue框架中Vuex的简单使用(Vue学习笔记)
目录Vuex是什么:Vuex基于单项数据流:Vue脚手架中使用Vuex安装:使用:使用案例Vuex是什么:首先了解下什么是Vuex,官网定义:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化Vuex基于单项数据流:以下是一个表示“单向数据流”理念的简单示意:state,驱动应用的数据源; view,以声明方式将state映射到视图; actio..
2021-04-11 14:13:43
325
原创 Promise (ES6学习笔记)
目录什么是Promise使用PromisethenPromise 处理错误catch()finally()Promise的三种状态Promise.all() 与 Promise.race()Promise.all() 方法Promise.race()方法Promise.resolve() 与 Promise.rejcet()Promise.resolve()Promise.rejcet()什么是PromisePromise对象用于表示一个异步操作的最终状态(完成或失败)以及其返回值 ——MDN使用Pr
2021-04-09 16:59:23
238
原创 vue中子组件的methods中获取到props中的值方法(vue 学习笔记)
说一下为什么会有这个需求:如果不需要处理props的值直接用,是不用这么麻烦的,直接用页面上用{{name}}就好了。在做项目的时候由于要对props的值做处理后才能使用,当我在method、mounted 用this.xxx,发现取出来的值是空对象,有点疑惑于是就上网查了原来:通过这个方法传过来的值,在子组件mounted函数中如果直接去获取的话有可能会获取不到。因为此时父组件的值还没有传过来,但是如果你是写在methods中的方法中获取值的话,此时值已经传过来了,可以直接使用this.name获取
2021-04-09 16:31:49
9255
原创 ES6变量的解构赋值(ES6学习笔记)
目录数组的结构赋值数组与扩展运算符 "..."对象的解构赋值对象与扩展运算符 "..."字符串解构赋值字符串与扩展运算符数组的结构赋值简单的解构赋值const arr = [1,2,3,4]let [a,b,c,d] = arrconsole.log([a,b,c,d])//输出:[1,2,3,4]复杂点的数组解构赋值const arr = ['a','b',['c','d'],['e','f','g','h','i']]//要拿到'a','b' 的值const [a,b] = arr
2021-04-06 12:10:23
119
原创 var,let,const 声明变量的区别(ES6学习笔记)
目录var 声明变量变量提升let 声明变量块级作用域暂存死区const 声明变量常量 - 不可以改变的量ES6之前声明常量var 声明变量var 可以重复声明变量,先声明的值被覆盖变量提升var 声明变量存在变量提升,如在声明前先打印,不会报错,输出undefined,原因是JavaScript 会将var 声明的变量先提升占位let 声明变量块级作用域ES6之前的作用域 全局作用域 &n
2021-04-06 02:24:47
416
原创 Windows 安装MongoDB数据库(学习笔记)
Windows 安装MongoDB数据库官网安装:https://www.mongodb.com/由于MongoDB现在是非开源的,个人学习建议使用社区版: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPwAAALOCAIAAACyPZo9AAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4nOzdeVwU5f8A8M8zM7s7e3F5gKh4A14I3nmUmJR4YF..
2021-04-04 12:26:52
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人