项目经验
文章平均质量分 64
异乡小红帽
个人博客:https://lijiayuan.top/ | 微信公众号:「异乡小红帽」
展开
-
Vue 自定义指令实现点击元素外触发事件
前言 最近搞了毕设,需要实现一个场景,点击一块区域,弹出一个编辑区域,点击页面的其他地方的时候,这个编辑区域就隐藏,本想想之前写模态框一样写个方法的时候,突然 觉得可以尝试用 vue 相关的东西优雅的解决这个事情,然后就学了下面的自定义指令了。 前置知识 既然要用 Vue 的自定义指令,那么肯定要了解一下 Vue 自定义指令的相关知识啦,关于这部分的内容,看我之前写过的《Vue 自定义指令》或者...原创 2018-11-27 23:58:42 · 11746 阅读 · 2 评论 -
手把手快速搭建 express 后台
前言 想必很多小伙伴开始学 node 的时候想搞个项目出来却不知道怎么下手吧,这个教程的话就是教大家用 express 框架简单粗暴搭建一个可以用的后台出来,然后关于 node 和 express 的其他知识,大家还是需要自己去看看文档了解一下。 1 环境准备 express 既然是基于 node 的开发框架,首先 node 那些肯定都配好了吧,这个就自己搞去。然后下面就是要搞 express 的...原创 2018-12-09 19:26:34 · 749 阅读 · 0 评论 -
express 项目分层实践
前言 上次我们搭建了一个基本的 express 后台,但是这样的项目结构的可扩展性,维护性和代码复用性都不是很好,参照之前学习 JavaWeb 时候的四层架构设计,用分层的思想来对 express 进行一点小优化,进一步提高代码的可拓展性。本文的源代码在 Github 上,建议看着代码来看这篇文章。 1 四(五)层结构概念 这个就简单说一下,所谓四层架构就是 Model实体层,Dao层(数据访问层...原创 2018-12-09 19:27:48 · 1223 阅读 · 5 评论 -
Node 项目调试
前言 作为一个程序员,感觉我们其实打代码的时间不多,大部分时间都在在调试上,所以如何调高我们调试的效率,这就成了我们的一个大问题了,经过在网上的搜索与自己的探索,就推荐这两种好用的调试方法吧 1 Chrome 调试 因为 V8 检查器集成允许使用 Chrome 调试协议将 Chrome DevTools 附加到 Node.js 实例以进行调试。所以我们可以直接用 Chrome 进行调试。 这个就最...原创 2019-07-07 08:10:08 · 546 阅读 · 0 评论 -
Vue 项目尝鲜(一) 搭建项目
前言 vue 是现在很火的一个前端开发框架,它容易学上手快,基本已经成为一名前端工程师的标配了。但是我们如果一开始只是看官方文档的话,有时候会感觉有点虚,这个时候就要搞整个项目来抚慰一下自己,证明一下自己。这次我就手把手教大家做自己的 vue 前端项目啦。 注: 搭项目只是为了大家心里有个底,要想好好学 vue,还是得老老实实看文档。 配环境 建项目之前我们需要配好下面几个环境 Node &am...原创 2019-07-07 08:26:17 · 168 阅读 · 0 评论 -
Vue 项目尝鲜(二) 项目结构简析
前言 上回我们成功搭建运行了一个 vue 项目,这次的话我们来捋一捋这个项目的结构,当然也是简单看看,深入的话,其实我也不是很懂(手动捂脸) 目录结构 首先我们大概看一下他的结构,然后我们一个一个捋。 . ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ &nb...原创 2019-07-07 08:39:10 · 153 阅读 · 0 评论 -
Vue 项目尝鲜(三) 常规 Vue 操作
前言 上回我们项目也跑起来了,目录结构也简单了解了,现在我们就开始将我们之前看文档的那些东西,在这边操作一下吧,如果你之前没有看过 vue 文档的话,也没事,先看完我这个,然后再回去学习官方文档。 预备工作 这次的话,我们就先用一些简单的,用的比较多的几个地方。然后我们这次的操作全在 component 文件夹里面那个原来的 HelloWorld.vue 里面搞了,就先不用 vue-router ...原创 2019-07-07 08:44:36 · 149 阅读 · 0 评论 -
Vue 项目尝鲜(四) 使用 ElementUI 布局
前言 上回我们搭了项目,也大概了解了 vue 项目的结构啦,也熟悉一点基本操作,但是一定会感觉这个页面好像有点丑,看不下去,要美化一下。但是我们不是 UI,然后你要是不幸审美和我一样差的话,这个要我们自己搞页面就有点难受了,一般我们会使用模仿他人,或者使用 bootstrap 这样的 UI 库来帮我们搞出一套好看的页面出来,那么 vue 这边咧,它这边也有很多 UI 组件库可以用,并且用起来更加方...原创 2019-07-07 08:47:34 · 1032 阅读 · 0 评论 -
Vue 项目尝鲜(五)路由切换
前言 前面我们在把 vue 项目搞起来了,也懂一点基本的操作,但是我们之前都是在 HelloWorld.vue 那个文件里面搞的,很明显我们一个项目不可能就只有那么一个视图的吧,我们一般是需要切换不同视图页面的,这个时候就要讲到我们的 vue-router 的了,在此在此之前我建议你先去看一下官方文档了解一下。 1 准备 我们既然要进行视图路由切换,那么原有的目录结构,就不够我们用啦,这个时候我们...原创 2019-07-27 22:24:41 · 299 阅读 · 0 评论