![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
文章平均质量分 71
可为编程
无论走多远 都不要忘了当初为什么出发 知足知不足 有为有不为 为与不为皆为可为
展开
-
JS传递数组到后台
方法一:1.使用JSON.stringify 将数组对象转化成json字符串;var array = ["1", "2"];$.ajax({ type : 'POST', url: path + '/check/testPost', contentType : "application/json" , data : JSON.stringify(array), success : function(data) { } });转载 2020-09-01 09:42:58 · 3965 阅读 · 2 评论 -
javascript判断多个checkbox是否选择
1、function checked(){ var isChecked = false; $("input[@type=checkbox]").each( function(){ if($(this).attr("checked")){ isChecked=true; return; } }) if(!isChecked){ alert("请至少选择一条记录进行操作!"); } return isChecked; } 2、funcion checked2{ var isCheck转载 2020-09-01 09:29:15 · 1240 阅读 · 0 评论 -
Js判断数组中是否存在某个元素
方法一:indexOf(item,start);Item:要查找的值;start:可选的整数参数,缺省则从起始位子开始查找。indexOf();返回元素在数组中的位置,如果没有则返回-1;例子:var arr=['aaa','bbb','ccc','ddd','eee']; var a=arr.indexOf('ddd'); console.log(a); //3 var b=arr.indexOf('d'); console.log(b); //-1 我通常的用法:if(原创 2020-09-01 09:24:32 · 7338 阅读 · 1 评论 -
JavaScript中数组元素删除的七大方法汇总
在JavaScript中,除了Object之外,Array类型恐怕就是最常用的类型了。与其他语言的数组有着很大的区别,JavaScript中的Array非常灵活。今天我就来总结了一下JavaScript中Array删除的方法。大致的分类可以分为如下几类:1、length2、delete3、栈方法4、队列方法5、操作方法6、迭代方法7、原型方法下面我对上面说的方法做一一的举例和解释。一、lengthJavaScript中Array的length属性非常有特点一一它不是只读的。因此,通过设置转载 2020-09-01 09:19:17 · 1203 阅读 · 0 评论 -
DataTables中的column().visible()
DataTables中的column().visible()用来获取/设置单个选定列的可见性。描述在数据表中显示和隐藏列非常方便,尤其是在显示信息密度较大的表时。此方法允许即时更改单个列的可见性,或读取列的可见性状态。函数 column().visible()描述:获取所选列的可见性。返回值:booleantrue如果该列可见,false则不可见。函数 column().visible(show [,redrawCalculations])描述:设置所选列的可见性。参数:原创 2020-09-01 09:06:40 · 2247 阅读 · 0 评论 -
Vue学习之Vue结合 ElementUI 组件库搭建Web工程项目
创建Vue项目打开cmd命令行界面,创建一个全新的vue项目,我们命名为hello-vue,这里附上ElementUI网址如下:ElementUI# 使用 webpack 打包工具初始化一个名为 hello-vue 的工程vue init webpack hello-vueNPM 安装相关组件依赖时可能会遇到权限问题,此时使用 PowerShell 管理员模式运行即可;开始菜单 -> 鼠标右击 -> Windows PowerShell (管理员)安装依赖我们需要安装 vue-r原创 2020-07-12 12:54:51 · 345 阅读 · 0 评论 -
Vue学习之参数传递与事件分发使用this.$emit(‘自定义事件名‘, 参数)自定义事件删除待办事项
使用自定义事件删除待办事项数据项在 Vue 的实例中,但删除操作要在组件中完成,那么组件如何才能删除 Vue 实例中的数据呢?此时就涉及到参数传递与事件分发了,Vue 为我们提供了自定义事件的功能很好的帮助我们解决了这个问题;使用this.$emit(‘自定义事件名’, 参数),操作过程如下修改创建 Vue 实例代码var vm = new Vue({ el: '#vue', data: { todoItems: ['《刀剑神域3》', '《关于我转生成为史莱姆这件事原创 2020-07-11 12:25:11 · 1360 阅读 · 1 评论 -
Vue学习之Vue的计算属性与Vue内容分发
vue计算属性vue计算属性的重点突出在 属性 两个字上(属性是名词),首先它是个 属性 其次这个属性有 计算 的能力(计算是动词),这里的 计算 就是个函数;简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>布局篇 计算属性</title> <sc原创 2020-07-11 12:21:08 · 157 阅读 · 0 评论 -
Vue学习之node.js环境下利用Vue-cli脚手架搭建Vue项目
第一个Vue-cli应用之前练习了Vue一些基础的命令标签,在学习中在遇到一些基础知识我会继续向里面进行补充。链接在这里:Vue原理与基础语法事件标签总结但是大多数开发都是采用的vuecli来进行,这样能能够实现组件化开发,提高开发效率和成本,首先就是安装vuecli。什么是vue-cli?vue-cli 官方提供的一个脚手架(预先定义好的目录结构及基础代码,咱们在创建 Maven 项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架。vue-cli是有Vue提供的一个官方cli,专门为单页面原创 2020-07-11 10:41:07 · 658 阅读 · 0 评论 -
W3Cschool编程实战JS脚本算法挑战:寻找数组中的最大值算法挑战
寻找数组中的最大值算法挑战在右边的大数组中包含了4个小数组,请分别找到每个小数组中的最大值,然后把它们串联起来,形成一个新的数组。提示:你可以用for循环来迭代数组,并通过arr[i]的方式来访问数组的每个元素。当你完成不了挑战的时候,可以点击’求助’。function largestOfFour(arr) {var maxArr = [];//遍历数组for(var i = 0;i < arr.length;i++){ for(var j = 0;j < arr[i].l原创 2020-07-08 18:47:20 · 160 阅读 · 0 评论 -
W3Cschool编程实战JS脚本算法挑战:设置首字母大写算法挑战
设置首字母大写算法挑战返回一个字符串,确保字符串的每个单词首字母都大写,其余部分小写。像’the’和’of’这样的连接符同理。当你完成不了挑战的时候,可以点击’求助’。你可能需要使用到以下链接:String.prototype.split()function titleCase(str) {var arr= str.toLowerCase().split(" ");var srrStr = null;for(var i = 0;i< arr.length;i++){ srrSt原创 2020-07-07 18:53:26 · 119 阅读 · 0 评论 -
W3Cschool编程实战JS脚本算法挑战:寻找最长的单词算法挑战
W3Cschool编程实战JS脚本算法挑战:function findLongestWord(str) {var arr=str.split(' ');var arrlength=0;for(var i=0;i<arr.length;i++){ if(arr[i].length>arrlength){ arrlength=arr[i].length; }}return arrlength;}findLongestWord("The quick brow原创 2020-07-06 19:55:56 · 109 阅读 · 0 评论 -
Vue学习之利用Axios实现异步通信原理
利用Axios实现异步通信原理在前端工作的时候,大部分数据来源都是通过后台传递的json数据来进行前端的数据展示,所以接下来就进行一个模拟Ajax的异步通信。以后可能会用到。<div id="app"> <!--用来获取json中的数据 对象名称为info--> <div>名称:{{info.name}}</div> <div>地址:{{info.address.country}}-{{info.address.city原创 2020-07-06 19:26:56 · 637 阅读 · 1 评论 -
Vue学习之Vue原理与Vue基础语法、事件标签总结
什么是 MVVMVue主要的就是MVVM的实现,它既实现了Anguler的模块化开发,又实现了React的虚拟DOM,但是作为一个后端开发人员,我们只要求会用就可以,并不用去了解ES6标准、Node.js啥的,在这里就Vue简单的一些操作进行梳理一下。MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代 WinForm,以前就是用这个技术开发桌面应用程序的)和 Silverlight(类似于 Java Applet,简单点说就是在浏览器上运行的 WPF)原创 2020-07-06 19:26:11 · 292 阅读 · 0 评论 -
W3Cschool编程实战JQuery知识点总结
1、初识JQuery现在让我们开始学习最流行的JavaScript框架jQuery吧。至于JavaScript,不用担心,我们很快就会涉及到它。在我们开始学习使用jQuery之前,需要在HTML文件中添加一些代码。首先,在页面顶部添加一行script元素,然后在下一行写上结束符。浏览器会运行script里所有的Javascript,包括jQuery。在你的script元素里,添加这段代码:`$(document).ready(function() {到你的script中,然后在下一行用});`原创 2020-07-05 20:09:45 · 297 阅读 · 0 评论 -
BootStrap基础知识点总结
1、通过Bootstrap,我们只要给图片添加 img-responsive 的class属性,图片的宽度就能自动适配你手机屏幕的宽度啦。2、Bootstrap除了可以使图片自适应以外,还可以很简单的让头部标题的文字居中,使标题看起来更美观。我们只需要给h2标签添加text-center的class属性,标题文字就可以居中了。友情提醒:你可以使用空格给标签定义多个class,就像下面这样:<h2 class="red-text text-center">your text</h2&g原创 2020-07-05 10:40:36 · 403 阅读 · 1 评论 -
前端JS基础知识点总结编程实战
1、js[][] 第一个索引表示第几个数组,第二个索引表示该数组第几个数2、将数据追加到一个数组末尾的最简单的方法是通过 push() 函数。改变数组中数据的另一种方法是用 .pop() 函数。.pop() 函数移除的是最后一个元素.shift()移除的是第一个元素.push()在数组末尾添加元素.unshift()是在数组头部添加元素3、全等(=)是相对于相等操作符()的一种操作符。与相等操作符不同的是全等比较严格,它会同时比较元素的值和 数据类型。4、js声明实体类属性名称加双引原创 2020-07-04 20:11:40 · 197 阅读 · 1 评论 -
BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出
BootStrap框架下使用JS在浏览器中将后台返回给前台的数据以Excel文件导出jsp/html页面的代码如下:<div class="tab-pane active" id="yjjqInfo"><div class="p-sm border no-top-border"><button type="submit" class="btn btn-warning start export-btn_yjjq lbox-btn"><i class="gly原创 2020-06-16 16:46:11 · 375 阅读 · 1 评论 -
如何利用JS获取当前具体日期时间与获取前一天日期时间
如何利用JS获取当前具体日期时间与获取前一天日期时间Date curDate = new Date();var nowDate = curDate.getTime();var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天var nextDate = new Date(curDate.getTime() + 24*60*60*1000); //后一天//获取前一天具体日期如下var preDate = new Date(c原创 2020-06-16 15:52:10 · 3330 阅读 · 1 评论 -
BootStrap框架下使用JS动态加载table并点击相关列弹出二级页面
BootStrap框架下使用JS动态加载table并点击相关列弹出二级页面一级table动态加载二级table动态产生在这里记录一下,也是在公司用到的一个例子,刚刚解决,正好趁热打铁。前端页面是采用BootStrap框架搭建的,主要的样式涉及到项目,在这里就不截图了,直接上代码:一级table动态加载jsp/html中的table代码:<table id="data-table" class="table table-striped table-condensed" border="0"原创 2020-06-16 15:12:27 · 1470 阅读 · 1 评论 -
深入理解JSON数组、JSON对象、JSON字符串、普通数组的区别与操作整理
深度理解JSON数组、JSON对象、JSON字符串、普通数组目录深度理解JSON数组、JSON对象、JSON字符串、普通数组JSON对象JSON数组前台处理JSON数据字符串和json对象和json对象数组相互转换后台处理JSON数据在这里首先提一下JSON的数据格式:1) 并列的数据之间用逗号(”, “)分隔。2) 映射用冒号(”: “)表示。3) 并列数据的集合(数组)用方括号(“[]“)表示。4) 映射的集合(对象)用大括号(”{}”)表示。5)JSON 数据的书写格式是:名称/值对。原创 2020-06-14 16:14:59 · 5117 阅读 · 1 评论