js
关注
分享
扫一扫
Future_object
面向对象
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js版本比较
【代码】js版本比较。原创 2023-02-21 10:44:01 · 257 阅读 · 0 评论 -
node request 请求图片转发
request({ url: requrl, method: "GET", encoding: null,//此参数解决图片乱码问题 headers: { 'Accept-Encoding': 'gzip, deflate' } }, function (error, response, body) { if (!error && response.statusC...原创 2022-02-09 15:46:30 · 609 阅读 · 0 评论 -
node导出excel
var newData = [ { gameName:"test", user:"test", downloadTime:'2020' } ]; // 导出csv const fileName = "gcloudDownLoadInfo.xls"; res.set({ "Content-Type": "application/vnd.ms-execl"...原创 2022-01-06 19:45:07 · 2591 阅读 · 0 评论 -
element-ui的icon font显示不全问题
1.安装npm i url-loader -D2.webpack打包加入 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'url-loader', options: { limit: 10000, name: 'fonts/[name].[hash:7].[ext]', e原创 2021-04-21 17:24:49 · 392 阅读 · 0 评论 -
前端js弹层组件
/** * 全局展示操作反馈信息：例 * import message from 'message'; * message.error('这是一条普通的提醒', 2000); */let defaultDuration = 2; // 默认停留时间 单位：slet tipBoxInstance; // 唯一实例let setTimeoutPointer; // settimeout指针let onHideFuncQueue = {};// 视图隐藏时的回调函数HASH MAPle.原创 2020-05-29 16:39:31 · 268 阅读 · 0 评论 -
基于react的一个组件弹层
/** * 全局展示操作反馈信息：例 * import {Tipbox} from 'components'; * Tipbox.success('这是一条普通的提醒', 3); */let defaultDuration = 2; // 默认停留时间 单位：slet tipBoxInstance; // 唯一实例let setTimeoutPointer; // sett...原创 2020-04-16 12:15:25 · 245 阅读 · 0 评论 -
js分隔固定数组
var arr=[1,2,3,4,5,6,7,8,9]; function sliceArr(arr,childArrlen) { let arrNew =[]; let childArrNum = Math.ceil(arr.length/childArrlen); for (let i=0...原创 2020-03-12 23:10:33 · 477 阅读 · 0 评论 -
js爬取table表格导出csv文件
$(document).on("click", "#exportBtn", function () { var $trs = $("#expenditureTable").find("tr"); var str = ""; for (var i = 0; i < $trs.length; i++) { var $t...原创 2020-03-11 22:15:03 · 268 阅读 · 0 评论 -
js实现简单的侧边栏拖动功能
1.效果图(中间支持拖动)2.代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .boxParent{...原创 2019-04-12 17:55:54 · 1722 阅读 · 0 评论 -
javascript根据目录路径生成目录结构
1.要生成的大概结构:var treeData = [ { key: '0', title: 'test', children: [ { key: '1', title: 'cmp', ...原创 2019-03-19 18:38:36 · 1729 阅读 · 0 评论 -
个人创作formik material的表单字段基于react
github地址https://github.com/daixianceng/formik-material-fields formik-material-fieldsA set of material style fields for formikformik-material-fields = formik + material-uiThis library provi...原创 2018-12-17 20:03:02 · 4200 阅读 · 0 评论 -
javascript去重
var arr=[1,2,4,6,2,3,3,3,5,6,"6"];var res =[];res.push(arr[0]);for(var i=0;i<arr.length;i++){ var flag=false; for(var j=0;j<res.length;j++){ if(res[j] ===arr[i]){ ...原创 2019-07-24 18:20:43 · 230 阅读 · 0 评论 -
用javascript封装一个方法对比两个数组的差异
1,错误思想实现方法,indexOf这个方法只是包含的意思: /** * @param array arr1 * @param array arr2 * @return string str 返回两个数组对比之后arr1比arr2多出的值以字符串的方式(以分号分隔) */ function diffArrFunc(arr1,ar...原创 2018-12-10 23:08:18 · 1809 阅读 · 0 评论 -
nodejs的request请求
安装npm install --save request1使用最简单的GET请求，用法如下：var request = require('request');request('http://www.baidu.com', function (error, response, body) { if (!error && response.statusCode == ...原创 2019-05-05 18:09:14 · 1126 阅读 · 0 评论 -
js递归组装目录树
var data = {}; data["children"]=[]; var status_list = [ {service: "svr3"}, {service: "svr3"}, {service: "svr2"}, {service: "svr4"}, ...原创 2019-05-24 20:27:02 · 498 阅读 · 0 评论 -
前端js的event光标事件实现div方块移动
方法一:普通做法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>移动的方块</title> <style> #div{width: 100px; height: 100px; background: deeppink...原创 2019-05-23 00:17:40 · 622 阅读 · 0 评论 -
javascript实现滑动条效果
1.单个滑动方块(移动范围:1%到99%)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .slider-border-p...原创 2019-07-19 20:39:06 · 2001 阅读 · 0 评论 -
js实现监听样式变化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><style> #box2,#box1,#box3{ ...原创 2019-10-04 20:53:59 · 9597 阅读 · 0 评论 -
js读取文件内容FileReader方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="file" name="upload" id="uplo...原创 2019-10-04 20:58:24 · 3276 阅读 · 0 评论 -
javascript模拟随机彩票，用hash来记录每一组值
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #con{width: 300px; heigh原创 2018-05-19 16:06:48 · 1285 阅读 · 0 评论 -
javascript基于前端框架react或者vue或者其他其他框架导出数据生成csv文件,以及导入csv文件读取数据的简单例子
1.用npm在项目中安装以下插件://根据数据导出生成csv文件插件安装npm install file-saver --save//导入csv文件生成数据插件安装npm install papaparse --savenpm install jschardet --savenpm install iconv-lite --savenpm install encoding --s...原创 2018-10-17 13:18:08 · 16086 阅读 · 2 评论 -
利用cookie模拟登陆前和登陆后
第一个文件代码：登录前<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type="原创 2018-05-19 18:11:26 · 330 阅读 · 0 评论 -
用navigator.geolocation.watchPosition获取地理位置，在ie9以上支持这个方法，ie8及以下不行，在火狐和谷歌虽然支持了这个方法，但迟迟获取不了地理位置
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #text{width: 500px; heig原创 2018-05-19 16:19:43 · 4445 阅读 · 1 评论 -
用canvas实现方块的放大旋转效果
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{background: #ccc;}原创 2018-05-19 16:12:11 · 590 阅读 · 0 评论 -
用canvas实现方块走口子
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{background: #ccc;}原创 2018-05-19 16:09:11 · 332 阅读 · 0 评论 -
封装ajax
//四个参数 method ：ajax获取的方式 get，post //url：ajax访问的地址 //data：ajax传递的参数 //success：ajax成功返回后的回调函数 function ajax(method, url, data, success) { //1.打开浏览器 ...原创 2018-05-17 22:25:19 · 297 阅读 · 0 评论 -
懒加载的一个小原理
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> div { margin-top: 300px; w原创 2018-05-17 22:21:19 · 207 阅读 · 0 评论 -
javascript实现简单的拖拽
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>移动的方块</title> <style> div { width: 100px; h原创 2018-05-17 22:17:50 · 187 阅读 · 0 评论 -
javascript实现简单的随机红包
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>随机红包</title> <style> #con { width: 300px; h原创 2018-05-17 22:14:12 · 2364 阅读 · 0 评论 -
sessionStorage的一些基本操作
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type="button"原创 2018-05-19 18:16:03 · 1254 阅读 · 0 评论 -
localStorage
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type="button"原创 2018-05-19 18:17:49 · 162 阅读 · 0 评论 -
基于react的一个进度条组件
1.在react建一个js文件写组件代码:import React, {Component, PropTypes} from 'react';export default class Progress extends Component { static contextTypes = { percentageNum: PropTypes.number, allNum:...原创 2018-10-23 22:50:37 · 7028 阅读 · 1 评论 -
nodejs基于ejs的一个简单demo
1文件大概目录2.建立项目文件,先建一个ejs_demo文件夹,在ejs_demo运行下面命令,初始化仓库,一路回车:npm init3.安装两个ejs和express插件:npm install ejs --savenpm install express --save4.建立文件app.js,写上以下代码:var http=require("http");v...原创 2018-10-25 13:11:15 · 9527 阅读 · 5 评论 -
文件上传加nodejs简单服务器
1.随便找一个空的文件夹,执行命令,有提示之后一路回车:npm init2.安装express:npm install express --save3.在建好的项目下建一个server.js,在server.js写上一下代码:var express = require('express');var app = express();// var bodyParser =...原创 2018-10-18 19:51:54 · 549 阅读 · 0 评论 -
正则全局g的问题
let add="121432453253"; let abb="1214321321" let testdemo=/^([0-9]+)$/g if(testdemo.test(add)){ console.log(true)//true }else{ console.log(false) } if(testdemo.test(abb)){ c...原创 2018-08-31 21:54:50 · 305 阅读 · 0 评论 -
基于nodejs加high-charts生成图片的而一些链接,和代码库
基于nodejs加high-charts生成图片的而一些链接,和代码库1.https://www.cnblogs.com/kenkofox/p/4959797.html2.代码库:https://github.com/kenkozheng/HTML5_research/tree/master/NodeJS-Highcharts ...转载 2018-08-31 21:25:41 · 557 阅读 · 0 评论 -
利用dom节点实现上移下移
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> </head><body> <ul> &l原创 2018-05-20 15:47:16 · 2078 阅读 · 0 评论 -
html5拖拽，要在ondragover阻止这个默认事件,和解决火狐上的兼容问题
在火狐上不兼容这一套：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0;原创 2018-05-19 18:30:51 · 4462 阅读 · 0 评论 -
前端数据库indexedDB的一些操作
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <button id="selectBook&qu原创 2018-05-19 18:21:19 · 474 阅读 · 0 评论 -
js实现1到100随机数添加到数组，并且不重复
var arr=[];for(var i=0;i<100;i++){ var arrNum=parseInt(Math.random()*100)+1; var flag=true; for(var j=0;j<=arr.length;j++){ if(arrNum==arr[j]) { flag = false; ...原创 2018-05-17 21:56:35 · 10143 阅读 · 0 评论