随笔分类 - 前端
摘要：插槽 具名插槽： <template> <slot name="header"></slot> </template> 父组件使用： <template v-slot:header></template> 简写： <template #header></template> 匿名插槽实际上默认名为de
阅读全文
摘要：0. **IntelliJ IDEA Keybindings** 1. **Chinese: 使vscode显示为中文** 2. **Settings Sync：** **code settings sync**gitee同步插件，使用说明 安装后，插件里面有说明。 [ 同步vscode设置和插件的
阅读全文
摘要：首先安装node pm2 1.本地项目执行命令npm run build 2.将文件:static .nuxt nuxt.config.js package.js文件上传到服务器 3.上传好后，运行 **npm install**安装依赖 4.启动项目npm run start 5.开启进程守护 p
阅读全文
摘要：1、安装一个插件，识别vue文件 2、新建代码片段 管理-> 首选项 -> 用户代码片段 -> (新建代码片段取名vue.json） 新建代码片段这块可以直接往下找就能找到vscode上带的vue.json 3、在vue.json里写下自己想要生成的vue模版 { // Place your sni
阅读全文
摘要：模块导出导入 ES中的模块导出导入 export 和 export default 首先我们讲这两个导出，下面我们讲讲它们的区别 export与export default均可用于导出常量、函数、文件、模块等 在一个文件或模块中，export、import可以有多个，export default仅有
阅读全文
摘要：ES6 变量的解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 字符串解构赋值 const [a, b, c, d, e] = 'hello'; a // "h" b // "e" c // "l" d // "l" e // "
阅读全文
摘要：vue实例对象 以$开头的公有属性$el 以_开头的私有属性_data 打印vue实例对象发现，其中 el 被Vue 放入了公有属性中，而data 则被放入了 私有属性中 数据绑定 单向数据绑定 data 我们通过 vue 对象修改数据可以直接影响到 DOM 元素，但是，如果直接修改 DOM 元素，
阅读全文
摘要：Async/Await Promise带来了.then()，让代码变得井然有序，便于管理。于是我们大量使用，代替了原来的回调方式。**但是不存在一种方法可以让当前的执行流程阻塞直到promise完成。JS里面，我们无法直接原地等promise完成，**唯一可以用于提前计划promise完成后的执行逻
阅读全文
摘要：ES6 import/export/module.exports用法 当模块化的概念越来越重要的时候，在es6中，引入了模块的语法：import ，下面我们简单了解一下，import是怎么使用的。一下内容，参考 官方文档 1、export 一个js文件，可以理解成一个模块，这个模块可以被任意其他的模
阅读全文
摘要：Vue Router 啥是Vue Router? 官方传送门 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌,在我们项目中也是必会技能之一。下面我想通过以下几个方面来分享。 一、集成Vue Router 1.如果安装了vue
阅读全文
摘要：自定义指令 指令的钩子函数参数 啥是自定义指令? 在前端开发领域，以前的通用框架是jQuery，jQuery以及基于jQuery构建的通用组件形成了一个庞大的生产系统。现在的通用框架是Angular、React和Vue，每个框架都需要基于自身构建新的组件库,自定义指令好就好在：原先的那些通用组件，无
阅读全文
摘要：箭头函数 非常简洁的语法，使用箭头函数比普通函数少些动词，如：function或return。 () => { ... } // 零个参数用 () 表示。 x => { ... } // 一个参数可以省略 ()。 (x, y) => { ... } // 多参数不能省略 ()。 如果只有一个retu
阅读全文
摘要：一、开发环境篇 我们首先推荐vs code作为开发环境，因为其友好的开发界面和强大的扩展库是我们快速的进行代码开发的必要支撑。 在vs code中开发vue项目，有一些插件是必要装的，结合我个人的一些经验，以下插件和配置推荐给大家： 1.Vetur vue开发必装的一款插件，帮你规范vue的语法
阅读全文
摘要：基本使用 <script type="text/javascript"> /** table-layout: fixed; // 固定列宽，可在columns 设置列宽 width word-break:break-all; word-wrap:break-all; //自动换行 <table cl
阅读全文
摘要：引入 <link href="/static/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> <script src="/static/datetimepicker/js/bo
阅读全文
公告
