- 博客(89)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue中的this.$options.data()和this.$data
继上一篇文章，在页面关闭是调用Object.assign(this.$data,this.$options.data);再次打开页面rules校验报错原因及解决办法和Vue实例的初始化相关。(源码version2.6.10)1、new Vue的时候传了一个对象，把该对象记为options，Vue将options中自定义的属性和Vue构造函数中定义的属性合并为vm.$options，vm.$options.data()中的this指向vm.$options，而methodA和B并没有直...
2021-07-06 11:13:21
924
原创 vue关闭el-dialog弹窗销毁dom、数据（有效版）
vue中关闭el-dialog时，再次打开新增页面上次的数据不会销毁，如何解决：最基本的使用v-if <el-dialog class="detail" v-if="visible" :title="title" :close-on-click-modal="false" :visible.sync="visible" @close="closed">js closed() { this.visible = false; this.isPass.
2021-07-02 19:54:04
4963
2
原创 .NET 5 连接oracle数据库报数据库连接字符串错误
.NET 5 在连接oracle数据库时总会报连接字符串错误，原因就是少配置文件：文档地址：https://dotnetchina.gitee.io/furion/docs/sqlsugar
2021-06-29 18:07:29
596
原创 vue.js中self.$emit和self.$on使用
vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用，改用$emit,$on.vm.$emit( event, […args] )触发当前实例上的事件。附加参数都会传给监听器回调。{string} event[…args]触发当前实例上的事件。附加参数都会传给监听器回调。vm.$on( event, callback )监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。{string | A.
2021-06-22 10:03:28
765
原创 本地发布地址远程连接端口入站、出站规则设置
开发工程中不乏遇到他人访问本机项目发布地址，至于端口都ping不通，此时需要将端口号添加到入站出站规则中。步骤：此后就可以访问了
2021-05-07 10:15:47
1862
1
原创 element ui中穿梭框等列表文字显示过长隐藏问题处理
主要记录一下element ui组件中穿梭框、table列表内容显示不全解决方式对于Transfer 穿梭框中的文字过长隐藏问题处理：1.实现效果：解决方式;1.<el-row :gutter="30"> <el-col :span="24" class="input-box"> <el-form-item label-width="70px"> <el-transfer id="transfer" :titles="['待
2021-04-20 12:01:23
3185
1
转载 想想易立竞如何吐槽程序员
你的发际线那么高，你的技术水平有那么高吗？你没事就刷数据结构和算法，是真的喜欢，还是面试会考呢？如果面试不考算法，你还会学吗？就好像学了B树，但是每天的增删改查能不能用到B树你心里应该也有逼数吧。你当初入行，是真的喜欢代码，还是觉得这行收入高呢？现在入行了，收入真的高吗？听说你喜欢开源项目，你有自己的开源项目吗？还是说喜欢开源项目是为了方便抄开源项目的代码呢？当用的第三方包有问题，你会看源码解决还是直接换个轮子用呢？你当然不会看源码解决，因为你看不懂。就算看得懂，老板会给你时间看吗？产
2021-04-16 17:57:59
149
原创 react实现井字棋
接上一篇文章，用vscode开发react项目，实现官网中的示例在vscode中通过脚手架搭建项目，打开如下图：此次我们只会用到index.css文件和index.js文件：css使我们的样式文件，用来构建井字棋盘：body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px; } .board-row:aft
2021-04-13 12:00:29
350
原创 vsCode创建一个react项目
react 一款前端框架，起源于 Facebook 的内部项目，是一个用于构建用户界面的 JAVASCRIPT 库。（主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图））vscode一款超强的ide，小编习惯使用的ide。（vue项目首选），那么如何利用其创建一个react项目？1.在集成终端打开输入命令行，安装react的脚手架create-react-appyarn global add create-react-app2.创建命令项目 create-react-app d
2021-04-12 14:53:38
1562
原创 C#中的HasValue 判断可空类型是否有值
HasValue 返回的结果是bool类型。只可以用来判断，判断可空类型是否有除了null以外的值，有则返回true，否则就返回 false 。注：NULL 和空的区别：NULL不占用任何内存空间，空占用了一个1个长度的内存空间(C#中)。网上介绍：举例代码如下// 数据类型? 表示参数的值可以为null空，此时这个参数可调用属性hasvalue来判断，此参数是否有除了null以外的值;进而进行其它的工作//必须要加?才可用hasvalue属性 private int? x = nu
2021-04-08 17:01:17
1557
2
转载 总结：读《程序员的自我修养》
在《程序员的自我修养》这本书里，作者主要讲了怎么成为一个合格的程序员、一个优秀的程序员。如果一个程序员想要成为全栈工程师应该怎样培养自己。UI的重要性以及如何成为一名合格的UI。首先，应该让自己成为一名合格的程序员。可以自学，也可以接受科班教学，但有一个前提是对编程这件事具有热枕。如果不知道自己为什么要变成或者仅仅把它当做一个谋生的工具，那么是不太适合编程的。编程太枯燥了，没有强烈的兴趣，没有孜孜不倦的探索精神，难以为继。首先，要学会自主学习。作为一个新手，你可以买一些编程书籍来看。21天精通xxx、玩转
2021-04-02 16:07:30
387
转载 什么是负载均衡
读完这篇文章，我希望大家能够掌握以下两点知识： 能够彻底的掌握什么是负载均衡，以及为什么要使用负载均衡。能够清楚的理解实现负载均衡的三种方式，以及每种方式的优缺点。一、什么是负载均衡？为什么要使用负载均衡？ 首先来看一下百度百科上对于负载均衡的介绍。 负载均衡：建立在现有网络结构之上，它提供了一种廉价有效透明的方法扩展网络设备和服务器的带宽、增加吞吐量、加强网络数据处理能力、提高网络的灵活性和可用性。 这样笼统来看，我想有很多人都看不明白，那么下面我将用大白话给大家介绍一下到底什么是负载均衡，如
2021-04-01 10:27:25
4261
1
转载 IE8兼容性问题的快速解决办法
你对IE8兼容性问题的解决方法是否了解，这里和大家简单分享一下，当IE8检测到某网站不兼容时，地址栏右侧就会出现兼容性视图按钮，出现问题只需轻轻一点，大部分网页显示就会正常了。 IE8兼容性问题的快速解决办法 为了减少这类影响您网页浏览体验的情况出现，IE8不仅采用了国际通用的网页开发标准——W3C标准(WorldWideWebConsortium即万维网联盟标准)，并且为了兼容基于其它网页标准开发的网站，IE8还专门提供了“兼容性视图”功能。当IE8检测到某网站不兼容时，地址栏右侧就会出现兼容性视图
2021-03-31 11:58:45
916
原创 oracle中的if···then-elsif···then-end if
1：不管过程有没有编译成功，但是这个过程总是会生成的，你可以看到他们打小红叉了（如果有错，编译不成功）；pl/sql 程序块其实是匿名的，而过程是有命名的，这样它可以存在数据库里面！因而他们的语法是一样，Pl/sql的意思是可编程的SQL，是对SQL的扩展！ 正确代码 create or replace procedure test_p is begin if 1=2 then &nbs...
2021-03-16 09:47:27
3877
5
原创 2021-03-08一记 C#分组求和NPOI导入
c#中的分组求和方法需求描述：excel导入功能，对数据集根据银行流水号就行区分，相同银行流水号对应的交款金额进行
2021-03-08 19:33:35
536
原创 什么是postback
https://www.cnblogs.com/xcl461330197/articles/4560565.htmlhttps://blog.csdn.net/weixin_33698823/article/details/93729334https://www.cnblogs.com/artech/archive/2007/04/06/702658.html
2021-01-29 10:47:56
2293
原创 js拼接html代码及传递参数爬坑
最近在做项目时，遇到了在js中拼接html代码，并且传递对象，挣扎了很久，记录我的爬坑之旅。框架：ko（knockout.js）背景：我要在外列表的行数据上添加一个下拉事件，效果如图（点击标题弹出一个下拉框：dropdown）由于用到的是ko框架，在pageGrid上实现这个效果有点棘手，在尝试过多种方案后，最后采用的是在js中拼接html代码来实现。代码实现如下：{ headerText: "标题", rowText:
2021-01-05 11:53:25
1490
原创 ASP.NET中UrlEncode应该用Uri.EscapeDataString()
https://www.cnblogs.com/dudu/archive/2011/02/25/asp_net_UrlEncode.html
2020-12-29 15:54:14
168
原创 ElementUI使用table时，取消鼠标点击、hover对某一行背景颜色变化
在使用ElementUI中的table时，往往会有这样的需求：针对某种状态对table表格中的某一行数据进行高亮显示，但同时又要取消鼠标点击事件和hover对高亮显示的行不受影响。具体的高亮显示，官网中有文档介绍：可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。实例：<el-table v-loading="loading.table" :data="data.list.items" fit :cell-s
2020-12-29 14:42:03
5907
4
原创 HTML中＜UL＞标签中li横向排列
https://blog.csdn.net/leewokan/article/details/6626774
2020-12-25 15:05:04
1983
原创 小白如何用vue脚手架搭建vue项目-详细步骤解读
突然热血来潮，实操了一把vue脚手架搭建全新vue项目，现将详细步骤贴出一.node环境安装。用vue-cli构建的项目是以node.js为基础的，可以理解为node.js是vue项目再构建时需要用到的环境。无论是本地serve还是打包编译都与其有密切关系，总体说node.js为前端工程化提供了必要条件。之前看到过vue.js、webpack实现、node.js三者的关系：vue.js工程化=>webpack实现=>node.js(webpack基础)1.下载地址：https://node
2020-11-10 18:36:03
2035
原创 批处理快捷启动搭建脚手架CLI--接上一篇vue-cli搭建vue项目
如果你还不清楚如何利用脚手架搭建vue项目，请看博主上一篇文章，本篇博客博主想要做的是如何快速启动我们的脚手架cli。开始我也很困惑，我岂不是要每打开一次环境，都要打开cmd再cd进我的项目里，再使用npm run dev启动8，不会8，不会8，这样岂不是很滑稽。ofcouse，我们有更加简便的方法（批处理）。首先我们先这样，然后这样，再这样就可以了···嗯哼，接着看8：首先我们在桌面上新建一个txt文本文件，名为：npm run dev.txt，如图（博主使用的是notepad++，和文本编辑器一样
2020-11-06 15:19:49
141
原创 vuex使用小小谈
1.vuex简要说明vuex是专门为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。也就是说他的作用就是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧，如果不懂的话，建议先看看vue的基础知识再看vuex。2. vuex的组成结构示意图vuex的特点是把数据单独隔离，形成一棵树状图。单独隔离就意味着它有自己的
2020-11-05 15:41:06
192
原创 vue图表统计--采用echarts
项目中不乏会遇到图表统计功能，小白一枚。发现echarts非常好用，简单易上手。可参考官方文档：https://echarts.apache.org/zh/index.html，有多种图表类型，任俊采洁。我呢简单实现了折线图和饼图，浅谈如何与后端数据交互来更改图标内容展示，最重要的是拿到后端返回值去调用相应的setOption并向其对应位置填充值就行。1.折线图：drawLine(id) { this.charts = echarts.init(document.getElementById(id)
2020-11-04 18:30:28
3599
原创 弹出框遮罩层相互嵌，取消遮罩
在做图片展示时，弹出框遮罩层相互嵌套影响展示效果，设置属性 :oppend-to-body=“true”(遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上),即可解决。
2020-11-04 18:05:16
817
原创 table表格内嵌input、DatePicker等控件及其校验等等踩坑
最近遇到在table表格内嵌input、DatePicker等控件及其校验时，踩坑不断。小小总结做个记录，希望对大家有所帮助，词不达意，意识不清，胡言乱语稍稍见谅（大脑快死机···）在form表单中运用table实现列表填值功能，并对其进行校验。先看代码;eg:<el-form :model="formData" ref="formData" :rules="ZZrules"> <el-table v-loading="loading.table" :data="for
2020-11-04 17:55:57
1224
原创 vue DatePicker日期选择器时差8小时
vue中使用element-ui中的日期选择器组件时，会造成时区差。在向数据库中做保存时发现传输的时间参数和前端控件所选时间端不匹配（相差8小时）, 调试发现与后端接口没有问题，是控件本身的原因。1.牵扯到国际时间和北京时间2.中国国家标准时间是东经120°（东八区）的地方时间,同格林威治时间（世界时）整整相差8小时解决方法：设置value-format 属性, 精确到时间段value-format=“yyyy-MM-dd HH” 即可.eg： <el-table-column
2020-11-04 17:34:03
6807
原创 watch 监听函数
1.在vue框架中有watch监听函数，用来监听数值的改变，监听对象可以是一个变量也可以是一个对象。我此次项目中监听的是日期选择器的变化。2.监听器（watch）是一个对象，要当成对象来使用。3.watch监听的函数接受两个参数：handler:function(newVal,oldVal)，第一个参数表示改变后的新值，第二个参数表示改变前的值。监听的数据必须是data中声明过的或者是父组件向子组件传递过来的props中的数据，监听函数有两个参数：1>. immediate：组件加载立即触发回调
2020-11-04 17:15:10
3174
原创 vue监听键盘事件--回车登录举个栗子
在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。在原生js或者jQuery中，我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题：我们必须知道某个按键的keyCode值才能完成匹配，使用起来十分不便。 keyCode实际键值48到570到965到90a到z（A到Z）112到135F1到F248BackSpace（退格）9Tab13Enter（回车）20Caps_Lock（大写锁定）32Space（空格键）37Left（左箭头
2020-11-03 10:10:02
796
原创 统一社会信用代码校验规则
统一社会信用代码的构成 社会组织统一社会信用代码是为每个社会组织发放一个唯一的、终身不变的主题标识代码，并以其为载体采集、查询、共享、比对各类主体信用信息，设计为18位。如图： 统一代码的具体赋码规则如下： 第一部分（第1位）：登记管理部门代码。暂按国务院序列规则，5表示民政部门。 第二部分（第2位）：机构类别代码。“1”表示社会团体、“2”表示民办非企业单位、“3”表示基金会、“9”表示其他。 第三部分（第3-8位）：登记管理机关行政区划码，参照GB/T 2260中华人民共和国行政区划代码标准。（
2020-10-28 16:22:41
16036
1
原创 vue对枚举值转换
最近再做项目中碰到了这样一个问题，前端vue对后端返回数据中的枚举值做处理。之前枚举值的转换都在后端返回dto中做处理，首次碰到这种问题，先将解决方案抛出，希望能帮到有缘人：<el-table v-loading="loading.table" :data="data.list.items" fit stripe highlight-current-row :cell-style="cellStyle" element-loading-text="玩命加载中" element-loading-s
2020-09-29 11:47:24
4989
2
原创 隐秘信息加密处理公用方法
在对隐秘信息公开暴露时，要对特殊部分进行加密处理，防止用户信息泄露造成损失。写了一个公用方法：/// <summary>/// 隐私信息特殊处理/// 加密规则参考支付宝开放平台文档：https://opendocs.alipay.com/open/common/105912/// 敏感信息类型 展示规范/// 身份证 显示前 1 位 + *(实际位数) + 后 1 位，如： 3****************3/// 银行卡 显示前 6 位 + *(实际位数) + 后 4 位，如：
2020-08-26 16:18:25
388
原创 如何利用开发者模式去转载优秀博主的博客
你有一种思想，我有一种思想，我们互相交换后就有两种思想。分享是一种美德，对于美好的事物乐于和他人分享，此种乐趣你懂的···如何利用开发者模式去快速转载他人优秀文章，帮助更多的人，小小总结：运用MarkDown编译器，如何利用—》利用Markdown可以解析html的特点（csdn编辑模式里可以修改，文章里也有），我们只要在开发者模式中，将需要转载的人的博客地址的文章部分的div块整个复制下来就行了。操作演示：打开浏览器的开发者模式，谷歌浏览器(Chrome)为F12（一般浏览器大都是F12），
2020-08-26 14:14:57
202
转载 常见安全规范-对敏感信息脱机处理
本文转自：https://docs.open.alipay.com/common/1059121. 常见开发场景安全开发指南1.1. 敏感信息使用场景敏感信息指用户的 身份证号、银行卡号、手机号 等身份信息。重要敏感信息的脱敏规范如下。敏感信息类型展示规范身份证显示前 1 位 + *(实际位数) + 后 1 位，如： 3****************3银行卡显示前 6 位 + *(实际位数) + 后 4 位，如：622575******1496..
2020-08-26 11:58:03
2180
原创 vue实现动态添加form表单
上篇博客介绍了如何动态实现table的新增表格，其实对于表格和表单的动态添加在日常场景中用到的还蛮多的，两者的实现都有着诸多相似之处，本篇博客小编带领大家揭开实现动态增加form表单的神秘面纱。图示最终效果：当点击新增购房人基本信息时，动态新增表单，并且可以根据索引通过点击删除来删除当前表单。和动态新增table表格一样，新增数据要以对象的形式push到数组里面去，删除还是依赖与splice函数。具体代码实现：<el-form ref="basicInformation" :model="b
2020-08-25 15:36:52
9258
4
原创 vue中table实现新增表格功能
删除功能会用到splice方法，对其说明：该方法是一个通用删除和插入元素的方法，它可以在数组指定的位置开始删除或插入元素。其包括3个参数：第一个参数指定插入的起始位置，第二个参数指定要删除元素的个数，第三个参数开始表示插入的具体元素，方法返回被删除的元素数组。觉得此方法很不错，所以也想尝试用C#实现一个。上代码：<el-table :data="purPeoInfors" style="width: 100%" :header-cell-class-name="headerStyle">
2020-08-25 11:30:07
1692
原创 父子页面传值--$emit和props属性应用
简单写一下对父子传值的理解：最近项目中用到的，整的的人头皮发麻父传子：父页面需V-bind绑定（简写：） 将父组件穿的值绑定在子组件上，如下图在子组件中需要用props属性接收父组件传来的值，比较推荐使用这种方法，如图在父传子时，需用到watch来进行监听。watch：监听数据的变化，在vue中，使用watch来响应数据变化。在使用watch时有一个基本特点，当值第一次绑定的时候，不会执行监听函数，只有值发生改变时才会执行。父传子动态传值时，子组件props首次获到父组件传到的默认值时，也需要执
2020-08-15 14:05:53
297
原创 Vue Router 实现动态路由跳转
项目中遇到路由页面跳转:// 添加事件addHandler() { this.$router.push({ path: "/purchaseAudit/agency", query: {PageIndex:1}, // name: "purchaseAudInfoAdd", 第二种方案 });},用path时需要加载全路径，即要组合父路径和子路径；用name时只需要其子页面的name即可，如上图所示。通过注入路由器，我们可以在任何组件内通过用this.router访问路由
2020-08-05 17:09:44
4004
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人