摘要: Vue中import '@...'是什么 今天看新项目代码,有import '@/assets/css/theme/index.css'一类的代码,里面的@是做什么的呢。 找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html,这个是webpack使用 阅读全文
posted @ 2019-07-23 15:57 DarJeely 阅读(1329) 评论(0) 推荐(0)
摘要: Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态,并以相应的规则保证状态以一种可预测的方式发生变化。 什么鬼东西 看完这段专业的解释,我反正是一脸懵逼,内心毫无波澜,甚至有点想吃酱肘子。感觉和没说一样嘛!keep going。 阅读全文
posted @ 2019-07-23 15:55 DarJeely 阅读(548) 评论(0) 推荐(0)
摘要: 1、vuex的定义 1)Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式,使用插件的形式引进项目中 2)集中存储和管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 3)每一个 Vuex 应用的核心就是 store(仓库),new Vue.store({...}),“store”基本上就是一个容器,它包含应用中大部分的状态 (state) 2... 阅读全文
posted @ 2019-07-23 15:54 DarJeely 阅读(476) 评论(0) 推荐(0)
摘要: 转载https://segmentfault.com/a/1190000015782272 在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里 阅读全文
posted @ 2019-07-23 15:52 DarJeely 阅读(1521) 评论(0) 推荐(0)
摘要: 转载:https://www.cnblogs.com/chinabin1993/p/9848720.html 这段时间一直在用vue写项目,vuex在项目中也会依葫芦画瓢使用,但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。 看了一下午的官方文档,以及资料,才发现vuex so easy! 作为一个 阅读全文
posted @ 2019-07-23 15:50 DarJeely 阅读(420) 评论(0) 推荐(0)
摘要: 如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那么接下来我们就来学习一下vuex是如何修改状态值的: 我们新建一个vue项目(这里由于我们是讲解vuex,所以对于vue 阅读全文
posted @ 2019-07-23 15:44 DarJeely 阅读(370) 评论(0) 推荐(0)
摘要: 第三方模块没有默认引用到我们的电脑中,我们要进行下载 chalk 这个包是为了使输出不再单调,添加文字背景什么的,改变字体颜色什么的, npm install chalk //只需要写文件包名,不需要写文件路径const chalk= require('chalk');console.log(cha 阅读全文
posted @ 2019-07-23 14:55 DarJeely 阅读(2976) 评论(0) 推荐(0)
摘要: 在使用Grafana的过程中,发现Grafana关于视图页面中每一个面板都可拖拽,可随意放大放小,体验非常棒,F12看了Grafana的代码,看打包后的代码很像react,进一步css,看到有grid layout的字眼,然后尝试去搜了下有没有这方面的组件,一搜果然是有这样的组件的。首先看到的是react版本的组件,然后搜了下也有vue相关的。 以前也见过jquery的可拖拽组件demo... 阅读全文
posted @ 2019-07-23 14:54 DarJeely 阅读(3225) 评论(0) 推荐(0)
摘要: vue-grid-layout vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired in React-Grid-Layout Current version: 2.3.4 (Supp 阅读全文
posted @ 2019-07-23 14:53 DarJeely 阅读(923) 评论(0) 推荐(0)
摘要: 转载:https://www.cnblogs.com/fengxin666/p/10059058.html 我接触到vue-grid-layout是通过我们公司的项目,感觉还是比较简单上手的,大概看了有1个小时吧,我是个行动派,就是觉得实践出真知,但是记性也不太好,有时候自己踩过的坑会忘记,会改但是 阅读全文
posted @ 2019-07-23 14:50 DarJeely 阅读(1350) 评论(0) 推荐(0)
摘要: 0. 直接上 预览链接 Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建 命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n --save 2. 项目增加国际化翻译文件 在项目的src下添加lang文件夹增加中文翻 阅读全文
posted @ 2019-07-23 14:43 DarJeely 阅读(709) 评论(0) 推荐(0)
摘要: 转载自:https://blog.csdn.net/gao_xu_520/article/details/80915400 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gao_xu_520/article/details/80915400一.概念 阅读全文
posted @ 2019-07-23 14:36 DarJeely 阅读(347) 评论(0) 推荐(0)
摘要: 1.钩子函数 钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。(百度百科) 2.相对于前端来讲 对于前端来说,钩子函数就是指再所有函数执行 阅读全文
posted @ 2019-07-23 14:29 DarJeely 阅读(11440) 评论(0) 推荐(0)
摘要: 为什么要使用babel-polyfill? Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而可以在现有环境执行,所以我们可以用ES6编写,而不用考虑环境支持的问题; 有些浏览器版本的发布早于ES6的定稿和发布,因此如果在编程中使用了ES6的新特性,而浏览器没有更新版本,或者新版 阅读全文
posted @ 2019-07-23 14:24 DarJeely 阅读(13742) 评论(0) 推荐(0)
摘要: 转载:https://www.cnblogs.com/princesong/p/6728250.html 前两天一个首页项目,想用vue玩耍一下,就用vue-cli搭建了一套vue的开发框架 完成开发、联调和上线后,问题来了 chrome、ff浏览器下都能正常显示的页面,在百度浏览器下愣就显示不出来 阅读全文
posted @ 2019-07-23 14:23 DarJeely 阅读(739) 评论(0) 推荐(0)
摘要: 最近在优化一个vue的博客系统,想实现文章列表处的文章拖拽功能。就试了一下awe-dnd vue插件,觉得还挺好用的。 安装 npm install awe-dnd --save 使用 在main.js中,通过Vue.use引入 import VueDND from 'awe-dnd' Vue.us 阅读全文
posted @ 2019-07-23 14:18 DarJeely 阅读(4165) 评论(0) 推荐(0)
摘要: ES6中 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等。 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 1.export export const str... 阅读全文
posted @ 2019-07-23 14:15 DarJeely 阅读(325) 评论(0) 推荐(0)
摘要: 1 export的使用 比喻index.js要使用test.js中的数据 首先在test.js文件中进行导出操作 在index.js文件进行导入操作 第一种方法: 此时的输出结果是: 注意: export 不能直接写成这样子 export{ "":"" // 这样会报错 .... } 2 expor 阅读全文
posted @ 2019-07-23 14:14 DarJeely 阅读(11315) 评论(1) 推荐(2)
摘要: Vue的组件为什么要export default Vue 的模块机制 Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块,例如: 此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置: 意思是,你的模块可以省略 ".js",". 阅读全文
posted @ 2019-07-23 14:11 DarJeely 阅读(437) 评论(0) 推荐(0)
摘要: vue-loader:解析和转换 .vue 文件,提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template,再分别把它们交给对应的 Loader 去处理。 css-loade:加载由 vue-loader 提取出的 CSS 代码。 vue-template-c 阅读全文
posted @ 2019-07-23 13:55 DarJeely 阅读(401) 评论(0) 推荐(0)
摘要: 转载:https://my.oschina.net/u/3802541/blog/1809182 一、目录结构 |-- build // 项目构建(webpack)相关代码| |-- build.js // 生产环境构建代码| |-- check-version.js // 检查node、npm等版 阅读全文
posted @ 2019-07-23 11:44 DarJeely 阅读(396) 评论(0) 推荐(1)
摘要: Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。 Github开源地址: https://github.com/axios/axios 安装方法 使用 cdn: 或 使用 npm 阅读全文
posted @ 2019-07-23 11:36 DarJeely 阅读(727) 评论(0) 推荐(0)
摘要: 目录 一、项目结构的核心思想 二、项目目录结构 三、资源路径编译规则 四、index.html 五、build目录 和 config目录 六、public目录 七、static 目录 八、src目录结构 九、间接访问 十、目录的分类 十一、应用软件用户界面的结构 十二、业务代码的目录结构 1.项目业 阅读全文
posted @ 2019-07-23 11:33 DarJeely 阅读(1081) 评论(0) 推荐(1)
摘要: 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hongchh/article/details/55113751 2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。 由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一... 阅读全文
posted @ 2019-07-23 11:29 DarJeely 阅读(368) 评论(0) 推荐(0)
摘要: https://juejin.im/post/5c3599386fb9a049db7351a8 阅读全文
posted @ 2019-07-23 11:28 DarJeely 阅读(1203) 评论(0) 推荐(1)
摘要: Vue-cli是vue官方出品的快速构建单页应用的脚手架,如果你是初次尝试Vue,不建议使用,推荐你使用普通引入javascript文件的方式进行学习,如果你已经有vue基础那么就可以用vue-cli这个脚手架进行学习。下面开始对vue-cli生成的项目结构进行一下简单的解读,这个解读只是本人在项目中应用vue-cli的一些个人见解和总结,只针对一些刚入门vue的人,本人是菜鸟,如有不对请大神不... 阅读全文
posted @ 2019-07-23 11:24 DarJeely 阅读(505) 评论(0) 推荐(0)
摘要: vue-CLI开发环境配置 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目: 推荐查阅官方文档 https://cn.vuejs.or 阅读全文
posted @ 2019-07-23 09:19 DarJeely 阅读(354) 评论(0) 推荐(0)
摘要: 单向一对多实体配置:在一的实体中设置多的一方SET集合配置文件:在一的一方用set 设置 one to many表配置:多方表的外键指向一方表的主键; 双向一对多实体配置:在一的实体中设置多的一方SET集合,在多的一方的实体中配置一的一方的属性配置文件:在一的一方用set 设置 one to man 阅读全文
posted @ 2019-07-23 09:03 DarJeely 阅读(225) 评论(0) 推荐(0)