随笔分类 -  JavaScript

开发一款有翻译功能的Google浏览器插件(扩展程序)
摘要：找遍了Chrome 网上应用店，也没有找到我想要的翻译扩展程序(程序翻译结果不满意)，于是打算自己写一个，感觉还可以~ 扩展程序效果图: 整个扩展程序只有5个文件 icon.png是扩展程序的图标, 就是扩展程序效果图右上角的那个小图标。 index.html是扩展程序的主页面, 也可以直接打开在浏 阅读全文
posted @ 2020-04-14 20:59 X虚拟的现实 阅读(1489) 评论(0) 推荐(0)
根据输入内容的长度自动调整文本域的高度
摘要：/** * 根据输入内容的长度自动调整文本域的高度 */ /** * * @param {被监听的元素, 默认是window} textareaElem * @param {文本域的最小高度, 默认是32} minHeight * @param {文本域的最大高度, 默认是500} maxHeigh 阅读全文
posted @ 2020-02-13 21:10 X虚拟的现实 阅读(653) 评论(0) 推荐(0)
JavaScript实现鼠标提示工具
摘要：/** * 提示工具, 只要给元素添加data-tooltip属性, * 那么当鼠标移动到这个元素上的时候就会显示data-tooltip里的内容 * 例如: <div data-tooltip="show content" >hover</div> * 当鼠标移动到这个div标签上的时候就会显示" 阅读全文
posted @ 2020-02-13 20:50 X虚拟的现实 阅读(536) 评论(0) 推荐(0)
node.js + socket.io 聊天群聊系统
摘要：主要功能:普通用户可以在群里聊天管理员登录后可以在群里聊天, 也可以踢人 详细功能: 收到消息有声音提醒(管理员发的消息有不同的声音提醒)进入聊天时会显示最近的聊天记录保存每一天的聊天记录到"日期.txt"文本中可以更换聊天背景实时显示在线人数实时显示聊天人员变动情况实时显示谁在输入消息管理员输入的 阅读全文
posted @ 2020-02-13 20:35 X虚拟的现实 阅读(231) 评论(0) 推荐(0)
原生js+nodejs实现学生成绩管理系统
摘要：本项目适合作为前后端连载的入门练习。 主要功能: 前端: 1.实现自己的v-for, 替换vue的v-for, 用来把后端发过来的学生数据遍历成学生表格, 然后显示在页面上.2.封装了"获取表单数据"的方法.3.封装了"验证是否必填"的方法.4.动态显示与隐藏弹出框, 并让其居中, 可拖动, 弹出框 阅读全文
posted @ 2019-10-12 00:06 X虚拟的现实 阅读(1702) 评论(0) 推荐(0)
复杂表单数据的获取
摘要：表单基本样式如下: 表单的院士基本情况可以不断新增. 院士基本情况的部分HTML代码(多份院士基本情况是在这个基础之上append的) : HTML结构: 需要发送给后端的数据格式如下: 院士基本情况中的"院士与企业合作项目情况"为academicianCooperationProject 部分js 阅读全文
posted @ 2019-09-16 00:49 X虚拟的现实 阅读(430) 评论(0) 推荐(0)
表单多条相同name数据的获取
摘要：对于上面显示的这种多条数据的获取, 大概有两种思路: 自增 和 选择器+遍历. 1. 通过id自增或者name自增的方法, 用户点击"新增一条"按钮时, 新增加的元素的id或者name自动加1, 然后append, 通过id或者name获取元素的时候也让id或者name自动加1, 用户点击删除的时候 阅读全文
posted @ 2019-08-29 02:03 X虚拟的现实 阅读(1140) 评论(0) 推荐(0)
大型表单数据的获取
摘要：如果表单数据量小的话直接通过id或者name属性即可获取数据, 但如果表单有几十上百个input 或 textarea呢?就像下面这样的表单: 一个个的获取数据很麻烦, 可以考虑用FormData + for循环获取数据 给表单的form添加一个id="FormData", 用选择器获取form元素 阅读全文
posted @ 2019-08-29 01:06 X虚拟的现实 阅读(327) 评论(0) 推荐(0)
对字符串格式的日期进行排序
摘要：假定数组menu如下: 阅读全文
posted @ 2019-04-20 13:38 X虚拟的现实 阅读(4779) 评论(0) 推荐(0)
简单的JavaScript字符串加密解密
摘要：简单的JavaScript字符串加密解密 阅读全文
posted @ 2019-04-19 21:48 X虚拟的现实 阅读(1286) 评论(0) 推荐(0)
监听input实时输入
摘要：// 用Jquery实现: $('#input-element').on('input',()=>{ console.log("你按了一下111");}) // 用Jquery的事件委托实现: $("body").delegate( $("#input-element"), "propertycha 阅读全文
posted @ 2019-03-17 23:13 X虚拟的现实 阅读(3813) 评论(0) 推荐(0)