- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 正则表达式
正则表达式正则表达式是用来匹配字符串的一种模式。做的一次分享，记录一下规则：最先匹配上的优先，例'1wer123s'.replace(/1/,'') //"wer123s"主要参考以前学js记的笔记https://www.w3school.com.cn/jsref/jsref_obj_regexp.asphttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions工具型网站图解正
2021-10-15 15:13:44
1930
原创 chrome performance性能检测面板
chrome performance性能检测参考https://developer.chrome.com/docs/devtools/evaluate-performance/（主要参考，很多直接翻译的官方文档）有些图是官方的，有些自己截得https://zhuanlan.zhihu.com/p/163474573https://blog.csdn.net/weixin_33674976/article/details/91390874操作面板开始、清空三个按钮功能：1、点击开始分析2、
2021-10-07 14:34:01
1928
原创 threejs实现模型多种形式布局，球形，圆盘，桶型，弧形屏
接上一篇，上一篇讲了根据数量计算行列数，从而得出需要加载的模型处于几行几列其实官方也有类似的例子，提供了思路，css3d_periodictable但是基于官方例子也有些坑需要注意，比如官方的桶型其实是螺旋形的布局，且布局是根据官方提供的数据得出的，我们没有现成的数据就需要去算这边基于官方改造了下，然后新增了两种模式，圆盘及弧形屏幕。这边因为是公司的项目不方便截图，所以只能靠描述想像总体就是1、球形（同官方）2、桶型（由官方螺旋形改成了桶，类似上下中空的烟囱管道，每个模型相当于上面一块砖）3、
2020-09-16 16:40:55
2417
原创 js实现方阵布局
个人主要用在可视化时需要对一些模型排布时，比如存在很多队伍需要排列明确下思路可知队伍数量，需要排布成方阵1、计算有多少行，列2、根据行列数，遍历队伍求出每个队伍对应的位置求行列数如果有问题，望指正。根据需求来最后使用的是最后一种，另外两种测试可能不全面// 根据数量计算行列数,取最近的行列数，及总数20就求4*5function computeRowCol(number){ let answer = Math.sqrt(number), //求出平方根 row, //行数
2020-09-07 17:53:42
661
原创 前端处理登录超时
由于当时项目是多个公司合作，有些借口是跨域调用吧别人写的，后端无法监听。所以在后端做登录超时处理很麻烦，最后就由前端来写。这里是通过cookie的过期时间去实现超时处理的。用的环境是vue，在axios拦截器中实现main.js//isRefuse 判断是否已经拦截了，否则可能出现同时调用多个接口出现几个弹框var isRefuse = false; // axios请求拦截器axios.interceptors.request.use(function (config) { //arr
2020-07-16 14:23:44
3593
原创 websocket 可复用长连接心跳监测+页面隐藏关闭页面显示重启websocket+断线重连
由于个人开发环境是vue，就从vue入手注意点：1、心跳监测需要在websocket关闭的时候及时关闭，避免定时器累计2、需要区分主动关闭还是被动关闭websocket，如页面隐藏主动关闭不需要重连，还是触发websocket error需要重连ws.jsexport default { /** * * @param {String} url wwbsocket地址 * ...
2020-03-19 16:04:22
1520
原创 截取相同字节长度的字符串
做这个主要是为了在echarts图的xy轴上实现溢出隐藏并省略的作用。一个中文字符=2字节 例：abs一个英文字符=1字节 例：可视化相同字符长度对应的实际长度是不一样的，不能用简单的substring取出相同物理长度的字符串·例：取8字节长度字符串思路首先添加string原型方法（这个是从别人那引用的不知道谁是原创）String.prototype.getBytes = funct...
2019-12-26 16:27:35
297
原创 vue 文件导入导出/上传下载并与后端交互操作
上传采用的是element-ui 组件，如果对绑定的属性存在疑问可以去 官网查询html<el-upload class="upload-demo" :http-request="uploadImg" action="" :on-preview="handlePreview" :on-remove="handleRemove" :on-change="handl...
2019-09-17 16:05:44
5992
2
原创 d3中data方法更新数据导致第一条数据丢失，以及remove后再填充数据力导图线消失的问题，d3+svg可视化开发注意事项
在用d3开发力导图时，需要别的页面点击，服务器发送websocket数据到展示界面更新生成的力导图。初始时会生成打底的数据，websocket发送数据时将该数据加到原来的数据上，并闪烁。而websocket发送的数据可能是新数据也可能有原来数据，我是每次都把所有数据更新，导致前一次数据和新一次数据有大量重复。数据量多，不可能一个个去找某个节点是否生成成功，发现某个节点丢失也是误打误撞。这个问题...
2019-08-09 20:32:50
993
原创 vue中three及其依赖引入和使用
官方文档和例子[https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene]引入单页面应用<script src="../lib/three.js"></script> //ES5，相关依赖相同模块化应用npm 安装npm install three --save...
2019-07-18 10:46:43
7170
原创 THREEJS相关3d-force-graph 3d力导图使用
api文档不是很友好，虽然有官方例子但是也不全面，网上教程也很少几乎找不到，写完一个例子所以记录一下自己用到的一些api的使用3d力导图3d-force-graph github地址谷歌翻译一下介绍：一种Web组件，使用力导向迭代布局表示三维空间中的图形数据结构。 使用ThreeJS / WebGL进行3D渲染，使用d3-force-3d或ngraph作为底层物理引擎。引入script可直...
2019-07-01 21:44:59
14405
61
原创 字节跳动前端19.4.27校招笔试记录
—答辩过了再想怎么写，笔试头都是晕的，实验室一直有人在嘀嘀咕咕，静不下心，逻辑思维还要加强一下，〒▽〒还得补论文笔试是牛客网的系统1、牛生牛问题，一头牛，3-7年生小牛（第三年初开始到第七年初），第十年死去（十年时还在）。输入n年，输出牛只数。举例：输入3输出25 512 1232、麻将，没记住3、王大锤抓孔年顺？？？4、输入 01110100等n个字符，如果有...
2019-04-27 12:29:25
512
原创 学生选课系统-学年学期选择器，根据入学年份自动计算当前学期
实现效果入学年份是取学号中入学年份对应字段js//计算学期function getTerm(no){ //no为学号 let date=new Date; //当前时间 let startYear = parseInt(no.toString().slice(0, 4));//取学号中入学年份 let year=date.getFullYear(); //现在年份...
2019-04-22 18:14:04
14852
原创 一个简单的基于codemirror的在线代码高亮编辑器
注意：！！！！codeMirror官网下的可能不能用，我就在这个地方栽了好几次才发现。这里做的单页面的编辑器，引用的vue+element-ui，当做bootstrap来用。因为单界面new vue会导致codemirror无法使用。codemirror好处就是可以实时编辑，有用过highlight框架，但是一实时编辑，高亮效果就会失效。引用引入codemirror·<link ...
2019-04-18 14:50:02
2573
6
原创 js 将扁平化json数据用写成组织树的形式
笔试题，网上好像没有看到类似的写法也记录下。输入数据。let s5 = [ { "id": "1", "name": "中国", "code": "110", "parent": "" }, {...
2019-03-26 09:22:24
1407
1
原创 js json 字符串code相同的项进行去重。
function handleSerial(s){ if(s.length>1){ for(let i=0; i<s.length-1;i++){ //用到i+1,所以i<s.length-1 for(let j=i+1; j<s.length;j++){ //从i+1开始比对 if(s[i]...
2019-03-26 09:10:59
527
原创 js 编写一个递归/非递归版本的 reverse(s) 函数(或方法),以将字符串s倒置。
还是昨天的笔试题记录简单规律偶数个字符 1 2 3 4 -> 1 4交换 2 3 交换奇数个字符 1 2 3 4 5 -> 1 5交换 2 4交换 3不动输入‘abcdefg’类型字符串->倒置function handleReverse(s){ let arr = s.split(''); //转换为数组 let len = arr.le...
2019-03-26 09:01:36
1082
原创 vue消息提示this.$message方法
//弹出信息 alertMessage(action,a){ var msg,type; switch(a){ case '1': type='success'; msg = ...
2019-03-24 22:30:25
127410
9
原创 vue.js data.name.toLowerCase() is not a function问题
主要原因是.toLowerCase()方法需要前面是字符串类型解决：(data.name +='') .toLowerCase()
2019-03-24 18:06:49
10914
原创 java 返回多表整合数据方式
java中新建一个整合表（不需要与数据库对应有表），定义需要返回的数据在表数据最后加入classtag为另一表名调用他表已经写好的获取数据方法List<ClassTag> classTag = classTagService.getAllClassTag(classMsg1.getClassCode());存入整合表 classMsg1.setTag(classTag...
2019-03-22 16:40:28
1746
原创 VUE element-ui 表格筛选filter-method方法，适用于数组，嵌套对象
//表头筛选 filterHandler(value, row, column){ //筛选选项的value，一行row对象,column一列的属性值 const property = column['property']; // console.log(JSON.stringify(column)); ...
2019-03-19 22:44:39
35318
原创 js操作，进入界面判断是否登录，直接显示登录界面，不显示中间界面切换过程
session存储登录信息//sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为文本格式；// 读取时，通过JSON.parse()将文本转换回对象。sessionStorage.setItem('userMessage',JSON.stringify(this.userForm));function.js中检查登录，已登录返回登录...
2019-03-15 09:02:08
1799
原创 vue element-ui实现密码显隐的输入框
因为发现element-ui input的show-password没起作用自己写的。没有新引用icon。如果引用icon&lt;!--修改密码--&gt; &lt;el-dialog width="40%" ...
2019-03-06 17:12:42
26296
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人