前端
关注
分享
扫一扫
前进的探索者
探索者未来
展开
-
JS 怎么控制 checkbox 选中的问题
1、HTML结构<input name="test" type="checkbox" value="1" />item-1<input name="test" type="checkbox" value="2" />item-2<input name="test" type="checkbox" value="3" />item-3<input name="test" type="checkbox" value="4" />item-4&原创 2022-04-27 15:31:18 · 3698 阅读 · 0 评论 -
js中常用追加元素的几种方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild
js中常用追加元素的几种方法,点击下面每个按钮，即可查看效果附上js代码：<script type="text/javascript">// <![CDATA[$(function(){ //append(),在父级最后追加一个子元素 $(".append").click(function(){ $("#wrap").append("<p class='three'>我是子元素append</p>"原创 2021-08-24 16:56:15 · 19750 阅读 · 0 评论 -
easyUI datagrid的一些问题
关于datagrid表格的一些适用性的小功能点：1.列隐藏$('表格ID').datagrid('hideColumn','索要隐藏的字段');2.合计总数（单独一行）var tre = 0，tres = 0，tat = 0，heji = "合计:";$('表格ID').datagrid('appendRow', { contracttotal: '合计', costamount: tres, pasunmsurplus: tat,aa:"123"});3.获取treegrid选..原创 2021-08-03 14:35:32 · 249 阅读 · 0 评论 -
easyUI datagrid 单元格限制输入文字的数量
<th field="parametersize" width="150" align="center" editor="{type:'textbox',options:{multiline:true,validType:'length[0,60]'}}" formatter="breakformwordtwo">参数</th>length是限制的数量从多少到多少原创 2021-07-20 16:54:16 · 487 阅读 · 0 评论 -
关于jQuery easyUI treegrid 选中打开节点的问题
后台返回节点选中并且打开该节点，在easyUI中treegrid是默认关闭的需要打开下面是代码$('#dgproject').treegrid({ // queryParams: { //传递额外的值 // auditState: 2, // }, url: '接口', method: '请求方式', pageSize: 20, //分页，页面展示的条数 pageList: [10, 20, 30, 50, 100, 150, 200, 300, 500, 1000],/原创 2021-07-12 11:44:11 · 607 阅读 · 0 评论 -
滚动条样式
/* 滚动条样式 */::-webkit-scrollbar { width: 12px; height: 12px;}::-webkit-scrollbar-track-piece { background-color: transparent; //滚动槽 -webkit-border-radius: 6px;}::-webkit-scrollbar-thumb:vertical { height: 12px; background-colo...原创 2021-07-07 09:43:30 · 161 阅读 · 0 评论 -
easyUI 检测tabs切换时关闭更新内容
先说需求：要求在鼠标点击已经打开的tabs时能刷新、更改.、关闭里面的弹窗问题。需要用到的方法：（直接就能用）$('#tabs').tabs({ border:false, fit:true, onSelect:function(title,index){ closePasswordModifyDialog() } });检测打开的新的tabs。代码：function openTab(node) { closePasswordModifyDial原创 2021-06-28 09:45:23 · 210 阅读 · 0 评论 -
实现文件上传
直接上代码<input type="file" name="fileName1" id="fileName1"/><input type="button" onclick="sendToUser()" id="sendToUser" value="提交" />js代码: function sendToUser(){ //在这里进行ajax 文件上传 用户的信息 var $file1 = $("input[name='fileName1']").val()原创 2021-06-22 19:56:58 · 132 阅读 · 0 评论 -
后台返回数据转换成json格式
$.ajax({ url : "companyAccountMappingController.do?getCompany", type : 'post', data : { code : companyCode }, cache : false, ..原创 2021-04-07 10:52:47 · 2068 阅读 · 0 评论 -
简单的div拖动
前端页面中用到一些拖动的方式，简单的拖动的方式以jQuery为基准建立拖动。代码直接就能使用。直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> div{ width:300px; height:400px; background-size:cover;原创 2021-03-31 10:00:03 · 194 阅读 · 0 评论 -
vue中methods、watch、computed之间的差别对比以及适用场景
一、computer当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。<p id="app"> {{fullName}} </p><script> var vm = new Vue({ el: '#app', data: { firstName: 'Foo', lastName: 'Bar', },原创 2021-01-18 09:19:59 · 404 阅读 · 0 评论 -
react关于弹层的组件
react关于组件搜索一堆，对于小白来说看不懂。写个晓得例子供大家参考：第一步：import React,{Component,useState} from 'react'; //引入react关键 import { Button, Modal, Form, Input, Table } from 'antd';//antd 组件使用import {get,del,post} from '../../utils/request' //请求方法封装第二步：搭建组件主体class原创 2020-12-16 16:27:44 · 435 阅读 · 0 评论 -
react组件中关于引用图片的一些问题
react组件在图片引用时会出现这样的现象源码写法：<imgsrc={require('../../assets/img/1.jpg')}alt=''></img>如果是一张图片改进写法为import imageU from '../../assets/images/head_icon.png';<img src={imageU } />能解决问题。但是轮播就不好玩了这样。轮播解决办法类似img:[ req...原创 2020-12-11 15:52:43 · 409 阅读 · 0 评论 -
接纯前端Word到处的应到的两个js
(function (global, factory) { if (typeof define === "function" && define.amd) { define([], factory); } else if (typeof exports !== "undefined") { factory(); } else { var mod = { exports: {} }; factory(); global..原创 2020-12-11 15:46:15 · 177 阅读 · 0 评论 -
关于react 启动报错的问题
最近在自学react语言，搭脚手架时，npm start 会报错误 大体意思是内存溢出的问题， 其中错误点是 powershell 找不到的问题，看到网上很多说是在环境变能量里面配置能解决问题，但是在我这是不行的，请教老师也是不知道原因，说重新下载依赖试试，多次尝试也是不管用。 在这提前说一下，以前react的项目启动成功过，所以一直在网上巴拉解决办法。现在总结一下原因：1.如果你是第一次玩react的项目，按照教学的演示来是没有问题的， 第一步创建项目 create-react...原创 2020-12-08 11:10:31 · 3197 阅读 · 0 评论 -
js做四则运算时，精度丢失问题及解决方法
js计算过后会出现计算精度丢失的问题/** * 解决两个数相加精度丢失问题 * @param a * @param b * @returns {Number} */function floatAdd(a, b) { var c, d, e; if(undefined==a||null==a||""==a||isNaN(a)){a=0;} if(undefined==b||null==b||""==b||isNaN(b)){b=0;} try { .原创 2020-11-23 15:35:41 · 305 阅读 · 0 评论 -
word导出打印设置
内容转载css2 的样式设置转载 2020-08-06 15:54:08 · 211 阅读 · 0 评论 -
将html页面中部分div 导出为word ，纯前端处理，解决word导出视图 问题
1、加入两个外部jsFileSaver.js/* FileSaver.js * A saveAs() FileSaver implementation. * 1.3.2 * 2016-06-16 18:25:19 * * By Eli Grey, http://eligrey.com * License: MIT * See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md */ /*global转载 2020-08-06 09:29:16 · 1282 阅读 · 3 评论 -
纯前端word导出echarts图表
项目中遇到导出echarts导出word，查到很多资料都没有纯前端导出，都是后端结合才能导出，作为前端怎么可能屈服于后端，经过不懈的努力终于在前端就能搞完了。啥也不说直接上代码：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width" /> <meta charset="UTF-8"/> <title>ECh原创 2020-10-15 09:08:25 · 1530 阅读 · 11 评论 -
关于easyui 表格合并的方式
最近项目中用到easyui的表格合并，API中也有讲为了以后能查到在这做个总结，以备后面用到。function onLoadSuccess(data){ var num = 1; for(var i = 1; i < data.rows.length; i++){ if(data.rows[i]['你要合并的字段'] == data.rows.[i -1]['你要喝冰的字段']){ num += 1; $(this)原创 2020-07-03 09:01:12 · 731 阅读 · 1 评论 -
JS中获取浏览器的高度看的的不同方法
window.innerWidth //除去菜单栏的窗口宽度 window.innerHeight//除去菜单栏的窗口高度 window.outerWidth//包括菜单栏的窗口宽度 window.outerHeight//包括菜单栏的窗口宽度 window.screen.height//电脑屏幕的高度 window.screen.width//电脑屏幕的宽度 window.screen.availHeight//电脑屏幕的可利用高度 window.screen.availWidth//电脑屏原创 2020-05-12 10:29:28 · 569 阅读 · 0 评论 -
关于PC端自适应分辨率的问题。
一.根据不同的分辨率，加载不同的CSS样式文件这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。可能你会感觉针对一个页面，要写这么多不同的css样式表，这个工作量肯定很大。其实也不尽然，根据我在这个项目中的实践，发现这个工作量其实是比较小的。首先，我们在做项目的时候，一般情况下会有一些范围限制，比...转载 2020-03-30 15:42:47 · 3015 阅读 · 0 评论 -
关于table表格头部固定和列固定的方式
无论你用什么框架都要用到table固定列或者表头的现象。最近用到了，写个demo以备后面用，顺便分享一下，提供给徐亚的人。下面是代码：<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8"> <title>表格第一行和前几列固定</title&...原创 2020-01-20 10:00:13 · 3345 阅读 · 0 评论 -
echarts 水滴图实现方式。
项目中需要实现水滴图 的应用搞了一下，效果还可以，感觉做的还是比较全面的有渐变色，颜色更改等措施。效果图：直接上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &l...原创 2019-12-16 18:22:05 · 2509 阅读 · 0 评论 -
物理键F11的更改应用。
获取键盘F11的按钮的应用。看到晚上有多中方式，测试多个之后，找到这个方式，能在进入全屏和退出全屏时都能检测到F11物理键的操作。下面是完整的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit...原创 2019-12-11 09:31:27 · 272 阅读 · 0 评论 -
web前端，jsp上传文件
JSP 可以与 HTML form 标签一起使用，来允许用户上传文件到服务器。上传的文件可以是文本文件或图像文件或任何文档。本章节我们使用 Servlet 来处理文件上传，使用到的文件有：upload.jsp : 文件上传表单。message.jsp : 上传成功后跳转页面。UploadServlet.java : 上传处理 Servlet。需要引入的 jar 文件：commons-...转载 2019-04-23 16:07:54 · 863 阅读 · 0 评论 -
ECharts 实现动态时间坐标数据累积
对ECharts 官网中动态数据+时间坐标轴实例进行了修改，X轴为当前时间，并数据累积。可在ECharts 实例中的代码框中粘贴直接查看效果。<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head>...转载 2019-04-03 18:40:11 · 2659 阅读 · 2 评论 -
echarts 饼状图、柱状图、折线图 基本标识
Echarts 是由百度团队打造的一款纯 Javascript 的图表库，官网下载路径如下：http://echarts.baidu.com/download.htmlEcharts的特性：一、丰富的图表类型：1、常用的有折线图，柱状图，散点图，饼图，盒形图，用于地理数据可视化的地图，热力图，线图等2、多个坐标系的支持直角坐标系（catesian，同 grid）、极坐标系...转载 2019-03-20 10:54:49 · 1977 阅读 · 0 评论 -
echart图表的各种参数介绍
转载：http://blog.youkuaiyun.com/zou128865/article/details/42802671 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); ...转载 2019-03-19 20:24:14 · 581 阅读 · 0 评论 -
echarts 多Y轴展示页面
本文主要向大家展示一下，如何一步步完成ECharts多Y轴的探索，并给出实例和说明。一个多Y轴图表展示的示例图如下：什么是EChartsECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库ZRender...转载 2019-03-19 17:20:26 · 1490 阅读 · 0 评论 -
Hbuilder 打包iOS文件包相机，相册访问权限的问题
打包提交appstore如果用到了如下权限需要修改提示语，详细描述使用这个权限的原因，如不修改提示语appstore审核可能会被拒绝 - 通讯录NSContactsUsageDescription - 麦克风NSMicrophoneUsageDescription - 相册NSPhotoLibraryUsageDescription - 相机NSCameraUsageDescription...原创 2019-01-15 13:37:22 · 6345 阅读 · 0 评论 -
Vue中面试题，应用中的使用
1、v-model是什么？ vue中标签怎么绑定事件？答：v-model这个指令只能用在表单元素上，可以用他进行双向数据绑定。绑定事件：<input @click=doLog() />2、mvvm框架是什么？说说对双向数据绑定的理解？它和其它框架（jquery）的区别是什么？哪些场景适合？答：mvvm的m模型就是用来定义驱动的数据、v经过数据改变后的html、vm就是连接数...转载 2019-01-09 10:20:56 · 2239 阅读 · 0 评论 -
Vue面试题部分集合
1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子？ 答：三种，一...转载 2019-05-16 11:29:45 · 257 阅读 · 0 评论 -
前端缓存现在用到的缓存机制。
1、CookieJavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie。cookie的结构：简单地说，cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。cookie是浏览器提供的一种机制，它将documen...原创 2019-06-13 16:49:10 · 820 阅读 · 0 评论 -
前端写新对象 数组存取
数组转到新对象中，新对象存入到数字中var newArr = []; //新数组var vote = {}; //新对象 var item = response.data; //实达值 for (var i = 0; i <data.data.length; i++) { vote.ssz ...原创 2019-06-19 19:13:27 · 1014 阅读 · 0 评论 -
css样式写心形样式
怎么写个心形的样式。一开始思路是半圆加直线可以搞定，查了一下一个div就可以搞定。思路要换换了。做什么要先想清楚再做。现在说一下思路。1.用一个大的div就可以搞定。2.直接上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <t...原创 2019-08-26 13:59:19 · 766 阅读 · 0 评论 -
鼠标左键获取HTML页面里面内容
项目中用到鼠标获取页面内容，要粘贴到别的页面，在进行粘贴的内容进行变色处理。这次只是做写选中页面的内容进行处理操作。现在直接上代码内容不多：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>...原创 2019-07-23 17:21:54 · 465 阅读 · 0 评论 -
时间日期插件
/* 时间日期从当天零点开始 */ rs.timeDay = function(){ var datae = new Date(); var dateStart = new Date(new Date(new Date().toLocaleDateString()).getTime()); var dateEnd = new Date...原创 2019-07-16 11:35:04 · 832 阅读 · 0 评论 -
关于jsp页面引用的一些方式
这是JSP种引用的一些方式，这只是body中的部分，具体的请结合实际的项目做链接：<body style="background-color:pink"> <form action=""> <h1>下面显示的是自定义标签中的内容</h1> <br><br> <br>...原创 2019-07-13 17:25:36 · 539 阅读 · 0 评论 -
echarts 折线变成虚线
测试用的地址 echarts网站 https://echarts.baidu.com/examples/editor.html?c=area-basicoption = {title: {text: '折线图堆叠'},tooltip: {trigger: 'axis'},legend: {...转载 2019-06-27 11:05:50 · 4869 阅读 · 1 评论