岁月会计云——前端开发
文章平均质量分 59
easyui、bootstrap、vue等
warrah
岁月会计云
展开
-
vue2项目升级到vue3经历分享1
看到下面这个结果真是头大,工程师是不是在摸鱼,复制、粘贴不用动脑,为何不写一个指令来实现。这个里面的工作量非常之大,得耐心去调整。,工程师采用vuex存储状态,肯定不合理,结果就是多租户被架空。像这类问题估计99%的前端开发工程师面试一定能答上来,但是实际应用就只能呵呵了。看看原来的store方式调用api,写法确实冗余拖拉,没有新的方式简洁。升级到vue3,预计工作量有点大,于是想着把过程记录下来。模式,例如这样的,是直接引用了api里面的方法。新方式,一句话定义完了,不用搞那么多绕绕。原创 2024-04-23 15:45:20 · 391 阅读 · 0 评论 -
el-table 合计行的一直计算的问题。
前端只有打印日志之后,才发现有计算在反复执行,导致浏览器崩溃。并不是每一列都是这个问题,当然输入不同值后,不知为何会触发如此多次。问题的差异在这里,因为这个合计是按照列来计算的,所以跟我们想的不一样。另外一个没有的计算代码,如下,所不同的区别在于表单的计算,由。在开发环境,他会触发几百次。官网中说明,这里不赘述。合计行的代码如下,至于。原创 2024-03-30 20:47:14 · 264 阅读 · 0 评论 -
el-select使用filterable下拉无法关闭得问题
el-select自定义下拉表格原创 2024-03-17 15:46:22 · 721 阅读 · 0 评论 -
多租户平台前端存储结构的选择
localstorage,sessionstorage、cookie原创 2024-03-16 20:13:46 · 455 阅读 · 0 评论 -
增删卜易——八宫六十四卦
很长时间就没看了,偶然间看到了张文江教授写的一本书《潘雨廷先生谈话录》提到了《卜筮正宗》,“卜筮最后的判断是非理性转义,其他一切都只是形式”,“明人的著作,从京氏易出,如今天几日几时,起个课,问件事,得出某卦,但在判断时有四五个关键的东西,他没有说出来。京房八宫六十四卦,又给每个宫各卦做了一个归类,类名如乾、坎、艮、震、巽、离、坤、兑是八纯卦,其他因为爻变不同,定义为一世爻、二世爻、三世爻、四世爻、五世爻,这几个名字还很容易理解,那一爻变就叫X爻,但是第七个就不一样了,叫做。,为什么叫这两个奇怪的名字呢?原创 2024-03-14 19:44:15 · 330 阅读 · 0 评论 -
基于eleiment-plus的表格select控件
属性,选择下拉表格中的行记录,这个表格不会关闭掉,只有当焦点失去的时候,这个对话框才会关闭掉。我希望,当我选中行记录或者双击行记录,这条页面关闭。如何解决这个问题呢?在使用的时候对控件进行二级封装,比如我的一个商品组件,再很多地方可以用到,于是。,但在使用中遇到了一些问题,希望能把过程记录下来,同时把这个问题修复掉。那么遇到的是什么问题呢?控件不是我写的,来源于。原创 2024-03-11 19:47:52 · 414 阅读 · 0 评论 -
基于element-plus的Dialog选择控件
翻看之前工程师写的vue2的代码,很多都是复制、粘贴,也真是搞不懂,明明可以写一个控件,不就可以重复使用。很多前端总喜欢element搞一下,ant-design也搞一下,有啥意义,控件也不是自己写的,积木也没有搭好。页面加载的时候也需要做一下处理,还是因为数据结构的缘故。但是在保存和加载的时候需要特殊处理,因为控件的值是。保存之前,需要做一次深拷贝,不能直接修改。,因为双向绑定,页面的数据会改变。原创 2024-03-11 19:14:49 · 610 阅读 · 0 评论 -
java通过poi-tl生成word
做的报表模板,如果是给自己公司开发或者给客户做项目,这个也没有什么,因为反正模板是固定的,一次性开发,不用担心后续的问题。即使后期有调整,改一下报表,重新打包就好了。通过office打开模板,确实可以看到,office中选中图片,有一个“替换文字功能”,然后在“替换文字”中写上变量即可。如下面,怎么在乙方的位置,将公司的公章盖上去。运行可以看到的效果如下图,这个效果并不好,最好还是图片在文字上面,因为那样操作,图片占了位置。官方介绍的是微软office的说明,但我的电脑上用的wps,怎么办呢?原创 2024-03-10 17:07:38 · 447 阅读 · 0 评论 -
多stmp邮件发送问题。
因为如果你的公司不属于新创,那么你们公司每天发送邮件的数量就会受到限制。如果你购买的是企业邮箱,那么每天一个账号可以发送1000封,超过依旧是会出现问题,要么就是客户收不到你的邮箱,要么你被邮箱服务器拦截的,你的邮箱根本无法发出去。解决这个问题办法,要么采取打不过就加入的策略,我加入信创。另一种办法,就是多买几个账号,然后采取随机策略通过不用的发件账号来提升邮件的数量。另外一种策略,就是既然你的产品平台是采取多租户设计,那么每个用户使用自己的邮件服务器配置,那么邮件发送就跟平台没多大关系了。原创 2024-03-10 14:48:38 · 441 阅读 · 0 评论 -
vue 在线预览word
因为这个图片是做了文字环绕,因此他识别不了.待补充其他的在线word预览组件。在word中设置的样式是。原创 2024-03-08 16:12:32 · 743 阅读 · 0 评论 -
excel导出标准化
虽然标题叫标准化,只不过是我自己的习惯,当一件事情变得流程标准化之后,开发程序就会飞快,开发评估工作总是 搞个1~2天,实则前端后端一起开发,1个小时就可以搞定。controller层基本就是复制粘贴,传参数给到service层而已。service层主要通过easyexcel填充数据。定义excel模板,就是上面的。原创 2024-02-29 09:46:58 · 606 阅读 · 0 评论 -
tinymce问题处理
导致的配置问题,tinymce对应的版本如下即可,因为是应用旧没有再深究,当前最新版本为什么会出现上面的问题。,这个跟上面链接有些区别,区别原因应该是如果路由采用的是。页面引用,一种异步加载,一种同步加载,两种方式都可以。现在插件显示出来了,但是无法插入表格。解决方案是在路劲前面增加。出现的原因是应该是不同的。原创 2024-02-25 10:07:37 · 463 阅读 · 0 评论 -
vue3中标签form插件
想写一个系统,对八字进行标注,比如格局,有些八字就有很多格局,于是就想着使用。使用的话参见,这样保存和编辑就很容易了。但是,form表单中如何处理呢?这个时候,就需要自己写一个,原创 2024-01-04 21:23:00 · 675 阅读 · 0 评论 -
vue3中pdf打印问题处理
easyexcel转pdf原创 2024-01-03 15:51:16 · 867 阅读 · 0 评论 -
vue3 vite动态路由的问题
今天调试发现tomatch为空,是因为matchMap中key有相同的名字。菜单名称不重复,问题就解决了。下面是动态路由的主要代码,这里不要用eager,因为那个是同步的。因此按照下方编写即可。客户期初余额新增、编辑无法跳转,但是最有一个供应商期初余额却可以,甚是奇怪。加下面的代码,是解决不了问题,因为它只是转向了404页面。原创 2023-12-15 12:09:34 · 447 阅读 · 0 评论 -
第2章 微信开发之微信项目
微信官方文档,16年的时候开发微信公众号照着官网看,到了2017年发现了weixin-java-mp这个jar,当时使用的版本是2.9.0就继续使用了,今天看到的sonatype上面还在更新,已经发展到4.2.5.8,微信迭代,它也会跟着迭代,演进速度还可以。将一些接口封装起来,这个jar还是能节省很多工作量的。那个时候还没有springboot,现在就不一样了。weixin-java-mp-demo1 基础配置最新jar的springboot模式还可以更优雅import javax.annotat原创 2022-02-09 20:19:57 · 1752 阅读 · 0 评论 -
第1章 微信开发之微信调试
1 测试申请 微信公众平台接口测试帐号申请,微信web开发者工具 使用手机扫码之后,就进入下面的页面。 注意下面三个地方的域名要一致 2 添加菜单 微信公众平台接口调试工具 按照下图进行,得到access_token 将access_token按照下图填写到对应位置。 3 移动调试 通过网页调试,并不代表在手机端就不会有问题,这个时候可以使用微信web开发者原创 2017-01-06 11:36:37 · 446 阅读 · 0 评论 -
第6.1.2 vue登录页面
我属于完全的前端小白,安装npm install sass-loader --save 当然还需要node-sass等 1 Assets和static的区别 assets中静态文件加载和static静态文件加载方式不一样,如下面代码所示,static目录中可以加载出来 详细可参见vue2.0 资源文件assets和static的区别,虽然我不是看的非常明白。<style la...原创 2018-03-30 13:16:17 · 11013 阅读 · 2 评论 -
vue3 echarts图
vue3 echarts各种图的使用分享原创 2023-03-10 11:09:31 · 402 阅读 · 0 评论 -
vue的组件\依赖
yarn vue nvm原创 2021-08-14 15:26:45 · 1024 阅读 · 0 评论 -
Vue3 compute watch
watch属性 易经八卦原创 2023-03-05 09:57:19 · 105 阅读 · 0 评论 -
第6.1.3 vue动态路由初探
从老A / AG-Admin这个里面,老A用的是 vue-element-admin的后台框架 我看到的动态路由的写法,但是我自己亲自尝试,连一个登陆页面也出不来。 在Vue2项目构建心得,我也看到了同样的构建方法 懒加载的目的不言而喻 先看看_import_development.js中的内容module.exports = file => require('@/views...原创 2018-03-29 10:18:05 · 1883 阅读 · 0 评论 -
vue 子组件与子组件之间传参
封装可以让整体程序看起来很优雅,但有些问题需要解决,当然这些问题解决之后,开发效率自然就上去了,我的目标就是高效,然后能准点下班。靠时间换取金钱,意义不大。子组件与子组件之间是不能直接传值的,需要凭借父组件,这个也非常容易理解。1 子组件向父组件传参查询条件子组件,显示格局条件,如果超过8个,则显示下拉菜单,子组件通过this.$emit("addCond",item)传参,即子组件可以使用 $emit 触发父组件的自定义事件<template> <div>原创 2021-12-22 20:55:41 · 3890 阅读 · 0 评论 -
vue2 自定义card分页
在我的脑海,组件化是一切开发的基石,能够复用的,绝不ctrl+vvue虽然升级到3了,但是很多配套组件没有更新,这里还是巩固一下vue2吧,以后有时间再升级,这里使用的布局完全采用elementui,我并不擅长样式,写那么多css感觉头大,直接服用elementui,对后端工程师来讲就像当初写bootstrap一样,难度降低不少1 定义组件遇到Elements in iteration expect to have ‘v-bind:key’ directives.’ 这个错误,这里v-for key原创 2021-12-14 21:18:19 · 2874 阅读 · 0 评论 -
vue2 elementui描述列表
mockjs正则造数、flex布局、滚动条样式、el-descriptions描述列表。元素局中、元素内一左一右布局原创 2022-01-03 19:39:16 · 6768 阅读 · 1 评论 -
第6.1.1 vue初探
vue官网,element-ui 首次创建vue工程,修改了少量代码,居然报这样的错误,把我吓一跳,这还是我了解的js语法吗,就是python也没有那么严格吧。恕我是新手,不了解规矩。 调研之后,原来还有eslint,于是执行命令npm install -g eslint使用vue init webpack my-project创建的vue工程是有.eslintrc.js文...原创 2018-03-23 13:33:24 · 239 阅读 · 1 评论 -
vue2 leader-line画线
学命理,看书上说的格局,看多了有些就很崩溃,因为没有绝对统一的标准,导致沦为三教九流,我对这方面有些爱好,于是就想着是否可以通过leader-line,将格局的推理过程直观的展现出来,如果能做到是不是很炫呢js leader-line 学习及问题总结...原创 2021-12-25 11:58:45 · 5107 阅读 · 1 评论 -
react基础
下面的脚本只是做一个笔记,详细可参考React 菜鸟教程$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.orgcnpm install -g create-react-appcreate-react-app原创 2017-02-16 14:11:54 · 307 阅读 · 0 评论 -
node中https请求
1 get请求 下面实现https的请求,获取图片,然后转成base64字节码this.checkCodeUrl = 'https://www.test.com/kaptcha.jsp';var https = require('https');https.get(this.checkCodeUrl,function(res){ var datas = [];原创 2017-04-07 20:39:02 · 6707 阅读 · 0 评论 -
Sublime text 3使用
1 svn插件安装 快捷键ctrl+shift+p,输入install package,选择Tortoise SVN. 手动配置sublime text的svn插件路径,具体的配置文件在Preferences->Package Settings->TortoiseSVN->Settings - User,在TortoiseSVN.sublime.settings文件汇总添加下面的配置信息,注意T原创 2017-02-05 16:57:37 · 258 阅读 · 0 评论 -
第1.3章 node调用dubbo
node-zookeeper-dubbo,执行下面的命令安装,我使用的是dubbox,需要修改一下源码:npm install node-zookeeper-dubbo --save1 修改后node-zookeeper-dubbo/libs/encode.js/** * Created by panzhichao on 16/8/18. */'use strict';const Encod原创 2017-01-16 13:40:00 · 3499 阅读 · 2 评论 -
第1.2章 web基础
对web应用中,http协议应该说是最基础的,而一个简单的get请求,却内涵千秋。 a、请求方法的判断 b、URL的路径解析 c、URL中查询字符串的解析 d、Cookie的解析 e、Basic认证 f、表单数据的的判断 g、任意格式文件的上传处理。 待续中。。。参考资料: 1.朴灵,《深入浅出Nodejs》原创 2017-01-11 10:16:20 · 295 阅读 · 0 评论 -
第1.1章 Node应用
我选用的IDE是webstorm,框架是express,模板采用Handlebars(主要是这个模板跟artTemplate、angularjs、django都是用花括号表示) 代码生成如下面的目录,通过运行bin下面的www启动服务。 然后在app.js和views中做一下调整,主要做了红色方框的调整,以及将views中hbs后缀的文件调整为html 原生安装# 安装expres原创 2016-11-30 18:52:17 · 275 阅读 · 0 评论 -
第1.4章 handlebars的使用
1 日期格式化 看了网上很多的例子,总感觉很困惑,不知道handlerbars的代码该写在什么地方,也不知道哪个是参数名,哪个是函数名,只能自己亲自尝试。 在路由的js中添加下面的代码原创 2017-01-19 11:20:03 · 484 阅读 · 0 评论 -
jquery触发click事件问题
下面两种写法都会出现这样的异常Uncaught RangeError: Maximum call stack size exceeded,程序陷入click事件的死循环了。$("#upload").on("click", function() { $('#choose').click(); })$("#upload").on("click", function() { $('#ch原创 2016-09-20 14:07:19 · 1758 阅读 · 0 评论 -
第3.1.1章 WEB系统最佳实践 js控件之slimScroll的使用
漂亮的虚拟滚动条,slimScroll下载地址$(function() { $(".slimscroll").slimScroll({ width: 'auto', //可滚动区域宽度 height: '100%', //可滚动区域高度 size: '10px', //组件宽度 color: '#000', //滚动条颜色原创 2016-11-04 20:38:24 · 1905 阅读 · 0 评论 -
第3.1.4章 WEB系统最佳实践 js控件之bootstrap-suggest-plugin
bootstrap-suggest-plugin插件地址,这是一个简单的编辑提示控件 bootstrap-suggest-plugin demo地址 页面如下面所示,使用此控件<div class="form-group"> <label class="col-xs-3 text-right control-label">库管员:</label>原创 2016-12-11 14:35:51 · 5932 阅读 · 0 评论 -
第3.1.2章 WEB系统最佳实践 js控件之requirejs的使用
requirejs配置说明参考RequireJS进阶:配置文件的学习,requirejs官网requirejs.config({ baseUrl:ctxResources+'/pages/modules', urlArgs: "v=" + (new Date()).getTime(),//禁止缓存,生产环境去除// urlArgs:'v=2016112801', pat原创 2016-11-07 13:39:53 · 1517 阅读 · 0 评论 -
第1.3章 js控件之datatables的使用
datatables官网,datatables例子 一开始,我按照常规设置requirejs的配置,结果提示错误:Failed to load resource: the server responded with a status of 404 (Not Found)http://localhost:63342/demo2/pages/modules/datatables.net.js?v=2原创 2016-11-08 09:38:09 · 1598 阅读 · 0 评论 -
第3.1.3章 WEB系统最佳实践 js控件之bootstrap-datepicker的使用
bootstrap-datepicker沙箱环境 1 requirejs配置requirejs.config({ baseUrl: '../pages/modules',// urlArgs: "v=" + (new Date()).getTime(),//禁止缓存,生产环境去除 urlArgs:'v=2016110701', paths: { jq原创 2016-11-09 13:33:50 · 1675 阅读 · 0 评论