机智的成大-CSDN博客

原创 vue脚手架安装步骤详情

Vue-cli安装步骤详情前言:在做vue项目中,我们如果不使用vue提供的脚手架,我们就必须自己去搭建项目中所需的一切东西, 这些项目所需要的目录结构啊，等等，这样的话会出现重复性的工作,费时费力的。Vue脚手架帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库，你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间，这并不会限制...

2020-03-01 17:24:39 2940

原创 JSON.parse转译的时候碰见特殊符号转译失败。

使用decodeURI()方法先解译，然后在转。

2022-06-14 17:46:48 498 1

原创 js获取select变更之前的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="Scripts/jquer

2022-03-21 20:04:25 1484

原创对象数组去重，

使用map结合filter做一个对象数组去重 unique: function(arr, type) { const res = new Map(); return arr.filter((a) => !res.has(a[type]) && res.set(a[type], 1)); },//data为传的数组，name是根据那个字段来去重unique(data, "name");...

2022-03-11 10:43:01 297

原创前端div嵌套div ，点击子级div只触发自己的事件

解决方法：在子级div上增加一个事件 onClick=“event.cancelBubble = true”，这样就可以只触发自身的点击事件了

2021-12-20 15:05:47 1052 1

原创 js实现一个groupBy功能

function groupBy (array, f) { var groups = {}; array.forEach(function (orderNo) { var group = JSON.stringify(f(orderNo)); groups[group] = groups[group] || []; groups[group].push(orderNo); });...

2021-12-01 18:06:01 847

原创 bootstrap table checkBy根据设置的条件选中行，项目中可以用于多选。

//选中Id为1和23的行，案例$('#table').bootstrapTable('checkBy', {field: 'Id', values:[1, 23]});//项目中运用//点一个选中相同数据。 $.each(allTableData, function (id, node) { //把全部数据循环后，判断和当前点击的数据的某个值是否相等，相等的话执行选中。 if (node.orderNo == row.orderNo) { // node.flag =

2021-11-11 11:51:30 1795 1

原创项目笔记，bootstrap table数据进行上下移动

//* /上移 */ $('#maintenanceClinic #orderUp').click(function () { debugger let data = []; // 获取所有数据 var allTableData = $('#maintenanceClinic #patient-main-table').bootstrapTable('getData'); $.each(allTableData, function (i, node) { // 给每

2021-11-09 16:20:53 1167

原创项目笔记，前端视图层删除。

思想：首先排序要统一，页面排第几个数组中就要排第几个，然后用于删除条件，比如删除数组中第几个，也可以用id其他值做条件，只要做到删除对应数据就可以了。删除完成后紧接着执行渲染方法，视图层渲染。...

2021-11-08 16:37:49 84

原创笔记，项目中做数据排序，根据数组对象中某个值相等排序。

groupBy: (array, f) => { debugger //拿到未被处理的值 var groups = {}; //讲未被处理的值循坏。 array.forEach(function (orderNo) { //这里f是下面穿过来的方法，做了一个返回数组中一个对象的值，后面用于做新数组的key。 var group = JSON.stringify(f(orderNo)); //groups是新对象，group是数组key，=新数组值，当为空是等于空。.

2021-11-02 15:04:56 248

原创 jquery解决select选择同一个值不触发onchange事件

原理：点击下拉选择框时重新赋新值。 $('#chinese-medicine-window #zcyUnitMethod').on('change', function () { console.log("触发"); }).focus(function(){ //获取焦点赋新值 $(this)[0].selectedIndex=-1 })

2021-10-19 11:28:56 1295 1

原创如何用js正则限定input文本框只能输入数字和小数点，且只能输入小数点后两位？

<input type="text" onkeyup="!/^(\d+\.?)?\d{0,2}$/.test(this.value)?(this.value=this.value.substring(0, this.value.length-1)): ''"/>使用onkeyup按键抬起事件监听输入；切记input的type不能为number，否则输入12.12.12会把input的值置为空；/^(\d+.?)?\d{0,2}正则说明，.?出现一次.，(\d+.?)?出现一次数字加.（

2021-10-09 15:30:14 3598

原创 jq循环赋值input

前提：请求来的数据的key要和input的name或类名相等，这样就知道吧那个值赋给那个input了。HTML部分//请求来的数据 var patientOtherData = result[0]; //循环赋值input let inputList = $('#other-area').find('input'); $.each(inputList, function (i, v) { Object.keys(patientOtherData).forEac

2021-09-30 17:27:43 1042

原创 bootstrap table表格点击行checkbox勾选或取消勾选

加上下面属性可以实现点击行操作checkbox clickToSelect: true,

2021-08-24 15:17:42 1888

原创 js修改数组对象中的属性名

// array为数组，old_name为修改前属性名，new_name为修改后属性名JSON.parse(JSON.stringify(array).replace(/old_name/g, 'new_name'))

2021-06-10 18:24:04 362

原创 bootstrap table表格中绑定控件

下面展示一些内联代码片。// A code block { title: '名称', field: 'expName', align: 'center', formatter: function (value, row, rowIndex) { var htmlList = [];

2021-05-19 14:20:14 183

原创 jquery获取前一个元素和后一个元素

jquery获取前一个元素和后一个元素在jquery中获取前一个元素使用 prev(); 获取后一个元素使用 next();

2021-04-22 08:53:21 2852

转载前端js实现中文转五笔和拼音首字母

项目中使用到中文转五笔的功能，在网上找了到该代码，但是没有对特殊字符和数字进行处理。五笔简码的字库来源：https://blog.csdn.net/Celebrity_Senior/article/details/52727926// 汉字拼音首字母列表本列表包含了20902个汉字,用于配合 ToChineseSpell //函数使用,本表收录的字符的Unicode编码范围为19968至40869, XDesigner 整理 var strChineseFirstPY = "YDYQSXMWZ

2021-04-14 14:37:39 8878 2

原创 vue路由跳转时进入新的页面，滚动条的位置停留在上个页面的位置，没有回到顶部

使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动在router下的index.js文件加上以下代码下面展示一些内联代码片。router.afterEach((to, from, next) => { document.querySelector("body").setAttribute("style", "overflow: auto !important;")

2021-01-27 18:33:48 1097

转载 CSS3属性 transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）（附代码）

转载文章地址：https://blog.csdn.net/qq_37968920/article/details/82391671

2021-01-23 10:33:50 114

转载大数据的理解，大数据是什么，大数据能干什么？

一、概念：· 一种规模大到在获取、存储、管理、分析方面大大超出了传统数据库软件工具能力范围的数据集合，具有海量的数据规模、快速的数据流转、多样的数据类型和价值密度低四大特征。大数据的本质就是一大堆结构化的和非结构化的数据。因为数据量太大，你没办法使用，你需要从中抓取出有价值的内容或你想要的数据，这就是大数据应用。老程序都知道，我们做企业级的项目（数据库项目）时，都会有数据的存储，而且会做出很多图表，为决策者进行科学地决策提供了客观依据，为每个工作者从数据中发现问题，做进一步改进提供了依据，当然也有即时

2021-01-19 18:16:33 965

转载 HTTP协议中Content-Length的详细解读

Content-Length用于描述HTTP消息实体的传输长度the transfer-length of the message-body。在HTTP协议中，消息实体长度和消息实体的传输长度是有区别，比如说gzip压缩下，消息实体长度是压缩前的长度，消息实体的传输长度是gzip压缩后的长度。在具体的HTTP交互中，客户端是如何获取消息长度的呢，主要基于以下几个规则：响应为1xx，204，304相应或者head请求，则直接忽视掉消息实体内容。如果有Transfer-Encoding，则优先采用Tran

2021-01-19 11:57:50 3268

转载 element 验证出现英文_Element-ui中自动验证问题的解决

Element-ui中的el-form组件自带了验证功能，方便了我们的开发。然而，在开发中经常会遇到一些莫名其妙的问题，比如表单一出来就触发了验证、验证提示出现英文等等。通过查看源代码的方式，我终于找到了问题的根源，也有了解决方法。在我的项目的一个页面中，需要弹出表单框并填入旧数据。然而，我只要拿到旧数据并赋值到表单上时，就会触发el-form的验证，非常恼人。顺着调用栈(下图)我们可以发现是el-form-item组件的一个叫onFieldChange的方法触发了validate。应该是我们每次给表单绑

2021-01-07 11:05:39 1361

ITCwg的博客