- 博客(49)
- 收藏
- 关注
原创 v-for和v-if,v-for和template一起使用
v-for和v-if在 vue2.x中,当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级在 vue3.x中,当 v-if 与 v-for 一起使用时,v-if 具有比 v-for 更高的优先级<div v-for="item in menuList" v-if="!item.children">{{item.name}}</div>使用计算属性computedcomputed: { hasChildrenList: funct
2022-04-27 10:08:01
1535
原创 dependencies 和 devDependencies区别
package.json文件:dependencies: 生产环境中的包;在生产环境中用的包 在开发环境中也可以用devDependencies: 开发环境中的包;只有在开发环境中才用的到的包,比如测试包,代码检查包等npm安装包的两种命令:写入到 dependencies 对象----生产环境npm i module_name -S = > npm install module_name --save 写入到 devDependencies 对象----开发环境n
2022-04-26 10:24:29
1341
原创 vscode在源代码管理器查看修改的文件夹名文件
问题:修改了文件夹的名称,在vscode提交git代码,发现无法把修改的文件名覆盖到远程解决:选中项目文件夹,git bash运行一下git config core.ignorecase false运行完vscode就能看到修改文件了
2022-04-22 14:34:27
667
原创 js: getElementsByClassName和getElementById的区别
document.getElementsByClassName()返回的是数组使用:document.getElementsByClassName(“className”)[0].innerText=‘具体内容’document.getElementById()返回的是单个元素使用:document.getElementById(“id”).innerText=‘具体内容’...
2022-04-22 11:36:07
404
原创 Markdown转HTML【Vue】
使用 markdown-it一、先安装npm install markdown-it --save二、用法<template> <div> <h1>Vue中Markdown转HTML</h1> <textarea cols="30" rows="10" v-model="content"></textarea> <p>{{ content }}</p>
2022-04-12 15:30:21
969
原创 markdown入门
一、相关文档markdown菜鸟教程二、vscode预览.md文件安装Markdown Preview Enhanced插件预览效果如下:三、实例链接跳转外链跳转写法:[百度](https://www.baidu.com/)百度锚点跳转写法:[实例](##三、实例)定位到‘相关文档‘图片跳转写法:![图片描述](链接)写法:<img src="">支持的 HTML 元素不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面
2022-04-12 11:05:46
243
转载 vscode 增加对.cshtml文件的智能提示
在vscode设置中进行设置。文件->首选项->设置->用户->文本编辑器->文件。找到File.Associations项目,并编辑settings.json文件。或者直接搜索files.associations。在末行增加==“files.associations”: {"*.cshtml":“html”}==即可。引用:https://blog.csdn.net/kuyu05/article/details/103260418...
2022-02-24 11:23:11
567
原创 手机端横竖屏切换后字体大小发生变化
解决横竖屏切换后字体大小发生变化-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none
2020-10-23 19:09:43
717
原创 各种数据类型及其对应的转换规则
Boolean()函数:数据类型转换为true的值转换为false的值BooleantruefalseString任何非空字符串“”空字符串Number任何非零数字值(包括无穷大)0和NANObject任何对象nullundefinedn/a(not applicable,即‘不适用’)undefined数值转换:Number()、parseInt()、parseFloat()Number()函数:数据类型返回值
2020-07-10 09:14:55
340
原创 jqGrid的subGrid子表格
首先,奉上效果图:subGrid:类型为Boolean,默认false;当设为true的时候,Grid表格的最左边将会添加一列,里面有一个+图标,用于展开子表格;subGridRowExpanded:当点击 + 展开子表格时,将触发此事件方法;subGridRowColapsed:当点击 - 收起子表格时,将触发此事件方法;subGridRowExpanded有两个参数:subgri...
2020-04-01 17:07:13
830
原创 ES6之Map和Set
MapMap对象保存键值对。具有极快的查找速度var m = new Map([['sharon', 20], ['Bob', 31], ['Tracy', 16]]);m.get('sharon'); // 20初始化Map需要一个二维数组,或者直接初始化一个空Map。Map具有以下方法:var m = new Map(); // 空Mapm.set('Adam',...
2020-03-31 20:42:06
128
原创 数组对象通过属性值大小排序
sort() 方法:var arr = [{name:'Sharon',age:18},{name;'Kris', age:20}];var compare = function (prop) { return function (a, b) { var val1 = a[prop]; var val2 = b[prop]; if (v...
2020-03-27 16:30:03
456
转载 16个vscode插件提升你的开发效率
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2020-03-19 18:58:12
365
原创 javascript void
void 操作符指定要计算一个表达式但是不返回值。/* 当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。 */<a href="javascript:void(0)">单击此处什么也不会发生</a>/* void()仅仅是代表不返回任何值,但是括号内的表达式还是要运行,如 */void(alert("Warnning!"...
2020-03-14 10:29:31
319
原创 JavaScript let和const
ES2015(ES6)新增加了两个重要的JavaScript关键字:let 和 const。let 声明的变量只在let命令所在的代码块内有效。const声明一个只读的常量,一旦声明,常量的值就不能改变。const定义常量与使用let 定义的变量相似:二者都是块级作用域都不能和它所在作用域内的其他变量或函数拥有相同的名称两者还有以下两点区别:const声明的常量必须初始化,...
2020-03-14 09:59:02
113
原创 JavaScript typeof操作符
1、typeofNaN 的数据类型是 number数组(Array)的数据类型是 object日期(Date)的数据类型为 objectnull 的数据类型是 object未定义变量的数据类型为 undefinedtypeof [1, 2, 3, 5]; // 返回objecttypeof new Date(); // 返回 objecttypeof NaN; // 返回...
2020-03-13 11:16:03
131
原创 JavaScript Array对象
Array 对象方法1. concat()连接两个或更多的数组,并返回结果。var a = [1,5,9];var b = [7,5,3];b.concat(b,a); // [7, 5, 3, 7, 5, 3, 1, 5, 9]2. join()把数组的所有元素放入一个字符串。元素通过指定的分割符进行分割。语法:arrayObject.join(separator)...
2020-03-13 08:58:44
109
原创 js中删除数组元素的方法汇总
1、splice()用于添加或删除数组中的元素。注意:这种方法会改变原始数组。var sites = ['runn','google','taobao'];sites.splice(2,1); // 删除一个,返回删除元素的数组。['taobao'] sites.splice(2,0); //删除0个,返回空数组。[]语法:arr.splice(index, num, ite...
2020-03-11 17:13:13
323
原创 jqGrid问题点集合
1、表格定义操作列,当点击’预览’,不触发选中行beforeSelectRow 当用户点击当前行在未选择此行时触发。rowid:此行id;e:事件对象。返回值为ture或者false。如果返回true则选择完成,如果返回false则不会选择此行也不会触发其他事件colModel: [ { label: '操作', name: 'Operate', index: '', wi...
2020-03-11 15:57:37
196
原创 js应用题(二)
项目实例:把一个数组对象分成两部分,再拼接在一起最终格式:tableData的数据格式如下:var tmpObj = [];// 循环表格把内页切换时长和播放时长添加进postData$("#gridTable>tbody>tr").each(function (i) { if (i > 0) { var changetime = $(th...
2020-03-11 15:43:14
216
原创 js for循环、forEach()、switch等循环
var arr = ['alon','lili','lisa','jenny','jiso'];1. for…of 循环的是valuefor(var item of arr){ console.log('yi',item);}// 返回的是: 'alon','lili','lisa','jenny','jiso'2. for…in 循环的是下标for(var index i...
2020-03-11 12:05:10
779
原创 jQuery属性操作 -- attr()
attr() 方法设置或返回被选元素的属性值。<div id="demo" isvalid="yes" data-id="112757"></div>获取自定义属性isvalid的值$('#demo').attr('isvalid');// 获取data-id的值$('#demo').data('id');修改自定义属性isvalid的值$(...
2020-03-10 18:41:32
410
原创 js删除数组中的某个对象
根据 keyid 删除数组中对应 Id 对象var keyid = 'str6-986';var tableData = [ {Id:'6789-201','Type':'试产'}, {Id:'str6-986','Type':'量产'}, {Id:'o786-112','Type':'试产'}];for(var i=0; i<tableData.length; i++){ ...
2020-03-06 18:55:16
11758
转载 js计算数组中某个元素重复出现的个数
文章转载自https://blog.csdn.net/lixiaoyan93/article/details/887193331、计算特定值的重复个数let counts = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0); console.log('数组counts中"李"出现的次数是:...
2020-03-06 14:25:47
2235
原创 js取两个数组对象的并集
1、通过id,把cArr放入aArr,取并集 var aArr = [ {id:'sa8523', name:'uzi',color:'blue'}, {id:'ys4621', name:'pdd',color:'white', age:12}, {id:'ys4621', name:'pdd'...
2020-03-06 11:57:23
2905
原创 js去除数组对象中的重复对象
1、根据数组对象中的id作比较,id相同的去掉。var arr = [ { DocESOPTerminalId: "632cffab-4d49-45da-9ef7-af263914b6f9", LocationName: "测试列", FactoryId: "9c895538-6cf0-49a9-aca0-89531936118e", WorkShopId: "1b29ff90...
2020-03-06 09:58:20
17828
4
原创 jqGrid合并行
jqGrid实现合并行,代码如下:function GetGrid() { var $gridTable = $('#gridTable'); $gridTable.jqGrid({ autowidth: true, // multiselect: true, // rownumbers: true, height: $(window).height() - 24...
2020-03-05 19:51:38
696
原创 js 应用题(一)
通过一个id把两个数组结合在一起 var keyvalue = 'str123456'; var perArr = [ {name:'sharon',age:12,sex:'女'}, {name:'kris',age:12,sex:'女'}, ]; var docArr = [ {Id:'str123456',LocationName:'北京',Type:'页...
2020-03-05 19:12:58
293
原创 删除对象的某个属性值
使用 delete obj.name var drr = [ { DocEsopDrawingId: "7c72a6e4-677d-465a-aa65-24949e5f7d5a", DocEsopDrawingCode: "a24", Process: "test1", CustomerName...
2020-03-05 17:25:46
2214
原创 jqGrid表格添加‘操作’列,自定义按钮
第一种:{ label: '操作', name: 'Operate', width: 80, align: 'center', edittype:"button", formatter:function(cellvalue, options, rowObject){ return "<button class='btn btn-danger' style='padding:3px 1...
2020-03-05 11:22:37
2006
原创 jqGrid取消选中行,获取选中行数据,设置单选等常规操作
1、取消选中行$("#factoryTable").jqGrid('setSelection',rowid,false);
2020-03-03 17:09:17
1102
转载 js 在数组中查找是否存在某一个数值
1. indexOf() -> ES5const array = ['apple', 'banance', 'orange']array.indexOf('apple') // 0 存在array.indexOf('strawBerry') // -1不存在2. find() -> ES6const array = ['apple', 'banance...
2020-03-03 15:41:06
1154
原创 获取H5自定义属性data-的值
<div id="demo" data-tab="0"></div>第一种:var demoDiv = document.getElementById("demo");var tab = demoDiv.getAttribute("data-tab");第二种:var tab = $('#demo').data('tab');第三种:var tab =...
2020-03-03 11:12:54
436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人