本项目利用  VueI18n 组件进行国际化,使用之前,需要进行安装 $ npm install vue-i18n 一.框架引入步骤: 1. 先在 main.js 中引入 vue-i18n. // 国际化插件 import utils from '@/config/cookieUtils' import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 通过插件的形式挂载 let currentLang = utils.get('CurrentLang')

最近在用vue2完善一个项目,顺便温习下vue2的基础知识点! 有些知识点恰好没用到时间一长就会淡忘,这样对自己是一种损失. 定义一个对象 对象里可以有任何内容 但install的函数是必不可少的,因为 use方法会去调用target.install(); 值得一提的是这里调用install的时候会向这个函数传入Vue实例(刚出生的时候,或者叫 beforeCreate钩子时期的实例),这就给了我们很多的操作空间! 我们知道不管是搞全局事件总线还是怎样都是往Vue原型上挂方法,这里就可以利用它来

vue 尤雨溪 华裔 Google 工程师 遵循 MVVM 模式 编码简洁,体积小,运行效率高,适合 移动 / PC 端 开发 动态构建用户界面: 异步获取后台数据,展现到页面 渐进式 js 框架 渐进式: 核心库开始项目,需求引入插件 发展  借鉴了 angular 的 模板语法 和 数据绑定技术 借鉴了 react 的 组件化 和 虚拟 DOM 技术 vue 扩展插件 vue-cli ---- 脚手架 command line interface vue-resource/axios ---

Webpack 是一个前端资源加载/打包工具.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源. 它的异步加载原理是,事先将编译好后的静态文件,通过js对象映射,硬编码进打包后的 manifest.xxxx.js 文件中,然后通过JSONP原理按需加载每个chunk. 每个子模块加载完毕之后,浏览器将会进行本地缓存,从而节省了网络带宽. Webpack编译后的目录结构如下: 从结构目录来看,整个项目的入口就是index.html,我们来看看index.html的

