js页面当中没有写回车事件，但是有回车效果
前两天遇到一个问题，研究了我很差事件。问题如下： 页面只有一个文本框，没有写任何回车事件，但是点回车的时候，就会触发回车，回传页面。 于是各种google，终于有了结果： 如果表单里有一个type=”submit”的按钮，回车键生效。 如果 表单里只有一个type=”text”的input，不管按钮 ...
LayUI多文件上传，支持历史上传预览
记录一次项目开发中，LayUI多个图片进行优化，需要支持多个图片上传、可删除某一个图片、支持加载上次上次图片。 页面代码： <div class="layui-upload"> <button type="button" class="layui-btn layui-btn-normal" id=" ...
jQuery.js - 前端必备的Javascript库
作者:WangMin 格言:努力做好自己喜欢的每一件事 jQuery.js 是什么？ jQuery是一个快速简洁、免费开源易用的JavaScript框架，倡导写更少的代码，做更多的事情 。它封装JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，以及我们开发中常用到的操 ...
极致性能优化：前端SSR渲染利器Qwik.js
引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互，而前端框架的选择对于实现这些目标至关重要。然而，传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下，我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架，更是一种前端 ...
js/jquery 关于select 的一些操作
1. 如何设置默认选中呢 设置默认选中可在option 中添加 selected = "selected",具体举例如下: <option value="2" selected="selected">test2</option> <select id="citySel" class="select" ...
闲来无事整个“方块消消乐”小游戏
写在前面的话 在996是福报，“付费上班”的如今。身为信息化进程的一颗螺丝钉，每天的通勤时间要四十几分钟（仅仅是在地铁上哦），漫漫这时候回家路难免显得有点寂寞有点空虚。这时好学的人会说听听有声书，趁着下班时间提升自己。而我可要优雅的回应道：“老子搬了一天砖了，下班还不能享受享受了”。这不就迷上了各种 ...
验证码插件 vercode.js
第1代图片验证码 - 字母数字型 第2代滑动验证码 - 图片截取型 第3代验证码 - 选图型 vercode.js 结合了上面的情况下新研发的一种验证码。 验证码类型 验证码描述 操作性 安全性 描述 字母数字型图片验证码 这是一种通过后台随机码生成图片的验证码。服务器会在随机码生成时保存随机码。 ...
利用jQuery制作简易的table上下无缝轮播
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
简单实用折叠面板可以折叠收起展开内容区域
前端简单实用折叠面板可以折叠收起展开内容区域, 阅读全文下载完整代码请关注微信公众号： 前端组件开发 效果图如下: 代码如下: # 简单实用折叠面板可以折叠收起展开内容区域。 #### 使用方法 ```使用方法 <!-- leftText:做标题 rigText: 有注明文字 isOpen:展开折叠 ...
记录--JavaScript 中有趣的 9 个常用编码套路
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1️⃣ set对象：数组快速去重 常规情况下，我们想要筛选唯一值，一般会想到遍历数组然后逐个对比，或者使用成熟的库比如lodash之类的。 不过，ES6带来了一个新玩意儿！它引入了一个全新的对象类型：Set！而且，如果结合上...展开运算 ...
jQuery 在图片和文字中插入内容（多种情况考虑）
昨天接到一个新的需要，在后台文章编辑器中，每一个文章的正文前面，可以单独添加一个电头字段，但是如果在富文本编辑器中最上面就添加图片的话，图片就会把电头和正文中的文字给隔开。需要做的是获取到电头字段，然后在正文中的文字部分的最前面插入电头字段。具体看下图： 原始的代码： <div class="det ...
js判断是否手机模式
function autoLoad() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAg ...
【D01】Django中实现带进度条的倒计时功能（简易版）
首先说明简易版是只有一个 倒计时 和一个 进度条，页面加载后自动开始计时，下次计时需要手动刷新页面。 后续会更新实现完整的倒计时功能的文章 前期准备 前端框架 你需要准备一些前端框架：Bootstrap4 和 jQuery 安装方法请自行查阅官方文档或教程 Bootstrap4：https://v4 ...
js和jquery获取屏幕宽高以及加margin和padding等边距的宽高
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body. ...
jQuery
jQuery 语法 1、引用声明： <script src="jQuery文件URL" type="text/javascript" charset="UTF-8"></script> 2、基础语法结构： jQuery的美元符号$是jQuery的简写 文档就绪函数写法 //写法一 $(documen ...
JS校验银行卡号以及通过银行卡号自动带出所属银行信息
本文实例讲述了JS实现的获取银行卡号归属地及银行卡类型操作以及Luhn校验算法校验银行卡号算法。分享给大家供大家参考，具体如下： javascript代码如下 /** * Luhn校验算法校验银行卡号；Luhm校验规则：16位银行卡号（19位通用）:1、将未带校验位的 15（或18）位卡号从右依次编 ...
一篇随笔会用Bootstrap
# Bootstrap ## 0 简介 * Bootstrap是美国[Twitter](https://baike.baidu.com/item/Twitter/2443267?fromModule=lemma_inlink)公司的设计师 Mark Otto 和 Jacob Thornton 合作基 ...
jQuery
1、 jQuery核心函数 $是jQuery的核心函数，能够完成jQuery的很多功能。$()就是调用$这个函数。 2、DOM对象和jQuery对象的相互转换 1、dom对象转换为jQuery对象 先获得dom对象 $(dom对象) 就可以转换为 jQuery对象 2、jQuery对象转换为DOM对 ...
9种跨域方式实现原理
摘要：当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。 本文分享自华为云社区《九种跨域方式实现原理咋回事》，作者：龙哥手记 一、什么是跨域？ 1.什么是同源策略及其限制内容？ 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同 ...
Backbone前端框架解读
作者: 京东零售 陈震 一、 什么是Backbone 在前端的发展道路中，前端框架元老之一jQuery对繁琐的DOM操作进行了封装，提供了链式调用、各类选择器，屏蔽了不同浏览器写法的差异性，但是前端开发过程中依然存在作用域污染、代码复用度低、冗余度高、数据和事件绑定烦琐等痛点。 5年后，Backbo ...