随笔分类 -  vue.js

1 2 下一页
内网走nginx代理访问高德webapi2.0
摘要：需求：客户的电脑都只能访问内，服务器可以访问外网，客户电脑使用的项目中用到了高德webapi2.0。10.200.31.45:32100是我们的web服务器。 网上基本上都是对高德webapi1.4的配置方式，而web2.0有一些差别。 1.前端修改高德地图的js应用 如果是index.html引入 阅读全文
posted @ 2023-11-16 19:35 邹琼俊 阅读(1649) 评论(1) 推荐(0) 编辑
《Vue3.x +TpyeScript实践指南》勘误
摘要：图书出版已有一段时间，书中已发现错误如下： 书的第14页，倒数第3行，npm init -y命令中，init和-y之间应该有个空格； 书的第32页，代码的第1行，应该为模板字符串符号 `，我看印刷的是单引号。 第四章 4.1 vue3.0集成TypeScript 在构建 vue create com 阅读全文
posted @ 2023-01-11 18:38 邹琼俊 阅读(230) 评论(0) 推荐(0) 编辑
vue3项目，记录开发日常
摘要：最近在编写前端界面，硬是一人一周时间加班加点写完了一个项目的前端界面（一级菜单有12个页面+一个控制台大屏，二三级界面有N个），之前预估前端界面的编写需要一个月，我是自己把自己卷死了（没有办法，项目经理说项目要1周写界面，2周发版，我这个项目前端只我1个人，后端有3个人...）.......我只想说 阅读全文
posted @ 2022-12-17 15:27 邹琼俊 阅读(1598) 评论(0) 推荐(7) 编辑
《Vue3.x+TypeScript实践指南》已出版
摘要：转眼回长沙快2年了，图书本在去年就已经完稿，因为疫情，一直耽搁了，直到这个月才出版！疫情之下，众生皆苦！感觉每天都是吃饭、睡觉、上班、做核酸！ 图书介绍 为了紧跟技术潮流，该书聚焦于当下火的Vue3和TypeScript及其相关技术，这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的 阅读全文
posted @ 2022-10-18 16:12 邹琼俊 阅读(1997) 评论(6) 推荐(5) 编辑
avue常用场景记录
摘要：接手的一个项目使用的是avue这个傻瓜式的专门给后端人员用的框架，文档不够友好，使用起来各种蛋疼（咱专业前端基本上不使用）。为此，专门记录一下。当前avue版本2.8.12，如果要切换avue的版本，可以去https://cdn.jsdelivr.net/npm/@smallwei/avue@2.8 阅读全文
posted @ 2022-09-22 17:10 邹琼俊 阅读(1508) 评论(0) 推荐(1) 编辑
使用vue-contextmenujs鼠标右键菜单时，当高度不够时显示不全的问题
摘要：之前是采用npm或者yarn直接装包vue-contextmenujs的形式： npm install vue-contextmenujs -S || yarn add vue-contextmenujs 而vue-contextmenujs在布局方面存在一些bug。 当右键点击记录时，完整展示应该 阅读全文
posted @ 2022-07-12 11:20 邹琼俊 阅读(784) 评论(0) 推荐(0) 编辑
vue项目中一些常用的插件
摘要：@riophae/vue-treeselect：带选择的树组件 https://vue-treeselect.js.org/ ele-calendar：日历组件 https://www.npmjs.com/package/ele-calendar flv.js：Flv.js 是 HTML5 Flas 阅读全文
posted @ 2022-07-07 17:11 邹琼俊 阅读(574) 评论(0) 推荐(0) 编辑
vue中手写table的升降序
摘要：有些时候，我们总是无可避免的需要自己去手撸一些东西，因为需求总是在不断的变化。例如，最开始的需求，我们只是在首页展示一个数据列表，此时，我们可能直接就自己手写了一个table，后来，突然增加了一个需求，例如：需要在一些指定的列上面增加排序功能。此时，由于我们的样式和界面都已经调整好了，如果再去重新使 阅读全文
posted @ 2021-02-21 17:01 邹琼俊 阅读(906) 评论(0) 推荐(0) 编辑
通过一个很常用的场景来展示vue数据驱动的应用
摘要：需求：可以动态增减组合条件来进行数据查询。 界面运行效果如下图所示： 界面第一次加载时，默认会显示一个空的查询条件，如下图所示： 点击“加”图标，可以无限增加查询条件，也可以点击“减”图标删除新增的查询条件，如下图所示： 说明：第一个下拉框的数据变化时，第三个下拉框的数据要进行联动，第三个组件可以是 阅读全文
posted @ 2020-11-04 14:55 邹琼俊 阅读(899) 评论(0) 推荐(5) 编辑
el-table在ajax分页时支持单页全选和所有页全选
摘要：需求：el-table中，ajax分页的情况下，要支持单页全选和所有页全选功能。 运行效果如下图所示： 说明：由于本篇主要讲解全选，所以只会罗列出和其相关的核心代码，并不会将所有的代码一并贴出。 界面代码： <el-table :data="tableData" :height="tableHeig 阅读全文
posted @ 2020-11-03 22:34 邹琼俊 阅读(2038) 评论(0) 推荐(1) 编辑
记录vue和js操作——尽管很快实现了功能，可总感觉到不爽
摘要：需求产生的原因是：后端有一些数据是从旧平台直接迁移过来的，新平台需要根据迁移过来的数据，自动生产新的数据格式。 操作符有如下几种，分项、支路和数字配合操作符可以自定义组合，例如 [000000000001]+<00001>，带[号的表示type是branch，带<表示type是sub。 // 操作符 阅读全文
posted @ 2020-09-09 16:41 邹琼俊 阅读(658) 评论(0) 推荐(0) 编辑
vue cli4构建基于typescript的vue组件并发布到npm
摘要：基于vue cli创建一个vue项目 首先安装最新的vue cli脚手架， npm install --global @vue/cli npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\@vue 阅读全文
posted @ 2020-08-03 08:37 邹琼俊 阅读(4603) 评论(3) 推荐(1) 编辑
vue cli4.0项目引入typescript
摘要：现有的项目是采用vue cli4.0脚手架生成的，现在想要引入typescript。 1.执行安装命令 npm install --save-dev typescript npm install --save-dev @vue/cli-plugin-typescript 2.根目录下新建 tscon 阅读全文
posted @ 2020-07-17 15:09 邹琼俊 阅读(3782) 评论(6) 推荐(1) 编辑
通过一个vue+elementUI的小实例来讲解一下它们是如何使用的
摘要：需求：点击一个按钮，弹出一个模态框，这个模态框有两个tab，tab中是各种报警条件，这些报警条件是从数据库中动态取出的，数据库中数据变更后，这个界面也要变更，我们可以查看和编辑这些报警条件。底部“确定”按钮点击的时候，会同时将这两个tab中的内容都保存到数据库中去，数据录入要验证输入的格式。 对于熟 阅读全文
posted @ 2020-06-01 09:16 邹琼俊 阅读(3180) 评论(0) 推荐(6) 编辑
vue.config.js配置优化
摘要：vue.config.js完整代码如下： 'use strict'; // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require( 阅读全文
posted @ 2020-05-20 14:26 邹琼俊 阅读(7700) 评论(0) 推荐(2) 编辑
《Vue.js 2.x实践指南》 已出版
摘要：《Vue.js 2.x实践指南》其实早在一年前就已经完稿，只是由于疫情的缘故耽搁了许久才下厂印刷。 本书旨在让初学者能够快速上手vue技术栈，并能够利用所学知识独立动手进行项目开发。我的写作风格一向都是喜欢采用理论和实践相结合的方式，这样学习起来不会那么枯燥，而且极具成效。时间是很宝贵的东西，所以尽 阅读全文
posted @ 2020-05-11 18:07 邹琼俊 阅读(3772) 评论(3) 推荐(3) 编辑
JS弱类型语言的优势——之模板字符串
摘要：ES6中，开始支持模板字符串。 尽管Java和C#这样的高级语言有非常多吸引人的地方，但是想js这样的弱类型语言，也有独到之处。 equType：有四种类型，分别是：chl、chwp、cwp、cot，后端java接口提供了四个接口，四个接口对应四个函数调用，每一个函数名的规则是[equType]Co 阅读全文
posted @ 2020-04-01 21:12 邹琼俊 阅读(921) 评论(0) 推荐(0) 编辑
当你看见我很久没有动静，那是因为我酝酿得深沉...
摘要：已经许久没有更新博客了，并不是疫情阻挡了我写作的步伐，只是写作已转移到word（整理一下去换稿酬，拿了稿酬可以去换酒钱）。如下图所示，书《Vue.2x实践指南》交稿快半年了，由于疫情原因，预计下个月底才能上架，《Javascript实训教程》已完成写稿60%，《React和Mogodb实训》筹划中。 阅读全文
posted @ 2020-03-23 22:36 邹琼俊 阅读(1709) 评论(17) 推荐(8) 编辑
vue项目中常见问题及解决方案
摘要：webpack项目中自动引入全局scss变量文件 假设我们有一个公共的scss变量文件variables.scss /*存放所有全局变量*/ $card-title:#C7D200; //首页 卡片标题颜色 $bc-color:#182037; $hoverColor: #7abef9; //链接h 阅读全文
posted @ 2019-10-21 09:25 邹琼俊 阅读(3287) 评论(0) 推荐(2) 编辑
vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log
摘要：vue-cli2.0中的方法 1.安装插件 2.修改webpack.prod.conf.js配置文件 vue-cli3.0中的方法 1.安装babel插件 2.修改babel.config.js文件如下 完！ 阅读全文
posted @ 2019-10-17 11:24 邹琼俊 阅读(2000) 评论(0) 推荐(0) 编辑

1 2 下一页
-->
点击右上角即可分享
微信分享提示