1.插件的作用 插件通常会为 Vue 添加全局功能,一般是添加全局方法/全局指令/过滤器等 Vue 插件有一个公开方法 install ,通过 install 方法给 Vue 添加全局功能 通过全局方法 Vue.use() 使用插件,它需要在你调用 new Vue() 启动应用之前完成. 2.开发插件并且使用 在项目目录下创建plugins.js文件,用于写入插件内容 (function () { const MyPlugin = {} //声明一个插件对象 MyPlugin.install =

在使用vue的过程中,经常会用到Vue.use,但是大部分对它一知半解,不了解在调用的时候具体做了什么,因此,本文简要概述下在vue中,如何封装自定义插件. 在开始之前,先补充一句,其实利用vue封装自定义插件的本质就是组件实例化的过程或者指令等公共属性方法的定义过程,比较大的区别在于封装插件需要手动干预,就是一些实例化方法需要手动调用,而Vue的实例化,很多逻辑内部已经帮忙处理掉了.插件相对于组件的优势就是插件封装好了之后,可以开箱即用,而组件是依赖于项目的.对组件初始化过程不是很熟悉的可以参

vue自定义插件封装示例 1.实现message插件封装(类似简易版的elementUi的message) message组件 <template>     <transition name="msgbox-fade" @after-leave="handleAfterLeave">         <div             :class="[                 'message_wrapper',   

需求 项目为多页应用,包含产品a.b.c.d.e,每个产品都有自己的翻译文件.一次加载所有翻译文件是极度不合理的.于是考虑动态加载. 实现 参考官方文档:延迟加载翻译 项目结构 │ ├── dist // 静态资源输出目录 │ ├── src │   ├── assets │   ├── components │   ├── lang // 语言翻译文件 │   ├── a │   ├── en_US.js │   └── zh_CN.js │   ├── b │   ├── en_US.js

基于Typescript的Vue项目配置国际化 简介 使用vue-i18n插件对基于Typescript的vue项目配置国际化,切换多种语言, 配合element-ui或者其他UI库 本文以配置中英文两种语言为例 安装 安装国际化插件vue-i18n npm i vue-i18n --save 添加locales文件 在根目录下(src/)下新建目录 i18n/ 在src/i18n/目录下新建en.json文件,对应英文 { "lang": { "login": &

CKEditor是一个非常优秀的在线编辑器,它的前身就是FCKEditor,CKEditor据官方说是重写了内核的,但功能和性能比FCKEditor更为强大和优越.记得07年的时候第一次接触FCKEditor,那时候花了一天时间研究如何在它基础上增加一个自定义插件,可以参考这里http://j2ee.blog.sohu.com/36813753.html,但过程比较复杂和麻烦.其实CKEditor提供了非常方便的可扩展的插件体系,用户通过它的扩展插件体系就可以非常方便的增加自定义插件,我这里简单

动态创建jQuery插件 一.实现功能: 1.基本功能:自适应式整屏分页功能的实现 2.通过鼠标点击标签页转换分页,支持键盘上下左右键的转换分页,同样支持 鼠标滚轮上下滑动转换分页 3.切屏时的动画效果 4.jQuery实现简单的组件开发 5.本文创建的组件直接绑定在$.fn上,可以在Dom调用 二.主要实现代码 1.创建的分页的默认配置,用户可以修改其内容,来实现不同的内容 ``` $.fn.PageSwitch.defaults = { selectors: { //可以修改页面上的各块的c

  前  言 JRedu JQuery是什么相信已经不需要详细介绍了.作为时下最火的JS库之一,JQuery将其"Write Less,Do More!"的口号发挥的极致.而帮助JQuery实现"写的更少,做的更多"的重要一环就是JQuery的插件,成千上万的JQ插件帮助我们实现了几乎你所需要的所有功能,大大简化了程序猿的工作量. 但是,别人的终究是别人的,吃别人的永远长大不!那么,我们能不能自己定义一款插件呢?Of Course!当前可以!今天就让我们来一探JQu

最近学习了cordova插件,记录一下大概的过程,仅供参考. 前期的配置就不记录了网上好多. 在简书上从新写了一个更详细的cordova插件教程,有需要的可以点这里进去看看. 第一步 创建一个cordova项目 输入命令 :cordova create 项目名 包名 例子:cordova create demo com.zc.demo 项目的大概目录 第二步 添加项目支持的平台(我只会android) 先进入工程目录 输入命令: cordova platform add 平台名 例子: cord

一.框架集成cordova 将cordova集成到现有框架中 一般cordova工程是通过CMD命令来创建一个工程并添加Android.ios等平台,这样的创建方式可以完整的下载开发过程中所需要的的插件.也是最方便和快捷一种方式.因此我们需要用这种方式将我们现有的框架放入到已建好的cordova工程中. 1. 创建我们需要的cordova工程(以手上某项目为例) CMD 命令: $ cordova create ZWYPhone com.centit.zwyphone ZWYPhone 后面三项

1 安装 plugman 插件 npm --registry https://registry.npm.taobao.org install -g plugman 2 新建组件 新建一个插件文件夹,进入插件文件夹.例如新建Plugins文件夹,然后执行下面语句 plugman create --name TestPlugin --plugin_id com.plugin.testPlugin --plugin_version 1.0.0 说明: --name TestPlugin //自定义插件

使用fullpage的步骤   1 导入JQuery.js fullpage,js fullpage.css 2 组建网页布局,最外层id="fullpage" 单页class="section" 幻灯片 class="slide" 3js中使用$("#fullpage").fullpage();调用执行   $(function(){} 添加完单页后,虚调用.fullpage   $("#fullpage"

插件是可以配置在settings.xml和pom.xml中的 插件目标: 在了解插件和生命周期的绑定关系之前,先来说一下插件目标.在实际项目构建的过程中,需要经历编译.打包等等许许多多的操作,为每个操作都单独定义一个插件是不可取的,因为有很多可以复用的代码.所以一个插件往往有许多个目标,每个目标完成一个具体的操作.比如denpendency:tree中,dependency指的是插件前缀,tree指的就是插件目标. 默认绑定:maven生命周期的阶段与插件的目标是相互绑定的,比如maven-co

我之前写过三篇Cordova相关的技术文章.当我们使用Cordova将自己开发的前端应用打包安装到手机上后,可能会遇到需要调试Cordova应用的时候. 本文就介绍Cordova应用的调试步骤. 如果大家读过之前我写的文章,就知道Cordova应用在移动平台上运行时,实际上Cordova包内的前端应用的HTML/JavaScript代码仍然运行在一个嵌入的Webview里.同时Cordova也允许开发人员开发一些插件,这些插件能调用基于特定移动平台的原生API,通过Cordova框架直接暴露给前

Tips:本篇已加入系列文章阅读目录,可点击查看更多相关文章. 目录 前言 开始 语言选项 语言切换 注意 最后 前言 上一篇介绍了ABP扩展实体,并且在前端部分新增了身份认证管理和租户管理的菜单,在实现这两个功能模块前,先来解决一下界面文字国际化的问题. 开始 国际化(简称 I18N),本地化(简称 L10N):这两者的目的都是用于让你的应用程序支持多个国家和区域的语言,它们看起来很相似,但是有一些细微的区别,本文不对此进行深入探讨,有兴趣的可以自行搜索.ABP后端支持的是本地化,而vue-e

一.MyBatis插件 插件是一种常见的扩展方式,大多数开源框架也都支持用户通过添加自定义插件的方式来扩展或者改变原有的功能,MyBatis中也提供的有插件,虽然叫插件,但是实际上是通过拦截器(Interceptor)实现的,在MyBatis的插件模块中涉及到责任链模式和JDK动态代理. 1. 自定义插件 首先我们来看下一个自定义的插件我们要如何来实现.https://mybatis.org/mybatis-3/zh/configuration.html#plugins 1.1 创建Interc

原文地址:jQuery自定义插件学习 1.定义插件的方法 对象级别的插件扩展,即为jQuery类的实例增加方法, 调用:$(选择器).函数名(参数);      $(‘#id’).myPlugin(options); 定义的方式: $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } }); //或者是 $.fn.函数名 = function(options){ //这里写插件代码 } 类级别的方法,就是扩展jQuery类本身的方法,为它增加