2019年1月10日
vue + element-ui 制作tab切换（切换vue组件，踩坑总结）
摘要： 本篇文章使用vue结合element-ui开发tab切换vue的不同组件，每一个tab切换的都是一个新的组件。 1、vue如何使用element-ui 上一篇文章已经分享了如何在vue中使用element-ui创建tab组件切换内容（需要了解的朋友点击链接查看） 2、创建相应文件。 a、创建父组件 阅读全文
posted @ 2019-01-10 18:53 王维璋 阅读(114341) 评论(13) 推荐(9)
vue + element-ui 制作tab切换（适用于单页切换不同标记显示不同内容）
摘要： 本篇文章使用vue结合element开发tab切换单页不同的标记显示不同的内容。 1、安装element-ui npm install element-ui --save 2、在main.js中引入element 和 css文件 // The Vue build version to load wi 阅读全文
posted @ 2019-01-10 16:52 王维璋 阅读(32175) 评论(0) 推荐(1)
VueJs - 世界地图（根据返回国家value值的大小来展示颜色的深浅分布）
摘要： 一、实现功能 1、画出世界各国的世界地图 2、根据返回name->国家全称、value->数量，渲染对比世界各国成功的国家，予以值域范围的高亮 3、滑入国家地图，出现tooltip框，提示当前国家和访问量 二、demo展示 根据value的number大小，各国家颜色深浅不一 滑入某国，会提示当前国 阅读全文
posted @ 2019-01-10 14:23 王维璋 阅读(3902) 评论(0) 推荐(0)
2019年1月9日
VueJS 使用i18n做国际化切换中英文
摘要： 1、安装 2、创建存放语言包和i18n入口文件 a、在src下创建i18n目录 b、在src/i18n/创建i18n.js （入口） c、在src/i18n/创建langs目录存放语言包 d、在src/i18n/langs/创建en.js(英文) 和 zh.js(中文)两个文件 i18n.js 1 阅读全文
posted @ 2019-01-09 18:22 王维璋 阅读(5597) 评论(0) 推荐(1)
vue-cli项目接口地址可配置化（多环境部署）一处修改多处适用
摘要： 本文档目的在于帮助对vue了解比较少的同学，能够快速配置vue应用中的接口地址。方便项目切换服务环境后，重新修改多组件的http请求地址。 一、前言 我们在上一篇文章分享了vue-cli项目基本搭建(可点击进入查看)。 本篇文章我们分享 vue 配置全局对象。在我们平时开发项目的时候，大多数会进行数 阅读全文
posted @ 2019-01-09 15:43 王维璋 阅读(6894) 评论(0) 推荐(0)
2019年1月8日
vue + element-ui 制作下拉菜单（可配置路由、可根据路由高亮list、可刷新自动展开定位路由）
摘要： 本篇文章分享一篇关于 vue制作可路由切换组件、可刷新根据路由定位导航（自动展开）、可根据路由高亮对应导航选项 一、实现的功能如下： 1、可折叠导航面板 2、点击导航路由不同组件 3、在当前页f5刷新，或者在url输入对应的路由地址，会根据路由打开左侧导航对应的位置并且展开、高亮 二、代码详情 1、 阅读全文
posted @ 2019-01-08 18:42 王维璋 阅读(10016) 评论(0) 推荐(2)
vue-cli -- > 项目基本构建的方法
摘要： 本文档目的在于让对vue了解比较少的同学，能够快速搭建属于自己的vue项目。（window） 一、构建项目的前提条件 1、确保本机安装了node.js ^6 --> javascript 的服务端的运行环境 2、确保本机安装了npm ^2 --> npm的包的管理工具 注意：如果你装了node.js 阅读全文
posted @ 2019-01-08 17:21 王维璋 阅读(3055) 评论(0) 推荐(0)
2018年6月19日
javascript代码工具库
摘要： 1. 垃圾收集 另一个块作用域非常有用的原因和闭包及回收内存垃圾的回收机制相关。这里简要说明一 下，而内部的实现原理，也就是闭包的机制会在第 5 章详细解释。 考虑以下代码： click 函数的点击回调并不需要 someReallyBigData 变量。理论上这意味着当 process(..) 执 阅读全文
posted @ 2018-06-19 17:31 王维璋 阅读(186) 评论(0) 推荐(0)
2018年5月9日
Angular2、4入门基础知识（小的概念）
摘要： 1. 使用引用符来格式化HTML代码。 2. 数据双向绑定方式。 在使用表单输入绑定数据之前，我们需要引入表单模块FormsModule包至我们的Angular模块中。引入包的方法是，直接添加需要的包至NgModel的imports数组中。 表单中写法： 3.使用自定义对象数组 4.使用列表li 5 阅读全文
posted @ 2018-05-09 18:29 王维璋 阅读(229) 评论(0) 推荐(0)
2018年1月25日
JavaScript 面向对象编程（三）：非构造函数对象的继承
摘要： JavaScript 面向对象编程（三）：非构造函数对象的继承 一、什么是"非构造函数"的继承？ 比如，现在有一个对象，叫做"中国人"。 还有一个对象，叫做"医生"。 请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生"的对象？ 这里要注意，这两个对象都是普通对象，不是构 阅读全文
posted @ 2018-01-25 17:52 王维璋 阅读(135) 评论(0) 推荐(1)