- 博客(31)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue脚手架安装步骤详情
Vue-cli安装步骤详情前言:在做vue项目中,我们如果不使用vue提供的脚手架,我们就必须自己去搭建项目中所需的一切东西, 这些项目所需要的目录结构啊 ,等等,这样的话会出现重复性的工作,费时费力的。Vue脚手架帮助你快速开始一个vue项目,其实其本质就是给你一套文件结构,包含基础的依赖库,你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间,这并不会限制...
2020-03-01 17:24:39
3023
原创 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
1617
原创 对象数组去重,
使用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
320
原创 前端div嵌套div ,点击子级div只触发自己的事件
解决方法: 在子级div上增加一个事件 onClick=“event.cancelBubble = true”,这样就可以只触发自身的点击事件了
2021-12-20 15:05:47
1111
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
885
原创 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
1902
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
1224
原创 项目笔记,前端视图层删除。
思想:首先排序要统一,页面排第几个数组中就要排第几个,然后用于删除条件,比如删除数组中第几个,也可以用id其他值做条件,只要做到删除对应数据就可以了。删除完成后紧接着执行渲染方法,视图层渲染。...
2021-11-08 16:37:49
101
原创 笔记,项目中做数据排序,根据数组对象中某个值相等排序。
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
353
原创 jquery解决select选择同一个值不触发onchange事件
原理:点击下拉选择框时重新赋新值。 $('#chinese-medicine-window #zcyUnitMethod').on('change', function () { console.log("触发"); }).focus(function(){ //获取焦点赋新值 $(this)[0].selectedIndex=-1 })
2021-10-19 11:28:56
1365
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
3675
原创 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
1099
原创 bootstrap table表格点击行checkbox勾选或取消勾选
加上下面属性可以实现点击行操作checkbox clickToSelect: true,
2021-08-24 15:17:42
1994
原创 js修改数组对象中的属性名
// array为数组,old_name为修改前属性名,new_name为修改后属性名JSON.parse(JSON.stringify(array).replace(/old_name/g, 'new_name'))
2021-06-10 18:24:04
381
原创 bootstrap table表格中绑定控件
下面展示一些 内联代码片。// A code block { title: '名称', field: 'expName', align: 'center', formatter: function (value, row, rowIndex) { var htmlList = [];
2021-05-19 14:20:14
201
原创 jquery获取前一个元素和后一个元素
jquery获取前一个元素和后一个元素在jquery中获取前一个元素使用 prev(); 获取后一个元素使用 next();
2021-04-22 08:53:21
2956
转载 前端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
9357
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
1131
转载 CSS3属性 transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)(附代码)
转载文章地址:https://blog.csdn.net/qq_37968920/article/details/82391671
2021-01-23 10:33:50
131
转载 大数据的理解,大数据是什么,大数据能干什么?
一、概念:· 一种规模大到在获取、存储、管理、分析方面大大超出了传统数据库软件工具能力范围的数据集合,具有海量的数据规模、快速的数据流转、多样的数据类型和价值密度低四大特征。大数据的本质就是一大堆结构化的和非结构化的数据。因为数据量太大,你没办法使用,你需要从中抓取出有价值的内容或你想要的数据,这就是大数据应用。老程序都知道,我们做企业级的项目(数据库项目)时,都会有数据的存储,而且会做出很多图表,为决策者进行科学地决策提供了客观依据,为每个工作者从数据中发现问题,做进一步改进提供了依据,当然也有即时
2021-01-19 18:16:33
996
转载 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
3402
转载 element 验证出现英文_Element-ui中自动验证问题的解决
Element-ui中的el-form组件自带了验证功能,方便了我们的开发。然而,在开发中经常会遇到一些莫名其妙的问题,比如表单一出来就触发了验证、验证提示出现英文等等。通过查看源代码的方式,我终于找到了问题的根源,也有了解决方法。在我的项目的一个页面中,需要弹出表单框并填入旧数据。然而,我只要拿到旧数据并赋值到表单上时,就会触发el-form的验证,非常恼人。顺着调用栈(下图)我们可以发现是el-form-item组件的一个叫onFieldChange的方法触发了validate。应该是我们每次给表单绑
2021-01-07 11:05:39
1427
原创 vue阻止冒泡和阻止默认事件
// An highlighted block<div @click.stop="doSomething()">vue阻止事件冒泡</div><div @click.prevent="doSomething()">vue阻止默认事件</div>阻止冒泡在click后面加上.stop阻止默认事件在click后面加上.prevent...
2020-10-29 09:52:30
269
原创 vue中video修改播放地址修改后video不刷新问题
可以通过vue中的key 实现。所以当key 值变更时,会自动的重新渲染。<template> <video :src="videoSrc" :key='videoSrc'></video></template> <script> export default{ data(){ return { videoSrc:"" }
2020-10-22 19:45:39
1571
原创 js将数组转字符,字符转回数组
js将数组转字符,字符转回数组在项目中碰见一个问题,jq传参时只识别字符,但是我们要将数组传过去。可以先将数组转换为字符,传过去后在转为数组。数组转字符使用JSON.stringify()console的结果字符转换回数组使用JSON.parse()console结果...
2020-10-06 14:19:19
764
原创 vue-cli使用pdf.js插件浏览pdf文件,禁止下载打印复制粘贴。
很多项目中都会有预览pdf文件,普通的可以直接使用a标签来实现该功能,但是此预览是浏览器自带的,有时候项目需求中会有禁止用户禁止下载和打印功能,浏览器自带的是无法满足的。小编在网上找到pdf.js插件,pdf.js插件是可以满足此功能的。pdf.js插件下载地址此文件没有太多的专业术语,简单的话让大家快速了解首先肯定是导入插件,我是从官网直接下载,小编是放在放在public文件目录下导入插件后就是使用插件了,在自己需要使用的页面用a标签使用到这里基本上就大功告成了(小编这里有遇见一个问题,小
2020-09-11 15:05:19
3145
5
原创 vue中axios的拦截器与请求api的封装
之前在vue中请求数据都没有封装,前几天看了下别人写的封装,感受到封装了魅力,今天整理一下,本博客没有高大上的专业术语,只是普通的白话文,便于理解。标题下载安装axios的命令npm install axios标题1.Axios的拦截器与api封装使用(1)axios请求封装原理,直接上图,想看具体原理的可以到 axios官网查看标题2,在vue文件夹下创建一个util文件夹,这个名字大家可以随便写,在此文件夹下创建axios.js文件,这个文件下放的是拦截器代码。 代码如下
2020-07-18 09:15:20
421
原创 Error:Cannot find module 'core-js/mpdules/es6.regexp.constructor',无法识别ES6语法
当你在git克隆到别人的项目后运行可能会报这样的错,这个是小编碰见过的问题这个是因为无法识别ES6语法报的错误.解决办法,在控制台输入下面命令cnpm install core-js@2...
2020-04-06 17:44:32
256
原创 Redux的原理和使用。
Redux最主要是用作应用状态的管理。简言之,Redux用一个单独的常量状态树 (state对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了, 一个新的对象就会被创建(使用actions和reducers),这样就可以进行数据追踪,实现时 光旅行。redux介绍及设计和使用的三大原则redux工作流...
2020-03-26 14:12:34
392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人